feat: persistentbar: support small screens and themes plus custom ren…

…der (#667)

* feat: persistentbar: support small screens and themes plus custom render

* chore: persistentbar: address peer feedback and add css vars with border opt

src/components/Locale/Default.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/en_US';
 import InfoBar from '../InfoBar/Locale/en_US';
 import Pagination from '../Pagination/Locale/en_US';
 import Panel from '../Panel/Locale/en_US';
+import PersistentBar from '../PersistentBar/Locale/en_US';
 import Stepper from '../Stepper/Locale/en_US';
 import Table from '../Table/Locale/en_US';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/en_US';
@@ -74,6 +75,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/cs_CZ.tsx

@@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/cs_CZ';
 import InfoBar from '../InfoBar/Locale/cs_CZ';
 import Pagination from '../Pagination/Locale/cs_CZ';
 import Panel from '../Panel/Locale/cs_CZ';
+import PersistentBar from '../PersistentBar/Locale/cs_CZ';
 import Stepper from '../Stepper/Locale/cs_CZ';
 import Table from '../Table/Locale/cs_CZ';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/cs_CZ';
@@ -21,6 +22,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/da_DK.tsx

@@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/da_DK';
 import InfoBar from '../InfoBar/Locale/da_DK';
 import Pagination from '../Pagination/Locale/da_DK';
 import Panel from '../Panel/Locale/da_DK';
+import PersistentBar from '../PersistentBar/Locale/da_DK';
 import Stepper from '../Stepper/Locale/da_DK';
 import Table from '../Table/Locale/da_DK';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/da_DK';
@@ -18,6 +19,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/de_DE.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/de_DE';
 import InfoBar from '../InfoBar/Locale/de_DE';
 import Pagination from '../Pagination/Locale/de_DE';
 import Panel from '../Panel/Locale/de_DE';
+import PersistentBar from '../PersistentBar/Locale/de_DE';
 import Stepper from '../Stepper/Locale/de_DE';
 import Table from '../Table/Locale/de_DE';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/de_DE';
@@ -73,6 +74,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/el_GR.tsx

@@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/el_GR';
 import InfoBar from '../InfoBar/Locale/el_GR';
 import Pagination from '../Pagination/Locale/el_GR';
 import Panel from '../Panel/Locale/el_GR';
+import PersistentBar from '../PersistentBar/Locale/el_GR';
 import Stepper from '../Stepper/Locale/el_GR';
 import Table from '../Table/Locale/el_GR';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/el_GR';
@@ -18,6 +19,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/en_GB.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/en_GB';
 import InfoBar from '../InfoBar/Locale/en_GB';
 import Pagination from '../Pagination/Locale/en_GB';
 import Panel from '../Panel/Locale/en_GB';
+import PersistentBar from '../PersistentBar/Locale/en_GB';
 import Stepper from '../Stepper/Locale/en_GB';
 import Table from '../Table/Locale/en_GB';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/en_GB';
@@ -74,6 +75,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/es_DO.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/es_DO';
 import InfoBar from '../InfoBar/Locale/es_DO';
 import Pagination from '../Pagination/Locale/es_DO';
 import Panel from '../Panel/Locale/es_DO';
+import PersistentBar from '../PersistentBar/Locale/es_DO';
 import Stepper from '../Stepper/Locale/es_DO';
 import Table from '../Table/Locale/es_DO';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/es_DO';
@@ -74,6 +75,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/es_ES.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/es_ES';
 import InfoBar from '../InfoBar/Locale/es_ES';
 import Pagination from '../Pagination/Locale/es_ES';
 import Panel from '../Panel/Locale/es_ES';
+import PersistentBar from '../PersistentBar/Locale/es_ES';
 import Stepper from '../Stepper/Locale/es_ES';
 import Table from '../Table/Locale/es_ES';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/es_ES';
@@ -74,6 +75,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/es_MX.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/es_MX';
 import InfoBar from '../InfoBar/Locale/es_MX';
 import Pagination from '../Pagination/Locale/es_MX';
 import Panel from '../Panel/Locale/es_MX';
+import PersistentBar from '../PersistentBar/Locale/es_MX';
 import Stepper from '../Stepper/Locale/es_MX';
 import Table from '../Table/Locale/es_MX';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/es_MX';
@@ -74,6 +75,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/fi_FI.tsx

@@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/fi_FI';
 import InfoBar from '../InfoBar/Locale/fi_FI';
 import Pagination from '../Pagination/Locale/fi_FI';
 import Panel from '../Panel/Locale/fi_FI';
+import PersistentBar from '../PersistentBar/Locale/fi_FI';
 import Stepper from '../Stepper/Locale/fi_FI';
 import Table from '../Table/Locale/fi_FI';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/fi_FI';
@@ -18,6 +19,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/fr_BE.tsx

@@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/fr_BE';
 import InfoBar from '../InfoBar/Locale/fr_BE';
 import Pagination from '../Pagination/Locale/fr_BE';
 import Panel from '../Panel/Locale/fr_BE';
+import PersistentBar from '../PersistentBar/Locale/fr_BE';
 import Stepper from '../Stepper/Locale/fr_BE';
 import Table from '../Table/Locale/fr_BE';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/fr_BE';
@@ -18,6 +19,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/fr_CA.tsx

@@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/fr_CA';
 import InfoBar from '../InfoBar/Locale/fr_CA';
 import Pagination from '../Pagination/Locale/fr_CA';
 import Panel from '../Panel/Locale/fr_CA';
+import PersistentBar from '../PersistentBar/Locale/fr_CA';
 import Stepper from '../Stepper/Locale/fr_CA';
 import Table from '../Table/Locale/fr_CA';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/fr_CA';
@@ -18,6 +19,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/fr_FR.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/fr_FR';
 import InfoBar from '../InfoBar/Locale/fr_FR';
 import Pagination from '../Pagination/Locale/fr_FR';
 import Panel from '../Panel/Locale/fr_FR';
+import PersistentBar from '../PersistentBar/Locale/fr_FR';
 import Stepper from '../Stepper/Locale/fr_FR';
 import Table from '../Table/Locale/fr_FR';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/fr_FR';
@@ -75,6 +76,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/he_IL.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/he_IL';
 import InfoBar from '../InfoBar/Locale/he_IL';
 import Pagination from '../Pagination/Locale/he_IL';
 import Panel from '../Panel/Locale/he_IL';
+import PersistentBar from '../PersistentBar/Locale/he_IL';
 import Stepper from '../Stepper/Locale/he_IL';
 import Table from '../Table/Locale/he_IL';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/he_IL';
@@ -73,6 +74,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/hi_IN.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/hi_IN';
 import InfoBar from '../InfoBar/Locale/hi_IN';
 import Pagination from '../Pagination/Locale/hi_IN';
 import Panel from '../Panel/Locale/hi_IN';
+import PersistentBar from '../PersistentBar/Locale/hi_IN';
 import Stepper from '../Stepper/Locale/hi_IN';
 import Table from '../Table/Locale/hi_IN';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/hi_IN';
@@ -74,6 +75,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/hr_HR.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/hr_HR';
 import InfoBar from '../InfoBar/Locale/hr_HR';
 import Pagination from '../Pagination/Locale/hr_HR';
 import Panel from '../Panel/Locale/hr_HR';
+import PersistentBar from '../PersistentBar/Locale/hr_HR';
 import Stepper from '../Stepper/Locale/hr_HR';
 import Table from '../Table/Locale/hr_HR';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/hr_HR';
@@ -74,6 +75,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/ht_HT.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/ht_HT';
 import InfoBar from '../InfoBar/Locale/ht_HT';
 import Pagination from '../Pagination/Locale/ht_HT';
 import Panel from '../Panel/Locale/ht_HT';
+import PersistentBar from '../PersistentBar/Locale/ht_HT';
 import Stepper from '../Stepper/Locale/ht_HT';
 import Table from '../Table/Locale/ht_HT';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/ht_HT';
@@ -75,6 +76,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/hu_HU.tsx

@@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/hu_HU';
 import InfoBar from '../InfoBar/Locale/hu_HU';
 import Pagination from '../Pagination/Locale/hu_HU';
 import Panel from '../Panel/Locale/hu_HU';
+import PersistentBar from '../PersistentBar/Locale/hu_HU';
 import Stepper from '../Stepper/Locale/hu_HU';
 import Table from '../Table/Locale/hu_HU';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/hu_HU';
@@ -18,6 +19,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/it_IT.tsx

@@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/it_IT';
 import InfoBar from '../InfoBar/Locale/it_IT';
 import Pagination from '../Pagination/Locale/it_IT';
 import Panel from '../Panel/Locale/it_IT';
+import PersistentBar from '../PersistentBar/Locale/it_IT';
 import Stepper from '../Stepper/Locale/it_IT';
 import Table from '../Table/Locale/it_IT';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/it_IT';
@@ -18,6 +19,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/ja_JP.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/ja_JP';
 import InfoBar from '../InfoBar/Locale/ja_JP';
 import Pagination from '../Pagination/Locale/ja_JP';
 import Panel from '../Panel/Locale/ja_JP';
+import PersistentBar from '../PersistentBar/Locale/ja_JP';
 import Stepper from '../Stepper/Locale/ja_JP';
 import Table from '../Table/Locale/ja_JP';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/ja_JP';
@@ -70,6 +71,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/ko_KR.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/ko_KR';
 import InfoBar from '../InfoBar/Locale/ko_KR';
 import Pagination from '../Pagination/Locale/ko_KR';
 import Panel from '../Panel/Locale/ko_KR';
+import PersistentBar from '../PersistentBar/Locale/ko_KR';
 import Stepper from '../Stepper/Locale/ko_KR';
 import Table from '../Table/Locale/ko_KR';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/ko_KR';
@@ -70,6 +71,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/ms_MY.tsx

@@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/ms_MY';
 import InfoBar from '../InfoBar/Locale/ms_MY';
 import Pagination from '../Pagination/Locale/ms_MY';
 import Panel from '../Panel/Locale/ms_MY';
+import PersistentBar from '../PersistentBar/Locale/ms_MY';
 import Stepper from '../Stepper/Locale/ms_MY';
 import Table from '../Table/Locale/ms_MY';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/ms_MY';
@@ -21,6 +22,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/nb_NO.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/nb_NO';
 import InfoBar from '../InfoBar/Locale/nb_NO';
 import Pagination from '../Pagination/Locale/nb_NO';
 import Panel from '../Panel/Locale/nb_NO';
+import PersistentBar from '../PersistentBar/Locale/nb_NO';
 import Stepper from '../Stepper/Locale/nb_NO';
 import Table from '../Table/Locale/nb_NO';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/nb_NO';
@@ -73,6 +74,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/nl_BE.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/nl_BE';
 import InfoBar from '../InfoBar/Locale/nl_BE';
 import Pagination from '../Pagination/Locale/nl_BE';
 import Panel from '../Panel/Locale/nl_BE';
+import PersistentBar from '../PersistentBar/Locale/nl_BE';
 import Stepper from '../Stepper/Locale/nl_BE';
 import Table from '../Table/Locale/nl_BE';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/nl_BE';
@@ -74,6 +75,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,

src/components/Locale/nl_NL.tsx

@@ -6,6 +6,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/nl_NL';
 import InfoBar from '../InfoBar/Locale/nl_NL';
 import Pagination from '../Pagination/Locale/nl_NL';
 import Panel from '../Panel/Locale/nl_NL';
+import PersistentBar from '../PersistentBar/Locale/nl_NL';
 import Stepper from '../Stepper/Locale/nl_NL';
 import Table from '../Table/Locale/nl_NL';
 import TimePicker from '../DateTimePicker/TimePicker/Locale/nl_NL';
@@ -74,6 +75,7 @@ const localeValues: Locale = {
   InfoBar,
   Pagination,
   Panel,
+  PersistentBar,
   Stepper,
   Table,
   TimePicker,