diff --git a/components/lib/accordion/style/AccordionStyle.js b/components/lib/accordion/style/AccordionStyle.js index 4b9f8ffd5..9847ea45c 100644 --- a/components/lib/accordion/style/AccordionStyle.js +++ b/components/lib/accordion/style/AccordionStyle.js @@ -23,7 +23,7 @@ const theme = ({ dt }) => ` border-color: ${dt('accordion.header.border.color')}; font-weight: ${dt('accordion.header.font.weight')}; border-radius: ${dt('accordion.header.border.radius')}; - transition: background ${dt('transition.duration')}; color ${dt('transition.duration')}color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('accordion.transition.duration')}; color ${dt('accordion.transition.duration')}color ${dt('accordion.transition.duration')}, outline-color ${dt('accordion.transition.duration')}, box-shadow ${dt('accordion.transition.duration')}; outline-color: transparent; } diff --git a/components/lib/autocomplete/style/AutoCompleteStyle.js b/components/lib/autocomplete/style/AutoCompleteStyle.js index fa51cb8be..230e5ee38 100644 --- a/components/lib/autocomplete/style/AutoCompleteStyle.js +++ b/components/lib/autocomplete/style/AutoCompleteStyle.js @@ -44,7 +44,7 @@ const theme = ({ dt }) => ` border: 1px solid ${dt('autocomplete.dropdown.border.color')}; border-left: 0 none; color: ${dt('autocomplete.dropdown.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt('autocomplete.transition.duration')}; outline-color: transparent; } @@ -102,7 +102,7 @@ const theme = ({ dt }) => ` border: 0 none; color: ${dt('autocomplete.option.color')}; background: transparent; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}; + transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}; border-radius: ${dt('autocomplete.option.border.radius')}; } @@ -144,7 +144,7 @@ const theme = ({ dt }) => ` border: 1px solid ${dt('autocomplete.border.color')}; border-radius: ${dt('autocomplete.border.radius')}; width: 100%; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt('autocomplete.transition.duration')}; outline-color: transparent; box-shadow: ${dt('autocomplete.shadow')}; } diff --git a/components/lib/base/style/BaseStyle.js b/components/lib/base/style/BaseStyle.js index 49dd8ede4..83879e50c 100644 --- a/components/lib/base/style/BaseStyle.js +++ b/components/lib/base/style/BaseStyle.js @@ -89,7 +89,7 @@ const theme = ({ dt }) => ` .p-overlay-mask { background: rgba(0, 0, 0, 0.4); - transition-duration: ${dt('transition.duration')}; + transition-duration: ${dt('mask.transition.duration')}; position: fixed; top: 0; left: 0; diff --git a/components/lib/breadcrumb/style/BreadcrumbStyle.js b/components/lib/breadcrumb/style/BreadcrumbStyle.js index f7ce39fdb..d16db172e 100644 --- a/components/lib/breadcrumb/style/BreadcrumbStyle.js +++ b/components/lib/breadcrumb/style/BreadcrumbStyle.js @@ -31,7 +31,7 @@ const theme = ({ dt }) => ` text-decoration: none; display: flex; align-items: center; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('breadcrumb.transition.duration')}, color ${dt('breadcrumb.transition.duration')}, outline-color ${dt('breadcrumb.transition.duration')}, box-shadow ${dt('breadcrumb.transition.duration')}; border-radius: ${dt('breadcrumb.item.border.radius')}; outline-color: transparent; color: ${dt('breadcrumb.item.color')}; diff --git a/components/lib/button/style/ButtonStyle.js b/components/lib/button/style/ButtonStyle.js index bed25aca2..bbb5ad0c5 100644 --- a/components/lib/button/style/ButtonStyle.js +++ b/components/lib/button/style/ButtonStyle.js @@ -16,7 +16,7 @@ const theme = ({ dt }) => ` font-size: 1rem; font-family: inherit; font-feature-settings: inherit; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('button.transition.duration')}, color ${dt('button.transition.duration')}, border-color ${dt('button.transition.duration')}, outline-color ${dt('button.transition.duration')}, box-shadow ${dt('button.transition.duration')}; border-radius: ${dt('button.border.radius')}; outline-color: transparent; gap: ${dt('button.gap')}; diff --git a/components/lib/carousel/style/CarouselStyle.js b/components/lib/carousel/style/CarouselStyle.js index c9a04b867..c2b3994f3 100644 --- a/components/lib/carousel/style/CarouselStyle.js +++ b/components/lib/carousel/style/CarouselStyle.js @@ -51,7 +51,7 @@ const theme = ({ dt }) => ` width: ${dt('carousel.indicator.width')}; height: ${dt('carousel.indicator.height')}; border: 0 none; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('carousel.transition.duration')}, color ${dt('carousel.transition.duration')}, outline-color ${dt('carousel.transition.duration')}, box-shadow ${dt('carousel.transition.duration')}; outline-color: transparent; border-radius: ${dt('carousel.indicator.border.radius')}; padding: 0; diff --git a/components/lib/cascadeselect/style/CascadeSelectStyle.js b/components/lib/cascadeselect/style/CascadeSelectStyle.js index 4a09eb345..dae5ee117 100644 --- a/components/lib/cascadeselect/style/CascadeSelectStyle.js +++ b/components/lib/cascadeselect/style/CascadeSelectStyle.js @@ -8,7 +8,7 @@ const theme = ({ dt }) => ` user-select: none; background: ${dt('cascadeselect.background')}; border: 1px solid ${dt('cascadeselect.border.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, outline-color ${dt('cascadeselect.transition.duration')}, box-shadow ${dt('cascadeselect.transition.duration')}; border-radius: ${dt('cascadeselect.border.radius')}; outline-color: transparent; box-shadow: ${dt('cascadeselect.shadow')}; @@ -130,7 +130,7 @@ const theme = ({ dt }) => ` border: 0 none; color: ${dt('cascadeselect.option.color')}; background: transparent; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, box-shadow ${dt('cascadeselect.transition.duration')}, outline-color ${dt('cascadeselect.transition.duration')}; border-radius: ${dt('cascadeselect.option.border.radius')}; } diff --git a/components/lib/checkbox/style/CheckboxStyle.js b/components/lib/checkbox/style/CheckboxStyle.js index f47912d2c..39b232e8b 100644 --- a/components/lib/checkbox/style/CheckboxStyle.js +++ b/components/lib/checkbox/style/CheckboxStyle.js @@ -36,13 +36,13 @@ const theme = ({ dt }) => ` background: ${dt('checkbox.background')}; width: ${dt('checkbox.width')}; height: ${dt('checkbox.width')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('checkbox.transition.duration')}, color ${dt('checkbox.transition.duration')}, border-color ${dt('checkbox.transition.duration')}, box-shadow ${dt('checkbox.transition.duration')}, outline-color ${dt('checkbox.transition.duration')}; outline-color: transparent; box-shadow: ${dt('checkbox.shadow')}; } .p-checkbox-icon { - transition-duration: ${dt('transition.duration')}; + transition-duration: ${dt('checkbox.transition.duration')}; color: ${dt('checkbox.icon.color')}; font-size: ${dt('checkbox.icon.size')}; width: ${dt('checkbox.icon.size')}; diff --git a/components/lib/chip/style/ChipStyle.js b/components/lib/chip/style/ChipStyle.js index ff9963e94..f4f2115dc 100644 --- a/components/lib/chip/style/ChipStyle.js +++ b/components/lib/chip/style/ChipStyle.js @@ -41,7 +41,7 @@ const theme = ({ dt }) => ` height: ${dt('chip.remove.icon.size')}; color: ${dt('chip.remove.icon.color')}; border-radius: 50%; - transition: outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: outline-color ${dt('chip.transition.duration')}, box-shadow ${dt('chip.transition.duration')}; outline-color: transparent; } diff --git a/components/lib/colorpicker/style/ColorPickerStyle.js b/components/lib/colorpicker/style/ColorPickerStyle.js index a77780501..d081ad252 100644 --- a/components/lib/colorpicker/style/ColorPickerStyle.js +++ b/components/lib/colorpicker/style/ColorPickerStyle.js @@ -16,7 +16,7 @@ const theme = ({ dt }) => ` padding: 0; border: 0 none; border-radius: ${dt('colorpicker.preview.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('colorpicker.transition.duration')}, color ${dt('colorpicker.transition.duration')}, border-color ${dt('colorpicker.transition.duration')}, outline-color ${dt('colorpicker.transition.duration')}, box-shadow ${dt('colorpicker.transition.duration')}; outline-color: transparent; cursor: pointer; } diff --git a/components/lib/contextmenu/style/ContextMenuStyle.js b/components/lib/contextmenu/style/ContextMenuStyle.js index deb0833b4..1ace9e733 100644 --- a/components/lib/contextmenu/style/ContextMenuStyle.js +++ b/components/lib/contextmenu/style/ContextMenuStyle.js @@ -39,7 +39,7 @@ const theme = ({ dt }) => ` } .p-contextmenu-item-content { - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}; + transition: background ${dt('contextmenu.transition.duration')}, color ${dt('contextmenu.transition.duration')}; border-radius: ${dt('contextmenu.item.border.radius')}; color: ${dt('contextmenu.item.color')}; } diff --git a/components/lib/datatable/style/DataTableStyle.js b/components/lib/datatable/style/DataTableStyle.js index a4518eecd..c384b8f2a 100644 --- a/components/lib/datatable/style/DataTableStyle.js +++ b/components/lib/datatable/style/DataTableStyle.js @@ -164,7 +164,7 @@ const theme = ({ dt }) => ` color: ${dt('datatable.filter.constraint.color')}; border-radius: ${dt('datatable.filter.constraint.border.radius')}; cursor: pointer; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('datatable.transition.duration')}, color ${dt('datatable.transition.duration')}, border-color ${dt('datatable.transition.duration')}, box-shadow ${dt('datatable.transition.duration')}; } .p-datatable-filter-constraint-selected { @@ -297,14 +297,14 @@ const theme = ({ dt }) => ` border-width: 0 0 1px 0; color: ${dt('datatable.header.cell.color')}; font-weight: ${dt('datatable.header.font.weight')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('datatable.transition.duration')}, color ${dt('datatable.transition.duration')}, border-color ${dt('datatable.transition.duration')}, outline-color ${dt('datatable.transition.duration')}, box-shadow ${dt('datatable.transition.duration')}; } .p-datatable-tbody > tr { outline-color: transparent; background: ${dt('datatable.row.background')}; color: ${dt('datatable.row.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('datatable.transition.duration')}, color ${dt('datatable.transition.duration')}, border-color ${dt('datatable.transition.duration')}, outline-color ${dt('datatable.transition.duration')}, box-shadow ${dt('datatable.transition.duration')}; } .p-datatable-tbody > tr > td { @@ -365,7 +365,7 @@ const theme = ({ dt }) => ` .p-datatable-sort-icon { color: ${dt('datatable.sort.icon.color')}; - transition: color ${dt('transition.duration')}; + transition: color ${dt('datatable.transition.duration')}; } .p-datatable-sortable-column:not(.p-datatable-column-sorted):hover { @@ -544,7 +544,7 @@ p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { background: transparent; cursor: pointer; border-radius: ${dt('datatable.row.toggle.button.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('datatable.transition.duration')}, color ${dt('datatable.transition.duration')}, border-color ${dt('datatable.transition.duration')}, outline-color ${dt('datatable.transition.duration')}, box-shadow ${dt('datatable.transition.duration')}; outline-color: transparent; user-select: none; } diff --git a/components/lib/datepicker/style/DatePickerStyle.js b/components/lib/datepicker/style/DatePickerStyle.js index d8ab8c5e9..c7b8be08e 100644 --- a/components/lib/datepicker/style/DatePickerStyle.js +++ b/components/lib/datepicker/style/DatePickerStyle.js @@ -32,7 +32,7 @@ const theme = ({ dt }) => ` border: 1px solid ${dt('datepicker.dropdown.border.color')}; border-left: 0 none; color: ${dt('datepicker.dropdown.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, outline-color ${dt('datepicker.transition.duration')}; outline-color: transparent; } @@ -125,7 +125,7 @@ const theme = ({ dt }) => ` margin: 0; cursor: pointer; font-weight: inherit; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, outline-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}; } .p-datepicker-view-month { @@ -201,7 +201,7 @@ const theme = ({ dt }) => ` width: ${dt('datepicker.date.width')}; height: ${dt('datepicker.date.height')}; border-radius: ${dt('datepicker.date.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt('datepicker.transition.duration')}; border: 1px solid transparent; outline-color: transparent; color: ${dt('datepicker.date.color')}; @@ -246,7 +246,7 @@ const theme = ({ dt }) => ` overflow: hidden; position: relative; padding: ${dt('datepicker.date.padding')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt('datepicker.transition.duration')}; border-radius: ${dt('datepicker.month.border.radius')}; outline-color: transparent; color: ${dt('datepicker.date.color')}; @@ -281,7 +281,7 @@ const theme = ({ dt }) => ` overflow: hidden; position: relative; padding: ${dt('datepicker.date.padding')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt('datepicker.transition.duration')}; border-radius: ${dt('datepicker.year.border.radius')}; outline-color: transparent; color: ${dt('datepicker.date.color')}; diff --git a/components/lib/fieldset/style/FieldsetStyle.js b/components/lib/fieldset/style/FieldsetStyle.js index dad553426..4a32cf976 100644 --- a/components/lib/fieldset/style/FieldsetStyle.js +++ b/components/lib/fieldset/style/FieldsetStyle.js @@ -17,7 +17,7 @@ const theme = ({ dt }) => ` border-style: solid; border-color: ${dt('fieldset.legend.border.color')}; padding: ${dt('fieldset.legend.padding')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('fieldset.transition.duration')}, color ${dt('fieldset.transition.duration')}, outline-color ${dt('fieldset.transition.duration')}, box-shadow ${dt('fieldset.transition.duration')}; } .p-fieldset-toggleable > .p-fieldset-legend { @@ -38,7 +38,7 @@ const theme = ({ dt }) => ` background: transparent; border: 0 none; border-radius: ${dt('fieldset.legend.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('fieldset.transition.duration')}, color ${dt('fieldset.transition.duration')}, outline-color ${dt('fieldset.transition.duration')}, box-shadow ${dt('fieldset.transition.duration')}; outline-color: transparent; } @@ -59,7 +59,7 @@ const theme = ({ dt }) => ` .p-fieldset-toggle-icon { color: ${dt('fieldset.toggle.icon.color')}; - transition: color ${dt('transition.duration')}; + transition: color ${dt('fieldset.transition.duration')}; } .p-fieldset-toggleable > .p-fieldset-legend:hover .p-fieldset-toggle-icon { diff --git a/components/lib/fileupload/style/FileUploadStyle.js b/components/lib/fileupload/style/FileUploadStyle.js index bb1ef0704..0281b2f58 100644 --- a/components/lib/fileupload/style/FileUploadStyle.js +++ b/components/lib/fileupload/style/FileUploadStyle.js @@ -28,7 +28,7 @@ const theme = ({ dt }) => ` .p-fileupload-content { border: 1px solid transparent; position: relative; - transition: border-color ${dt('transition.duration')}; + transition: border-color ${dt('fileupload.transition.duration')}; padding: ${dt('fileupload.content.padding')}; } diff --git a/components/lib/galleria/style/GalleriaStyle.js b/components/lib/galleria/style/GalleriaStyle.js index 4392d1ca7..0e8ef95f0 100644 --- a/components/lib/galleria/style/GalleriaStyle.js +++ b/components/lib/galleria/style/GalleriaStyle.js @@ -37,7 +37,7 @@ const theme = ({ dt }) => ` color: ${dt('galleria.nav.button.color')}; width: ${dt('galleria.nav.button.size')}; height: ${dt('galleria.nav.button.size')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')}, box-shadow ${dt('galleria.transition.duration')}; margin: calc(-1 * calc(${dt('galleria.nav.button.size')}) / 2) ${dt('galleria.nav.button.gutter')} 0 ${dt('galleria.nav.button.gutter')}; padding: 0; user-select: none; @@ -85,7 +85,7 @@ const theme = ({ dt }) => ` .p-galleria-hover-navigators .p-galleria-nav-button { pointer-events: none; opacity: 0; - transition: opacity ${dt('transition.duration')} ease-in-out; + transition: opacity ${dt('galleria.transition.duration')} ease-in-out; } .p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button { @@ -131,7 +131,7 @@ const theme = ({ dt }) => ` color: ${dt('galleria.thumbnail.nav.button.color')}; width: ${dt('galleria.thumbnail.nav.button.size')}; height: ${dt('galleria.thumbnail.nav.button.size')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')}; outline-color: transparent; border-radius: ${dt('galleria.thumbnail.nav.button.border.radius')}; } @@ -240,7 +240,7 @@ const theme = ({ dt }) => ` background: ${dt('galleria.indicator.button.background')}; width: ${dt('galleria.indicator.button.width')}; height: ${dt('galleria.indicator.button.height')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')}, box-shadow ${dt('galleria.transition.duration')}; outline-color: transparent; border-radius: ${dt('galleria.indicator.button.border.radius')}; margin: 0; @@ -362,7 +362,7 @@ const theme = ({ dt }) => ` cursor: pointer; border-radius: ${dt('galleria.close.button.border.radius')}; outline-color: transparent; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')}; } .p-galleria-close-icon { diff --git a/components/lib/image/style/ImageStyle.js b/components/lib/image/style/ImageStyle.js index ffa025684..b90d395ce 100644 --- a/components/lib/image/style/ImageStyle.js +++ b/components/lib/image/style/ImageStyle.js @@ -29,7 +29,7 @@ const theme = ({ dt }) => ` cursor: pointer; background: transparent; color: ${dt('image.preview.mask.color')}; - transition: background ${dt('transition.duration')}; + transition: background ${dt('image.transition.duration')}; } .p-image-preview:hover > .p-image-preview-mask { @@ -77,7 +77,7 @@ const theme = ({ dt }) => ` user-select: none; border-radius: ${dt('image.action.border.radius')}; outline-color: transparent; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('image.transition.duration')}, color ${dt('image.transition.duration')}, outline-color ${dt('image.transition.duration')}, box-shadow ${dt('image.transition.duration')}; } .p-image-action:hover { diff --git a/components/lib/inplace/style/InplaceStyle.js b/components/lib/inplace/style/InplaceStyle.js index aba47a539..9d78a0a09 100644 --- a/components/lib/inplace/style/InplaceStyle.js +++ b/components/lib/inplace/style/InplaceStyle.js @@ -6,7 +6,7 @@ const theme = ({ dt }) => ` cursor: pointer; padding: ${dt('inplace.padding')}; border-radius: ${dt('inplace.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('inplace.transition.duration')}, color ${dt('inplace.transition.duration')}, outline-color ${dt('inplace.transition.duration')}, box-shadow ${dt('inplace.transition.duration')}; outline-color: transparent; } diff --git a/components/lib/inputchips/style/InputChipsStyle.js b/components/lib/inputchips/style/InputChipsStyle.js index bbe598388..bc8413c38 100644 --- a/components/lib/inputchips/style/InputChipsStyle.js +++ b/components/lib/inputchips/style/InputChipsStyle.js @@ -20,7 +20,7 @@ const theme = ({ dt }) => ` border: 1px solid ${dt('inputchips.border.color')}; border-radius: ${dt('inputchips.border.radius')}; width: 100%; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('inputchips.transition.duration')}, color ${dt('inputchips.transition.duration')}, border-color ${dt('inputchips.transition.duration')}, outline-color ${dt('inputchips.transition.duration')}, box-shadow ${dt('inputchips.transition.duration')}; outline-color: transparent; box-shadow: ${dt('inputchips.shadow')}; } @@ -58,7 +58,7 @@ const theme = ({ dt }) => ` padding-top: calc(${dt('inputchips.padding.y')} / 2); padding-bottom: calc(${dt('inputchips.padding.y')} / 2); border-radius: ${dt('inputchips.chip.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}; + transition: background ${dt('inputchips.transition.duration')}, color ${dt('inputchips.transition.duration')}; } .p-inputchips-chip-item.p-focus .p-inputchips-chip { diff --git a/components/lib/inputnumber/style/InputNumberStyle.js b/components/lib/inputnumber/style/InputNumberStyle.js index 2529747ab..bf847e6fd 100644 --- a/components/lib/inputnumber/style/InputNumberStyle.js +++ b/components/lib/inputnumber/style/InputNumberStyle.js @@ -15,7 +15,7 @@ const theme = ({ dt }) => ` background: ${dt('inputnumber.button.background')}; color: ${dt('inputnumber.button.color')}; width: ${dt('inputnumber.button.width')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('inputnumber.transition.duration')}, color ${dt('inputnumber.transition.duration')}, border-color ${dt('inputnumber.transition.duration')}, outline-color ${dt('inputnumber.transition.duration')}; } .p-inputnumber-button:hover { diff --git a/components/lib/inputtext/style/InputTextStyle.js b/components/lib/inputtext/style/InputTextStyle.js index be0d174bb..c47d5645f 100644 --- a/components/lib/inputtext/style/InputTextStyle.js +++ b/components/lib/inputtext/style/InputTextStyle.js @@ -9,7 +9,7 @@ const theme = ({ dt }) => ` background: ${dt('inputtext.background')}; padding: ${dt('inputtext.padding.y')} ${dt('inputtext.padding.x')}; border: 1px solid ${dt('inputtext.border.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('inputtext.transition.duration')}, color ${dt('inputtext.transition.duration')}, border-color ${dt('inputtext.transition.duration')}, outline-color ${dt('inputtext.transition.duration')}, box-shadow ${dt('inputtext.transition.duration')}; appearance: none; border-radius: ${dt('inputtext.border.radius')}; outline-color: transparent; diff --git a/components/lib/knob/style/KnobStyle.js b/components/lib/knob/style/KnobStyle.js index 85c2c4cb6..6a7c88c98 100644 --- a/components/lib/knob/style/KnobStyle.js +++ b/components/lib/knob/style/KnobStyle.js @@ -20,7 +20,7 @@ const theme = ({ dt }) => ` .p-knob svg { border-radius: ${dt('border.radius.md')}; outline-color: transparent; - transition: outline-color ${dt('transition.duration')}; + transition: outline-color ${dt('knob.transition.duration')}; } .p-knob svg:focus-visible { outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')}; diff --git a/components/lib/listbox/style/ListboxStyle.js b/components/lib/listbox/style/ListboxStyle.js index 22fbadd98..11158750f 100644 --- a/components/lib/listbox/style/ListboxStyle.js +++ b/components/lib/listbox/style/ListboxStyle.js @@ -6,7 +6,7 @@ const theme = ({ dt }) => ` color: ${dt('listbox.color')}; border: 1px solid ${dt('listbox.border.color')}; border-radius: ${dt('listbox.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')}, box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')}; outline-color: transparent; box-shadow: ${dt('listbox.shadow')}; } @@ -64,7 +64,7 @@ const theme = ({ dt }) => ` border: 0 none; border-radius: ${dt('listbox.option.border.radius')}; color: ${dt('listbox.option.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')}, box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')}; } .p-listbox .p-listbox-list .p-listbox-option.p-listbox-option-selected { diff --git a/components/lib/megamenu/style/MegaMenuStyle.js b/components/lib/megamenu/style/MegaMenuStyle.js index 698c0f103..e04508301 100644 --- a/components/lib/megamenu/style/MegaMenuStyle.js +++ b/components/lib/megamenu/style/MegaMenuStyle.js @@ -32,7 +32,7 @@ const theme = ({ dt }) => ` } .p-megamenu-item-content { - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}; + transition: background ${dt('megamenu.transition.duration')}, color ${dt('megamenu.transition.duration')}; border-radius: ${dt('megamenu.item.border.radius')}; color: ${dt('megamenu.item.color')}; } @@ -230,7 +230,7 @@ const theme = ({ dt }) => ` border: 0 none; background: transparent; border-radius: ${dt('megamenu.mobile.button.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, ox-shadow ${dt('transition.duration')}; + transition: background ${dt('megamenu.transition.duration')}, color ${dt('megamenu.transition.duration')}, outline-color ${dt('megamenu.transition.duration')}, ox-shadow ${dt('megamenu.transition.duration')}; outline-color: transparent; } diff --git a/components/lib/menu/style/MenuStyle.js b/components/lib/menu/style/MenuStyle.js index 4a34ae4ea..886c6a8d7 100644 --- a/components/lib/menu/style/MenuStyle.js +++ b/components/lib/menu/style/MenuStyle.js @@ -20,7 +20,7 @@ const theme = ({ dt }) => ` } .p-menu-item-content { - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}; + transition: background ${dt('menu.transition.duration')}, color ${dt('menu.transition.duration')}; border-radius: ${dt('menu.item.border.radius')}; color: ${dt('menu.item.color')}; } diff --git a/components/lib/menubar/style/MenubarStyle.js b/components/lib/menubar/style/MenubarStyle.js index 59e9f4d2d..8b3c1eebe 100644 --- a/components/lib/menubar/style/MenubarStyle.js +++ b/components/lib/menubar/style/MenubarStyle.js @@ -36,7 +36,7 @@ const theme = ({ dt }) => ` } .p-menubar-item-content { - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}; + transition: background ${dt('menubar.transition.duration')}, color ${dt('menubar.transition.duration')}; border-radius: ${dt('menubar.item.border.radius')}; color: ${dt('menubar.item.color')}; } @@ -156,7 +156,7 @@ const theme = ({ dt }) => ` border: 0 none; background: transparent; border-radius: ${dt('menubar.mobile.button.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('menubar.transition.duration')}, color ${dt('menubar.transition.duration')}, outline-color ${dt('menubar.transition.duration')}; outline-color: transparent; } diff --git a/components/lib/message/style/MessageStyle.js b/components/lib/message/style/MessageStyle.js index 4eb04adda..66fe0bb4f 100644 --- a/components/lib/message/style/MessageStyle.js +++ b/components/lib/message/style/MessageStyle.js @@ -31,7 +31,7 @@ const theme = ({ dt }) => ` height: ${dt('message.close.button.height')}; border-radius: ${dt('message.close.button.border.radius')}; background: transparent; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('message.transition.duration')}, color ${dt('message.transition.duration')}, outline-color ${dt('message.transition.duration')}, box-shadow ${dt('message.transition.duration')}; outline-color: transparent; color: inherit; padding: 0; diff --git a/components/lib/multiselect/style/MultiSelectStyle.js b/components/lib/multiselect/style/MultiSelectStyle.js index ff548d190..656839347 100644 --- a/components/lib/multiselect/style/MultiSelectStyle.js +++ b/components/lib/multiselect/style/MultiSelectStyle.js @@ -8,7 +8,7 @@ const theme = ({ dt }) => ` user-select: none; background: ${dt('multiselect.background')}; border: 1px solid ${dt('multiselect.border.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, outline-color ${dt('multiselect.transition.duration')}, box-shadow ${dt('multiselect.transition.duration')}; border-radius: ${dt('multiselect.border.radius')}; outline-color: transparent; box-shadow: ${dt('multiselect.shadow')}; @@ -145,7 +145,7 @@ const theme = ({ dt }) => ` border: 0 none; color: ${dt('multiselect.option.color')}; background: transparent; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, box-shadow ${dt('multiselect.transition.duration')}, outline-color ${dt('multiselect.transition.duration')}; border-radius: ${dt('multiselect.option.border.radius')} } diff --git a/components/lib/organizationchart/style/OrganizationChartStyle.js b/components/lib/organizationchart/style/OrganizationChartStyle.js index 07b3f91b1..d919166e3 100644 --- a/components/lib/organizationchart/style/OrganizationChartStyle.js +++ b/components/lib/organizationchart/style/OrganizationChartStyle.js @@ -21,7 +21,7 @@ const theme = ({ dt }) => ` color: ${dt('organizationchart.node.color')}; padding: ${dt('organizationchart.node.padding')}; border-radius: ${dt('organizationchart.node.border.radius')}; - transition: background ${dt('transition.duration')}, border-color ${dt('transition.duration')}, color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('organizationchart.transition.duration')}, border-color ${dt('organizationchart.transition.duration')}, color ${dt('organizationchart.transition.duration')}, box-shadow ${dt('organizationchart.transition.duration')}; } .p-organizationchart-node:has(.p-organizationchart-node-toggle-button) { @@ -57,7 +57,7 @@ const theme = ({ dt }) => ` justify-content: center; align-items: center; outline-color: transparent; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('organizationchart.transition.duration')}, color ${dt('organizationchart.transition.duration')}, border-color ${dt('organizationchart.transition.duration')}, outline-color ${dt('organizationchart.transition.duration')}, box-shadow ${dt('organizationchart.transition.duration')}; } .p-organizationchart-node-toggle-button:hover { diff --git a/components/lib/paginator/style/PaginatorStyle.js b/components/lib/paginator/style/PaginatorStyle.js index 934e043ad..36274c40c 100644 --- a/components/lib/paginator/style/PaginatorStyle.js +++ b/components/lib/paginator/style/PaginatorStyle.js @@ -39,7 +39,7 @@ const theme = ({ dt }) => ` color: ${dt('paginator.nav.button.color')}; min-width: ${dt('paginator.nav.button.width')}; height: ${dt('paginator.nav.button.height')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('paginator.transition.duration')}, color ${dt('paginator.transition.duration')}, outline-color ${dt('paginator.transition.duration')}, box-shadow ${dt('paginator.transition.duration')}; border-radius: ${dt('paginator.nav.button.border.radius')}; padding: 0; margin: 0; diff --git a/components/lib/panelmenu/style/PanelMenuStyle.js b/components/lib/panelmenu/style/PanelMenuStyle.js index 34609cc59..cf1b8ce66 100644 --- a/components/lib/panelmenu/style/PanelMenuStyle.js +++ b/components/lib/panelmenu/style/PanelMenuStyle.js @@ -35,7 +35,7 @@ const theme = ({ dt }) => ` .p-panelmenu-header-content { border-radius: ${dt('panelmenu.item.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('panelmenu.transition.duration')}, color ${dt('panelmenu.transition.duration')}, outline-color ${dt('panelmenu.transition.duration')}, box-shadow ${dt('panelmenu.transition.duration')}; outline-color: transparent; color: ${dt('panelmenu.item.color')}; } @@ -113,7 +113,7 @@ const theme = ({ dt }) => ` .p-panelmenu-item-content { border-radius: ${dt('panelmenu.item.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('panelmenu.transition.duration')}, color ${dt('panelmenu.transition.duration')}, outline-color ${dt('panelmenu.transition.duration')}, box-shadow ${dt('panelmenu.transition.duration')}; color: ${dt('panelmenu.item.color')}; outline-color: transparent; } diff --git a/components/lib/radiobutton/style/RadioButtonStyle.js b/components/lib/radiobutton/style/RadioButtonStyle.js index 128ac5124..221c46942 100644 --- a/components/lib/radiobutton/style/RadioButtonStyle.js +++ b/components/lib/radiobutton/style/RadioButtonStyle.js @@ -36,13 +36,13 @@ const theme = ({ dt }) => ` background: ${dt('radiobutton.background')}; width: ${dt('radiobutton.width')}; height: ${dt('radiobutton.height')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('radiobutton.transition.duration')}, color ${dt('radiobutton.transition.duration')}, border-color ${dt('radiobutton.transition.duration')}, box-shadow ${dt('radiobutton.transition.duration')}, outline-color ${dt('radiobutton.transition.duration')}; outline-color: transparent; box-shadow: ${dt('radiobutton.shadow')}; } .p-radiobutton-icon { - transition-duration: ${dt('transition.duration')}; + transition-duration: ${dt('radiobutton.transition.duration')}; background: transparent; font-size: ${dt('radiobutton.icon.size')}; width: ${dt('radiobutton.icon.size')}; diff --git a/components/lib/rating/style/RatingStyle.js b/components/lib/rating/style/RatingStyle.js index 8bea5669d..930b1d2ee 100644 --- a/components/lib/rating/style/RatingStyle.js +++ b/components/lib/rating/style/RatingStyle.js @@ -15,7 +15,7 @@ const theme = ({ dt }) => ` outline-color: transparent; border-radius: 50%; cursor: pointer; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt('rating.transition.duration')}; } .p-rating-option.p-focus-visible { @@ -26,7 +26,7 @@ const theme = ({ dt }) => ` .p-rating-icon { color: ${dt('rating.icon.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt('rating.transition.duration')}; font-size: ${dt('rating.icon.size')}; width: ${dt('rating.icon.size')}; height: ${dt('rating.icon.size')}; diff --git a/components/lib/scrollpanel/style/ScrollPanelStyle.js b/components/lib/scrollpanel/style/ScrollPanelStyle.js index d2e87d5cc..a1bcb5f38 100644 --- a/components/lib/scrollpanel/style/ScrollPanelStyle.js +++ b/components/lib/scrollpanel/style/ScrollPanelStyle.js @@ -31,10 +31,10 @@ const theme = ({ dt }) => ` cursor: pointer; opacity: 0; outline-color: transparent; - transition: outline-color ${dt('transition.duration')}; + transition: outline-color ${dt('scrollpanel.transition.duration')}; background: ${dt('scrollpanel.bar.background')}; border: 0 none; - transition: outline-color ${dt('transition.duration')}, opacity ${dt('transition.duration')}; + transition: outline-color ${dt('scrollpanel.transition.duration')}, opacity ${dt('scrollpanel.transition.duration')}; } .p-scrollpanel-bar:focus-visible { diff --git a/components/lib/select/style/SelectStyle.js b/components/lib/select/style/SelectStyle.js index e6110818a..e39549c55 100644 --- a/components/lib/select/style/SelectStyle.js +++ b/components/lib/select/style/SelectStyle.js @@ -8,7 +8,7 @@ const theme = ({ dt }) => ` user-select: none; background: ${dt('select.background')}; border: 1px solid ${dt('select.border.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')}; border-radius: ${dt('select.border.radius')}; outline-color: transparent; box-shadow: ${dt('select.shadow')}; @@ -156,7 +156,7 @@ input.p-select-label { border: 0 none; color: ${dt('select.option.color')}; background: transparent; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')}; border-radius: ${dt('select.option.border.radius')}; } diff --git a/components/lib/slider/style/SliderStyle.js b/components/lib/slider/style/SliderStyle.js index bd921fcb9..920f4ea8c 100644 --- a/components/lib/slider/style/SliderStyle.js +++ b/components/lib/slider/style/SliderStyle.js @@ -17,7 +17,7 @@ const theme = ({ dt }) => ` width: ${dt('slider.handle.width')}; background: ${dt('slider.handle.background')}; border-radius: ${dt('slider.handle.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('slider.transition.duration')}, color ${dt('slider.transition.duration')}, border-color ${dt('slider.transition.duration')}, box-shadow ${dt('slider.transition.duration')}, outline-color ${dt('slider.transition.duration')}; outline-color: transparent; } @@ -29,7 +29,7 @@ const theme = ({ dt }) => ` background: ${dt('slider.handle.content.background')}; border-radius: ${dt('slider.handle.content.border.radius')}; box-shadow: ${dt('slider.handle.content.shadow')}; - transition: background ${dt('transition.duration')}; + transition: background ${dt('slider.transition.duration')}; } .p-slider:not(.p-disabled) .p-slider-handle:hover { diff --git a/components/lib/speeddial/style/SpeedDialStyle.js b/components/lib/speeddial/style/SpeedDialStyle.js index d338799c9..dd9dc7fbb 100644 --- a/components/lib/speeddial/style/SpeedDialStyle.js +++ b/components/lib/speeddial/style/SpeedDialStyle.js @@ -12,8 +12,8 @@ const theme = ({ dt }) => ` } .p-speeddial-button.p-speeddial-rotate { - transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, - box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background ${dt('speeddial.transition.duration')}, color ${dt('speeddial.transition.duration')}, border-color ${dt('speeddial.transition.duration')}, + box-shadow ${dt('speeddial.transition.duration')}, outline-color ${dt('speeddial.transition.duration')}; will-change: transform; } @@ -24,7 +24,7 @@ const theme = ({ dt }) => ` display: flex; align-items: center; justify-content: center; - transition: top 0s linear ${dt('transition.duration')}; + transition: top 0s linear ${dt('speeddial.transition.duration')}; pointer-events: none; outline: 0 none; z-index: 2; diff --git a/components/lib/splitter/style/SplitterStyle.js b/components/lib/splitter/style/SplitterStyle.js index 235ab14b7..303f72d05 100644 --- a/components/lib/splitter/style/SplitterStyle.js +++ b/components/lib/splitter/style/SplitterStyle.js @@ -27,7 +27,7 @@ const theme = ({ dt }) => ` .p-splitter-gutter-handle { border-radius: ${dt('splitter.handle.border.radius')}; background: ${dt('splitter.handle.background')}; - transition: outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: outline-color ${dt('splitter.transition.duration')}, box-shadow ${dt('splitter.transition.duration')}; outline-color: transparent; } diff --git a/components/lib/stepper/style/StepperStyle.js b/components/lib/stepper/style/StepperStyle.js index b387aee17..cc8ab7dbe 100644 --- a/components/lib/stepper/style/StepperStyle.js +++ b/components/lib/stepper/style/StepperStyle.js @@ -31,7 +31,7 @@ const theme = ({ dt }) => ` align-items: center; text-decoration: none; cursor: pointer; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}; border-radius: ${dt('stepper.item.header.border.radius')}; outline-color: transparent; background: transparent; @@ -57,7 +57,7 @@ const theme = ({ dt }) => ` max-width: 100%; color: ${dt('stepper.item.title.color')}; font-weight: ${dt('stepper.item.title.font.weight')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')}; } .p-stepper-item-number { @@ -113,7 +113,7 @@ const theme = ({ dt }) => ` background: ${dt('stepper.separator.background')}; width: 100%; height: ${dt('stepper.separator.size')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')}; } .p-stepper-panels { diff --git a/components/lib/steps/style/StepsStyle.js b/components/lib/steps/style/StepsStyle.js index 903c1c1a7..975211c5c 100644 --- a/components/lib/steps/style/StepsStyle.js +++ b/components/lib/steps/style/StepsStyle.js @@ -54,7 +54,7 @@ const theme = ({ dt }) => ` align-items: center; overflow: hidden; text-decoration: none; - transition: outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: outline-color ${dt('steps.transition.duration')}, box-shadow ${dt('steps.transition.duration')}; border-radius: ${dt('steps.item.link.border.radius')}; outline-color: transparent; gap: ${dt('steps.item.link.gap')}; diff --git a/components/lib/tabmenu/style/TabMenuStyle.js b/components/lib/tabmenu/style/TabMenuStyle.js index b6631d316..7b62d386e 100644 --- a/components/lib/tabmenu/style/TabMenuStyle.js +++ b/components/lib/tabmenu/style/TabMenuStyle.js @@ -32,7 +32,7 @@ const theme = ({ dt }) => ` color: ${dt('tabmenu.item.color')}; padding: ${dt('tabmenu.item.padding')}; font-weight: ${dt('tabmenu.item.font.weight')}; - transition: background ${dt('transition.duration')}, border-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('tabmenu.transition.duration')}, border-color ${dt('tabmenu.transition.duration')}, color ${dt('tabmenu.transition.duration')}, outline-color ${dt('tabmenu.transition.duration')}, box-shadow ${dt('tabmenu.transition.duration')}; margin: ${dt('tabmenu.item.margin')}; outline-color: transparent; gap: ${dt('tabmenu.item.gap')}; @@ -47,7 +47,7 @@ const theme = ({ dt }) => ` .p-tabmenu-item-icon { color: ${dt('tabmenu.item.icon.color')}; - transition: background ${dt('transition.duration')}, border-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('tabmenu.transition.duration')}, border-color ${dt('tabmenu.transition.duration')}, color ${dt('tabmenu.transition.duration')}, outline-color ${dt('tabmenu.transition.duration')}, box-shadow ${dt('tabmenu.transition.duration')}; } .p-tabmenu-item-label { diff --git a/components/lib/tabs/style/TabsStyle.js b/components/lib/tabs/style/TabsStyle.js index acdfda0b7..fc7d8518b 100644 --- a/components/lib/tabs/style/TabsStyle.js +++ b/components/lib/tabs/style/TabsStyle.js @@ -47,7 +47,7 @@ const theme = ({ dt }) => ` background: ${dt('tabs.nav.button.background')}; color: ${dt('tabs.nav.button.color')}; width: ${dt('tabs.nav.button.width')}; - transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: color ${dt('tabs.transition.duration')}, outline-color ${dt('tabs.transition.duration')}, box-shadow ${dt('tabs.transition.duration')}; box-shadow: ${dt('tabs.nav.button.shadow')}; outline-color: transparent; cursor: pointer; @@ -84,7 +84,7 @@ const theme = ({ dt }) => ` color: ${dt('tabs.tab.color')}; padding: ${dt('tabs.tab.padding')}; font-weight: ${dt('tabs.tab.font.weight')}; - transition: background ${dt('transition.duration')}, border-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('tabs.transition.duration')}, border-color ${dt('tabs.transition.duration')}, color ${dt('tabs.transition.duration')}, outline-color ${dt('tabs.transition.duration')}, box-shadow ${dt('tabs.transition.duration')}; margin: ${dt('tabs.tab.margin')}; outline-color: transparent; } diff --git a/components/lib/tabview/style/TabViewStyle.js b/components/lib/tabview/style/TabViewStyle.js index 243e8c523..7667d7190 100644 --- a/components/lib/tabview/style/TabViewStyle.js +++ b/components/lib/tabview/style/TabViewStyle.js @@ -49,7 +49,7 @@ const theme = ({ dt }) => ` font-weight: 600; border-top-right-radius: ${dt('border.radius.md')}; border-top-left-radius: ${dt('border.radius.md')}; - transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: color ${dt('tabview.transition.duration')}, outline-color ${dt('tabview.transition.duration')}; margin: 0 0 -1px 0; outline-color: transparent; } @@ -88,7 +88,7 @@ const theme = ({ dt }) => ` width: 2.5rem; border-radius: 0; outline-color: transparent; - transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; + transition: color ${dt('tabview.transition.duration')}, outline-color ${dt('tabview.transition.duration')}; box-shadow: ${dt('tabview.nav.button.shadow')}; border: none; cursor: pointer; diff --git a/components/lib/textarea/style/TextareaStyle.js b/components/lib/textarea/style/TextareaStyle.js index 3869625a7..485626e50 100644 --- a/components/lib/textarea/style/TextareaStyle.js +++ b/components/lib/textarea/style/TextareaStyle.js @@ -9,7 +9,7 @@ const theme = ({ dt }) => ` background: ${dt('textarea.background')}; padding: ${dt('textarea.padding.y')} ${dt('textarea.padding.x')}; border: 1px solid ${dt('textarea.border.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('textarea.transition.duration')}, color ${dt('textarea.transition.duration')}, border-color ${dt('textarea.transition.duration')}, outline-color ${dt('textarea.transition.duration')}, box-shadow ${dt('textarea.transition.duration')}; appearance: none; border-radius: ${dt('textarea.border.radius')}; outline-color: transparent; diff --git a/components/lib/themes/aura/accordion/index.js b/components/lib/themes/aura/accordion/index.js index 520b6cde1..55a30c7a1 100644 --- a/components/lib/themes/aura/accordion/index.js +++ b/components/lib/themes/aura/accordion/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, panel: { borderWidth: '0 0 1px 0', borderColor: '{content.border.color}' diff --git a/components/lib/themes/aura/autocomplete/index.js b/components/lib/themes/aura/autocomplete/index.js index 2c4410701..c221bdda7 100644 --- a/components/lib/themes/aura/autocomplete/index.js +++ b/components/lib/themes/aura/autocomplete/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, overlay: { background: '{overlay.select.background}', diff --git a/components/lib/themes/aura/breadcrumb/index.js b/components/lib/themes/aura/breadcrumb/index.js index fb8cb628a..d2a8ccaf8 100644 --- a/components/lib/themes/aura/breadcrumb/index.js +++ b/components/lib/themes/aura/breadcrumb/index.js @@ -2,7 +2,8 @@ export default { root: { padding: '1rem', background: '{content.background}', - gap: '0.5rem' + gap: '0.5rem', + transitionDuration: '{transition.duration}' }, item: { color: '{text.muted.color}', diff --git a/components/lib/themes/aura/button/index.js b/components/lib/themes/aura/button/index.js index dd72c1964..ea3d027b3 100644 --- a/components/lib/themes/aura/button/index.js +++ b/components/lib/themes/aura/button/index.js @@ -24,7 +24,8 @@ export default { width: '{focus.ring.width}', style: '{focus.ring.style}', offset: '{focus.ring.offset}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, colorScheme: { light: { diff --git a/components/lib/themes/aura/carousel/index.js b/components/lib/themes/aura/carousel/index.js index e0d05b7af..62f8046c6 100644 --- a/components/lib/themes/aura/carousel/index.js +++ b/components/lib/themes/aura/carousel/index.js @@ -15,7 +15,8 @@ export default { offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' } - } + }, + transitionDuration: '{transition.duration}' }, colorScheme: { light: { diff --git a/components/lib/themes/aura/cascadeselect/index.js b/components/lib/themes/aura/cascadeselect/index.js index 322f258b8..3e1b10f51 100644 --- a/components/lib/themes/aura/cascadeselect/index.js +++ b/components/lib/themes/aura/cascadeselect/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/aura/checkbox/index.js b/components/lib/themes/aura/checkbox/index.js index 6371dbd6d..24444d109 100644 --- a/components/lib/themes/aura/checkbox/index.js +++ b/components/lib/themes/aura/checkbox/index.js @@ -22,7 +22,8 @@ export default { color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, icon: { size: '0.875rem', diff --git a/components/lib/themes/aura/chip/index.js b/components/lib/themes/aura/chip/index.js index 02ec5fe87..20bf7710d 100644 --- a/components/lib/themes/aura/chip/index.js +++ b/components/lib/themes/aura/chip/index.js @@ -3,7 +3,8 @@ export default { borderRadius: '16px', paddingX: '0.75rem', paddingY: '0.5rem', - gap: '0.5rem' + gap: '0.5rem', + transitionDuration: '{transition.duration}' }, image: { width: '2rem', diff --git a/components/lib/themes/aura/colorpicker/index.js b/components/lib/themes/aura/colorpicker/index.js index 776b8e9d6..8738f80d7 100644 --- a/components/lib/themes/aura/colorpicker/index.js +++ b/components/lib/themes/aura/colorpicker/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, preview: { width: '1.5rem', height: '1.5rem', diff --git a/components/lib/themes/aura/contextmenu/index.js b/components/lib/themes/aura/contextmenu/index.js index d00b6d0db..0d328e6d3 100644 --- a/components/lib/themes/aura/contextmenu/index.js +++ b/components/lib/themes/aura/contextmenu/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', color: '{content.color}', borderRadius: '{content.border.radius}', - shadow: '{overlay.navigation.shadow}' + shadow: '{overlay.navigation.shadow}', + transitionDuration: '{transition.duration}' }, list: { padding: '{navigation.list.padding}', diff --git a/components/lib/themes/aura/datatable/index.js b/components/lib/themes/aura/datatable/index.js index 2efa1fcf6..9a64f9c00 100644 --- a/components/lib/themes/aura/datatable/index.js +++ b/components/lib/themes/aura/datatable/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, header: { background: '{content.background}', borderColor: '{datatable.border.color}', diff --git a/components/lib/themes/aura/datepicker/index.js b/components/lib/themes/aura/datepicker/index.js index 376efbf12..50b265e99 100644 --- a/components/lib/themes/aura/datepicker/index.js +++ b/components/lib/themes/aura/datepicker/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, panel: { background: '{content.background}', borderColor: '{content.border.color}', diff --git a/components/lib/themes/aura/fieldset/index.js b/components/lib/themes/aura/fieldset/index.js index 511fa7aa5..12993c20d 100644 --- a/components/lib/themes/aura/fieldset/index.js +++ b/components/lib/themes/aura/fieldset/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', borderRadius: '{content.border.radius}', color: '{content.color}', - padding: '0 1.125rem 1.125rem 1.125rem' + padding: '0 1.125rem 1.125rem 1.125rem', + transitionDuration: '{transition.duration}' }, legend: { background: '{content.background}', diff --git a/components/lib/themes/aura/fileupload/index.js b/components/lib/themes/aura/fileupload/index.js index 7df8ae514..6b0f42a6a 100644 --- a/components/lib/themes/aura/fileupload/index.js +++ b/components/lib/themes/aura/fileupload/index.js @@ -3,7 +3,8 @@ export default { background: '{content.background}', borderColor: '{content.border.color}', color: '{content.color}', - borderRadius: '{content.border.radius}' + borderRadius: '{content.border.radius}', + transitionDuration: '{transition.duration}' }, header: { background: 'transparent', diff --git a/components/lib/themes/aura/galleria/index.js b/components/lib/themes/aura/galleria/index.js index 6d100eafd..e94322461 100644 --- a/components/lib/themes/aura/galleria/index.js +++ b/components/lib/themes/aura/galleria/index.js @@ -2,7 +2,8 @@ export default { root: { borderWidth: '1px', borderColor: '{content.border.color}', - borderRadius: '{content.border.radius}' + borderRadius: '{content.border.radius}', + transitionDuration: '{transition.duration}' }, navButton: { background: 'rgba(255, 255, 255, 0.1)', diff --git a/components/lib/themes/aura/image/index.js b/components/lib/themes/aura/image/index.js index 9600f2332..ca282590d 100644 --- a/components/lib/themes/aura/image/index.js +++ b/components/lib/themes/aura/image/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, preview: { icon: { size: '1.5rem' diff --git a/components/lib/themes/aura/index.js b/components/lib/themes/aura/index.js index 9c2df757a..38c8fe432 100644 --- a/components/lib/themes/aura/index.js +++ b/components/lib/themes/aura/index.js @@ -150,7 +150,8 @@ export default { color: 'transparent', offset: '0', shadow: 'none' - } + }, + transitionDuration: '{transition.duration}' }, list: { padding: '0.25rem 0.25rem', diff --git a/components/lib/themes/aura/inplace/index.js b/components/lib/themes/aura/inplace/index.js index 191a8ce9d..9b7db4900 100644 --- a/components/lib/themes/aura/inplace/index.js +++ b/components/lib/themes/aura/inplace/index.js @@ -8,7 +8,8 @@ export default { color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' - } + }, + transitionDuration: '{transition.duration}' }, display: { hoverBackground: '{content.hover.background}', diff --git a/components/lib/themes/aura/inputchips/index.js b/components/lib/themes/aura/inputchips/index.js index 09be9f7f7..85548fc9f 100644 --- a/components/lib/themes/aura/inputchips/index.js +++ b/components/lib/themes/aura/inputchips/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, chip: { borderRadius: '{border.radius.sm}' diff --git a/components/lib/themes/aura/inputnumber/index.js b/components/lib/themes/aura/inputnumber/index.js index a8ebf9834..cf5d01100 100644 --- a/components/lib/themes/aura/inputnumber/index.js +++ b/components/lib/themes/aura/inputnumber/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, button: { width: '2.5rem', borderRadius: '{form.field.border.radius}', diff --git a/components/lib/themes/aura/inputtext/index.js b/components/lib/themes/aura/inputtext/index.js index b1ed3815c..f22994ab1 100644 --- a/components/lib/themes/aura/inputtext/index.js +++ b/components/lib/themes/aura/inputtext/index.js @@ -21,6 +21,7 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' } }; diff --git a/components/lib/themes/aura/knob/index.js b/components/lib/themes/aura/knob/index.js index 6223509de..559df570e 100644 --- a/components/lib/themes/aura/knob/index.js +++ b/components/lib/themes/aura/knob/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{form.field.transition.duration}' + }, value: { background: '{primary.color}' }, diff --git a/components/lib/themes/aura/listbox/index.js b/components/lib/themes/aura/listbox/index.js index f3241d947..46e1cf89e 100644 --- a/components/lib/themes/aura/listbox/index.js +++ b/components/lib/themes/aura/listbox/index.js @@ -16,7 +16,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, list: { padding: '{list.padding}', diff --git a/components/lib/themes/aura/megamenu/index.js b/components/lib/themes/aura/megamenu/index.js index 63593317f..9eed7d4e0 100644 --- a/components/lib/themes/aura/megamenu/index.js +++ b/components/lib/themes/aura/megamenu/index.js @@ -11,7 +11,8 @@ export default { }, horizontalOrientation: { padding: '0.5rem 0.75rem' - } + }, + transitionDuration: '{transition.duration}' }, baseItem: { borderRadius: '{content.border.radius}', diff --git a/components/lib/themes/aura/menu/index.js b/components/lib/themes/aura/menu/index.js index 151cdea49..63f8fe657 100644 --- a/components/lib/themes/aura/menu/index.js +++ b/components/lib/themes/aura/menu/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', color: '{content.color}', borderRadius: '{content.border.radius}', - shadow: '{overlay.navigation.shadow}' + shadow: '{overlay.navigation.shadow}', + transitionDuration: '{transition.duration}' }, list: { padding: '{navigation.list.padding}', diff --git a/components/lib/themes/aura/menubar/index.js b/components/lib/themes/aura/menubar/index.js index 036067cf0..bebe867d0 100644 --- a/components/lib/themes/aura/menubar/index.js +++ b/components/lib/themes/aura/menubar/index.js @@ -5,7 +5,8 @@ export default { borderRadius: '{content.border.radius}', color: '{content.color}', gap: '0.5rem', - padding: '0.5rem 0.75rem' + padding: '0.5rem 0.75rem', + transitionDuration: '{transition.duration}' }, baseItem: { borderRadius: '{content.border.radius}', diff --git a/components/lib/themes/aura/message/index.js b/components/lib/themes/aura/message/index.js index 1b02d95a8..2c99cb04c 100644 --- a/components/lib/themes/aura/message/index.js +++ b/components/lib/themes/aura/message/index.js @@ -2,7 +2,8 @@ export default { root: { margin: '1rem 0', borderRadius: '{content.border.radius}', - borderWidth: '1px' + borderWidth: '1px', + transitionDuration: '{transition.duration}' }, content: { padding: '0.5rem 0.75rem', diff --git a/components/lib/themes/aura/multiselect/index.js b/components/lib/themes/aura/multiselect/index.js index 1a9f8fa5e..57ff4db09 100644 --- a/components/lib/themes/aura/multiselect/index.js +++ b/components/lib/themes/aura/multiselect/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/aura/organizationchart/index.js b/components/lib/themes/aura/organizationchart/index.js index 72cfb5f9f..d883f2c9a 100644 --- a/components/lib/themes/aura/organizationchart/index.js +++ b/components/lib/themes/aura/organizationchart/index.js @@ -1,6 +1,7 @@ export default { root: { - gutter: '0.75rem' + gutter: '0.75rem', + transitionDuration: '{transition.duration}' }, node: { background: '{content.background}', diff --git a/components/lib/themes/aura/paginator/index.js b/components/lib/themes/aura/paginator/index.js index e7c29ad4d..f0f6dfa99 100644 --- a/components/lib/themes/aura/paginator/index.js +++ b/components/lib/themes/aura/paginator/index.js @@ -4,7 +4,8 @@ export default { gap: '0.25rem', borderRadius: '{content.border.radius}', background: '{content.background}', - color: '{content.color}' + color: '{content.color}', + transitionDuration: '{transition.duration}' }, navButton: { hoverBackground: '{content.hover.background}', diff --git a/components/lib/themes/aura/panelmenu/index.js b/components/lib/themes/aura/panelmenu/index.js index ab2b79aed..d304cf54c 100644 --- a/components/lib/themes/aura/panelmenu/index.js +++ b/components/lib/themes/aura/panelmenu/index.js @@ -1,6 +1,7 @@ export default { root: { - gap: '0.5rem' + gap: '0.5rem', + transitionDuration: '{transition.duration}' }, panel: { background: '{content.background}', diff --git a/components/lib/themes/aura/radiobutton/index.js b/components/lib/themes/aura/radiobutton/index.js index c95d1610f..535c17edc 100644 --- a/components/lib/themes/aura/radiobutton/index.js +++ b/components/lib/themes/aura/radiobutton/index.js @@ -21,7 +21,8 @@ export default { color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, icon: { size: '0.75rem', diff --git a/components/lib/themes/aura/rating/index.js b/components/lib/themes/aura/rating/index.js index 35c50df48..b92d3221f 100644 --- a/components/lib/themes/aura/rating/index.js +++ b/components/lib/themes/aura/rating/index.js @@ -1,6 +1,7 @@ export default { root: { - gap: '0.25rem' + gap: '0.25rem', + transitionDuration: '{transition.duration}' }, icon: { size: '1rem', diff --git a/components/lib/themes/aura/scrollpanel/index.js b/components/lib/themes/aura/scrollpanel/index.js index 5e76d0cb0..b421048a1 100644 --- a/components/lib/themes/aura/scrollpanel/index.js +++ b/components/lib/themes/aura/scrollpanel/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, bar: { size: '9px', borderRadius: '{border.radius.sm}', diff --git a/components/lib/themes/aura/select/index.js b/components/lib/themes/aura/select/index.js index 38bceb376..0d3ff3766 100644 --- a/components/lib/themes/aura/select/index.js +++ b/components/lib/themes/aura/select/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/aura/slider/index.js b/components/lib/themes/aura/slider/index.js index 4b63c99aa..891a1bf2a 100644 --- a/components/lib/themes/aura/slider/index.js +++ b/components/lib/themes/aura/slider/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, track: { background: '{content.border.color}', borderRadius: '{content.border.radius}', diff --git a/components/lib/themes/aura/speeddial/index.js b/components/lib/themes/aura/speeddial/index.js index 6c90e496d..0566594d9 100644 --- a/components/lib/themes/aura/speeddial/index.js +++ b/components/lib/themes/aura/speeddial/index.js @@ -1,5 +1,6 @@ export default { root: { - gap: '0.5rem' + gap: '0.5rem', + transitionDuration: '{transition.duration}' } }; diff --git a/components/lib/themes/aura/splitter/index.js b/components/lib/themes/aura/splitter/index.js index 1033ce3b7..97d78adf0 100644 --- a/components/lib/themes/aura/splitter/index.js +++ b/components/lib/themes/aura/splitter/index.js @@ -2,7 +2,8 @@ export default { root: { background: '{content.background}', borderColor: '{content.border.color}', - color: '{content.color}' + color: '{content.color}', + transitionDuration: '{transition.duration}' }, gutter: { background: '{content.border.color}' diff --git a/components/lib/themes/aura/stepper/index.js b/components/lib/themes/aura/stepper/index.js index e2e9d5be1..a8462d3b1 100644 --- a/components/lib/themes/aura/stepper/index.js +++ b/components/lib/themes/aura/stepper/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, separator: { background: '{content.border.color}', activeBackground: '{primary.color}', diff --git a/components/lib/themes/aura/steps/index.js b/components/lib/themes/aura/steps/index.js index e9d55a374..f26b6e17e 100644 --- a/components/lib/themes/aura/steps/index.js +++ b/components/lib/themes/aura/steps/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, separator: { background: '{content.border.color}' }, diff --git a/components/lib/themes/aura/tabmenu/index.js b/components/lib/themes/aura/tabmenu/index.js index 9f0892a23..9b6fc81f9 100644 --- a/components/lib/themes/aura/tabmenu/index.js +++ b/components/lib/themes/aura/tabmenu/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, tablist: { borderWidth: '0 0 1px 0', background: '{content.background}', diff --git a/components/lib/themes/aura/tabs/index.js b/components/lib/themes/aura/tabs/index.js index be358294c..07ee5b585 100644 --- a/components/lib/themes/aura/tabs/index.js +++ b/components/lib/themes/aura/tabs/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, tablist: { borderWidth: '0 0 1px 0', background: '{content.background}', diff --git a/components/lib/themes/aura/tabview/index.js b/components/lib/themes/aura/tabview/index.js index 00024c7bb..cb434b504 100644 --- a/components/lib/themes/aura/tabview/index.js +++ b/components/lib/themes/aura/tabview/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, tabList: { background: '{content.background}', borderColor: '{content.border.color}' diff --git a/components/lib/themes/aura/textarea/index.js b/components/lib/themes/aura/textarea/index.js index b1ed3815c..f22994ab1 100644 --- a/components/lib/themes/aura/textarea/index.js +++ b/components/lib/themes/aura/textarea/index.js @@ -21,6 +21,7 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' } }; diff --git a/components/lib/themes/aura/tieredmenu/index.js b/components/lib/themes/aura/tieredmenu/index.js index f70d1ef3e..f157f99a0 100644 --- a/components/lib/themes/aura/tieredmenu/index.js +++ b/components/lib/themes/aura/tieredmenu/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', color: '{content.color}', borderRadius: '{content.border.radius}', - shadow: '{overlay.navigation.shadow}' + shadow: '{overlay.navigation.shadow}', + transitionDuration: '{transition.duration}' }, list: { padding: '{navigation.list.padding}', diff --git a/components/lib/themes/aura/toast/index.js b/components/lib/themes/aura/toast/index.js index 58ad3513a..feca4d2bf 100644 --- a/components/lib/themes/aura/toast/index.js +++ b/components/lib/themes/aura/toast/index.js @@ -2,7 +2,8 @@ export default { root: { width: '25rem', borderRadius: '{content.border.radius}', - borderWidth: '0 0 0 6px' + borderWidth: '0 0 0 6px', + transitionDuration: '{transition.duration}' }, icon: { size: '1.125rem' diff --git a/components/lib/themes/aura/togglebutton/index.js b/components/lib/themes/aura/togglebutton/index.js index ab35fce07..984d10250 100644 --- a/components/lib/themes/aura/togglebutton/index.js +++ b/components/lib/themes/aura/togglebutton/index.js @@ -14,7 +14,8 @@ export default { color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, icon: { disabledColor: '{form.field.disabled.color}' diff --git a/components/lib/themes/aura/toggleswitch/index.js b/components/lib/themes/aura/toggleswitch/index.js index 64cd12213..7e1e7e772 100644 --- a/components/lib/themes/aura/toggleswitch/index.js +++ b/components/lib/themes/aura/toggleswitch/index.js @@ -1,8 +1,4 @@ export default { - handle: { - borderRadius: '50%', - size: '1rem' - }, root: { width: '2.5rem', height: '1.5rem', @@ -18,7 +14,12 @@ export default { }, borderWidth: '1px', borderColor: 'transparent', - invalidBorderColor: '{form.field.invalid.border.color}' + invalidBorderColor: '{form.field.invalid.border.color}', + transitionDuration: '{form.field.transition.duration}' + }, + handle: { + borderRadius: '50%', + size: '1rem' }, colorScheme: { light: { diff --git a/components/lib/themes/aura/tree/index.js b/components/lib/themes/aura/tree/index.js index f654ae084..a4d0d51ab 100644 --- a/components/lib/themes/aura/tree/index.js +++ b/components/lib/themes/aura/tree/index.js @@ -4,7 +4,8 @@ export default { color: '{content.color}', padding: '1rem', gap: '2px', - indent: '1rem' + indent: '1rem', + transitionDuration: '{transition.duration}' }, node: { padding: '0.25rem 0.5rem', diff --git a/components/lib/themes/aura/treeselect/index.js b/components/lib/themes/aura/treeselect/index.js index 5af96f6ea..fb63191d2 100644 --- a/components/lib/themes/aura/treeselect/index.js +++ b/components/lib/themes/aura/treeselect/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/aura/treetable/index.js b/components/lib/themes/aura/treetable/index.js index e210bb46e..2a234323f 100644 --- a/components/lib/themes/aura/treetable/index.js +++ b/components/lib/themes/aura/treetable/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, header: { background: '{content.background}', borderColor: '{treetable.border.color}', diff --git a/components/lib/themes/lara/accordion/index.js b/components/lib/themes/lara/accordion/index.js index 9dd4df018..88aa1dfe0 100644 --- a/components/lib/themes/lara/accordion/index.js +++ b/components/lib/themes/lara/accordion/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, panel: { borderWidth: '0', borderColor: '{content.border.color}' diff --git a/components/lib/themes/lara/autocomplete/index.js b/components/lib/themes/lara/autocomplete/index.js index 776d04ac9..3c0af0332 100644 --- a/components/lib/themes/lara/autocomplete/index.js +++ b/components/lib/themes/lara/autocomplete/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, overlay: { background: '{overlay.select.background}', diff --git a/components/lib/themes/lara/breadcrumb/index.js b/components/lib/themes/lara/breadcrumb/index.js index 883cf91de..52fd1afe4 100644 --- a/components/lib/themes/lara/breadcrumb/index.js +++ b/components/lib/themes/lara/breadcrumb/index.js @@ -2,7 +2,8 @@ export default { root: { padding: '1.25rem', background: '{content.background}', - gap: '0.5rem' + gap: '0.5rem', + transitionDuration: '{transition.duration}' }, item: { color: '{text.muted.color}', diff --git a/components/lib/themes/lara/button/index.js b/components/lib/themes/lara/button/index.js index db4ade80b..701c691bb 100644 --- a/components/lib/themes/lara/button/index.js +++ b/components/lib/themes/lara/button/index.js @@ -24,7 +24,8 @@ export default { width: '{form.field.focus.ring.width}', style: '{form.field.focus.ring.style}', offset: '{form.field.focus.ring.offset}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, colorScheme: { light: { diff --git a/components/lib/themes/lara/carousel/index.js b/components/lib/themes/lara/carousel/index.js index a89c5a563..a724a8ae5 100644 --- a/components/lib/themes/lara/carousel/index.js +++ b/components/lib/themes/lara/carousel/index.js @@ -15,7 +15,8 @@ export default { offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' } - } + }, + transitionDuration: '{transition.duration}' }, colorScheme: { light: { diff --git a/components/lib/themes/lara/cascadeselect/index.js b/components/lib/themes/lara/cascadeselect/index.js index 322f258b8..3e1b10f51 100644 --- a/components/lib/themes/lara/cascadeselect/index.js +++ b/components/lib/themes/lara/cascadeselect/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/lara/checkbox/index.js b/components/lib/themes/lara/checkbox/index.js index 0ca671678..80ee69df5 100644 --- a/components/lib/themes/lara/checkbox/index.js +++ b/components/lib/themes/lara/checkbox/index.js @@ -22,7 +22,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, icon: { size: '1rem', diff --git a/components/lib/themes/lara/chip/index.js b/components/lib/themes/lara/chip/index.js index eda7b9a38..ea71d2486 100644 --- a/components/lib/themes/lara/chip/index.js +++ b/components/lib/themes/lara/chip/index.js @@ -3,7 +3,8 @@ export default { borderRadius: '16px', paddingX: '0.875rem', paddingY: '0.625rem', - gap: '0.5rem' + gap: '0.5rem', + transitionDuration: '{transition.duration}' }, image: { width: '2rem', diff --git a/components/lib/themes/lara/colorpicker/index.js b/components/lib/themes/lara/colorpicker/index.js index 500d5c0ab..1f7b8efa9 100644 --- a/components/lib/themes/lara/colorpicker/index.js +++ b/components/lib/themes/lara/colorpicker/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, preview: { width: '1.75rem', height: '1.75rem', diff --git a/components/lib/themes/lara/contextmenu/index.js b/components/lib/themes/lara/contextmenu/index.js index f70d1ef3e..f157f99a0 100644 --- a/components/lib/themes/lara/contextmenu/index.js +++ b/components/lib/themes/lara/contextmenu/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', color: '{content.color}', borderRadius: '{content.border.radius}', - shadow: '{overlay.navigation.shadow}' + shadow: '{overlay.navigation.shadow}', + transitionDuration: '{transition.duration}' }, list: { padding: '{navigation.list.padding}', diff --git a/components/lib/themes/lara/datatable/index.js b/components/lib/themes/lara/datatable/index.js index 2ea0a5d42..639714d9f 100644 --- a/components/lib/themes/lara/datatable/index.js +++ b/components/lib/themes/lara/datatable/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, header: { borderColor: '{datatable.border.color}', borderWidth: '1px 0 1px 0', diff --git a/components/lib/themes/lara/datepicker/index.js b/components/lib/themes/lara/datepicker/index.js index 5874afb80..552bacf52 100644 --- a/components/lib/themes/lara/datepicker/index.js +++ b/components/lib/themes/lara/datepicker/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, panel: { background: '{content.background}', borderColor: '{content.border.color}', diff --git a/components/lib/themes/lara/fieldset/index.js b/components/lib/themes/lara/fieldset/index.js index 0770c742f..4896ee4c0 100644 --- a/components/lib/themes/lara/fieldset/index.js +++ b/components/lib/themes/lara/fieldset/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', borderRadius: '{content.border.radius}', color: '{content.color}', - padding: '0.75rem 1.125rem 1.125rem 1.125rem' + padding: '0.75rem 1.125rem 1.125rem 1.125rem', + transitionDuration: '{transition.duration}' }, legend: { borderRadius: '{content.border.radius}', diff --git a/components/lib/themes/lara/fileupload/index.js b/components/lib/themes/lara/fileupload/index.js index c51227f39..1121baa7d 100644 --- a/components/lib/themes/lara/fileupload/index.js +++ b/components/lib/themes/lara/fileupload/index.js @@ -3,7 +3,8 @@ export default { background: '{content.background}', borderColor: '{content.border.color}', color: '{content.color}', - borderRadius: '{content.border.radius}' + borderRadius: '{content.border.radius}', + transitionDuration: '{transition.duration}' }, header: { borderWidth: '0 0 1px 0', diff --git a/components/lib/themes/lara/galleria/index.js b/components/lib/themes/lara/galleria/index.js index 896aefe26..40fded069 100644 --- a/components/lib/themes/lara/galleria/index.js +++ b/components/lib/themes/lara/galleria/index.js @@ -2,7 +2,8 @@ export default { root: { borderWidth: '1px', borderColor: '{content.border.color}', - borderRadius: '{content.border.radius}' + borderRadius: '{content.border.radius}', + transitionDuration: '{transition.duration}' }, navButton: { background: 'rgba(255, 255, 255, 0.1)', diff --git a/components/lib/themes/lara/image/index.js b/components/lib/themes/lara/image/index.js index c0a42ce18..6dc727265 100644 --- a/components/lib/themes/lara/image/index.js +++ b/components/lib/themes/lara/image/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, preview: { icon: { size: '1.5rem' diff --git a/components/lib/themes/lara/index.js b/components/lib/themes/lara/index.js index 11b0b7a8e..65e30ce00 100644 --- a/components/lib/themes/lara/index.js +++ b/components/lib/themes/lara/index.js @@ -149,7 +149,8 @@ export default { color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' - } + }, + transitionDuration: '{transition.duration}' }, list: { padding: '0.5rem 0', diff --git a/components/lib/themes/lara/inplace/index.js b/components/lib/themes/lara/inplace/index.js index 191a8ce9d..9b7db4900 100644 --- a/components/lib/themes/lara/inplace/index.js +++ b/components/lib/themes/lara/inplace/index.js @@ -8,7 +8,8 @@ export default { color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' - } + }, + transitionDuration: '{transition.duration}' }, display: { hoverBackground: '{content.hover.background}', diff --git a/components/lib/themes/lara/inputchips/index.js b/components/lib/themes/lara/inputchips/index.js index 4c0b7d6ad..c59457525 100644 --- a/components/lib/themes/lara/inputchips/index.js +++ b/components/lib/themes/lara/inputchips/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, chip: { borderRadius: '{border.radius.xs}' diff --git a/components/lib/themes/lara/inputnumber/index.js b/components/lib/themes/lara/inputnumber/index.js index b63ba6bda..6917440f6 100644 --- a/components/lib/themes/lara/inputnumber/index.js +++ b/components/lib/themes/lara/inputnumber/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, button: { width: '2.5rem', borderRadius: '{form.field.border.radius}', diff --git a/components/lib/themes/lara/inputtext/index.js b/components/lib/themes/lara/inputtext/index.js index b1ed3815c..f22994ab1 100644 --- a/components/lib/themes/lara/inputtext/index.js +++ b/components/lib/themes/lara/inputtext/index.js @@ -21,6 +21,7 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' } }; diff --git a/components/lib/themes/lara/knob/index.js b/components/lib/themes/lara/knob/index.js index 6223509de..559df570e 100644 --- a/components/lib/themes/lara/knob/index.js +++ b/components/lib/themes/lara/knob/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{form.field.transition.duration}' + }, value: { background: '{primary.color}' }, diff --git a/components/lib/themes/lara/listbox/index.js b/components/lib/themes/lara/listbox/index.js index f3241d947..46e1cf89e 100644 --- a/components/lib/themes/lara/listbox/index.js +++ b/components/lib/themes/lara/listbox/index.js @@ -16,7 +16,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, list: { padding: '{list.padding}', diff --git a/components/lib/themes/lara/megamenu/index.js b/components/lib/themes/lara/megamenu/index.js index 066fbffc0..4f3bd8ee4 100644 --- a/components/lib/themes/lara/megamenu/index.js +++ b/components/lib/themes/lara/megamenu/index.js @@ -10,7 +10,8 @@ export default { }, horizontalOrientation: { padding: '0.75rem 1rem' - } + }, + transitionDuration: '{transition.duration}' }, baseItem: { borderRadius: '{content.border.radius}', diff --git a/components/lib/themes/lara/menu/index.js b/components/lib/themes/lara/menu/index.js index 151cdea49..63f8fe657 100644 --- a/components/lib/themes/lara/menu/index.js +++ b/components/lib/themes/lara/menu/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', color: '{content.color}', borderRadius: '{content.border.radius}', - shadow: '{overlay.navigation.shadow}' + shadow: '{overlay.navigation.shadow}', + transitionDuration: '{transition.duration}' }, list: { padding: '{navigation.list.padding}', diff --git a/components/lib/themes/lara/menubar/index.js b/components/lib/themes/lara/menubar/index.js index 8b4ba2fbf..c5f544626 100644 --- a/components/lib/themes/lara/menubar/index.js +++ b/components/lib/themes/lara/menubar/index.js @@ -4,7 +4,8 @@ export default { borderRadius: '{content.border.radius}', color: '{content.color}', gap: '0.5rem', - padding: '0.75rem 1rem' + padding: '0.75rem 1rem', + transitionDuration: '{transition.duration}' }, baseItem: { borderRadius: '{content.border.radius}', diff --git a/components/lib/themes/lara/message/index.js b/components/lib/themes/lara/message/index.js index 57ce7849c..792d9e0d6 100644 --- a/components/lib/themes/lara/message/index.js +++ b/components/lib/themes/lara/message/index.js @@ -2,7 +2,8 @@ export default { root: { margin: '1.125rem 0', borderRadius: '{content.border.radius}', - borderWidth: '0 0 0 6px' + borderWidth: '0 0 0 6px', + transitionDuration: '{transition.duration}' }, content: { padding: '0.75rem 1rem', diff --git a/components/lib/themes/lara/multiselect/index.js b/components/lib/themes/lara/multiselect/index.js index 14891b1cc..5f786b8d1 100644 --- a/components/lib/themes/lara/multiselect/index.js +++ b/components/lib/themes/lara/multiselect/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/lara/organizationchart/index.js b/components/lib/themes/lara/organizationchart/index.js index 6731f5c39..397a728f4 100644 --- a/components/lib/themes/lara/organizationchart/index.js +++ b/components/lib/themes/lara/organizationchart/index.js @@ -1,6 +1,7 @@ export default { root: { - gutter: '0.75rem' + gutter: '0.75rem', + transitionDuration: '{transition.duration}' }, node: { background: '{content.background}', diff --git a/components/lib/themes/lara/paginator/index.js b/components/lib/themes/lara/paginator/index.js index e7c29ad4d..f0f6dfa99 100644 --- a/components/lib/themes/lara/paginator/index.js +++ b/components/lib/themes/lara/paginator/index.js @@ -4,7 +4,8 @@ export default { gap: '0.25rem', borderRadius: '{content.border.radius}', background: '{content.background}', - color: '{content.color}' + color: '{content.color}', + transitionDuration: '{transition.duration}' }, navButton: { hoverBackground: '{content.hover.background}', diff --git a/components/lib/themes/lara/panelmenu/index.js b/components/lib/themes/lara/panelmenu/index.js index 5c1c43806..c145bb380 100644 --- a/components/lib/themes/lara/panelmenu/index.js +++ b/components/lib/themes/lara/panelmenu/index.js @@ -1,6 +1,7 @@ export default { root: { - gap: '0' + gap: '0', + transitionDuration: '{transition.duration}' }, panel: { background: '{content.background}', diff --git a/components/lib/themes/lara/radiobutton/index.js b/components/lib/themes/lara/radiobutton/index.js index 34e6649de..381e7de7b 100644 --- a/components/lib/themes/lara/radiobutton/index.js +++ b/components/lib/themes/lara/radiobutton/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, icon: { size: '0.875rem', diff --git a/components/lib/themes/lara/rating/index.js b/components/lib/themes/lara/rating/index.js index 5c08dd99d..c873f82ac 100644 --- a/components/lib/themes/lara/rating/index.js +++ b/components/lib/themes/lara/rating/index.js @@ -1,6 +1,7 @@ export default { root: { - gap: '0.25rem' + gap: '0.25rem', + transitionDuration: '{transition.duration}' }, icon: { size: '1.25rem', diff --git a/components/lib/themes/lara/scrollpanel/index.js b/components/lib/themes/lara/scrollpanel/index.js index b9e8b1ad1..818e3fdf7 100644 --- a/components/lib/themes/lara/scrollpanel/index.js +++ b/components/lib/themes/lara/scrollpanel/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, bar: { size: '9px', borderRadius: '{border.radius.xs}', diff --git a/components/lib/themes/lara/select/index.js b/components/lib/themes/lara/select/index.js index 15cfaf8df..e1ac69524 100644 --- a/components/lib/themes/lara/select/index.js +++ b/components/lib/themes/lara/select/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/lara/slider/index.js b/components/lib/themes/lara/slider/index.js index 5a5732b90..f8f980802 100644 --- a/components/lib/themes/lara/slider/index.js +++ b/components/lib/themes/lara/slider/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, track: { background: '{content.border.color}', borderRadius: '{content.border.radius}', diff --git a/components/lib/themes/lara/speeddial/index.js b/components/lib/themes/lara/speeddial/index.js index 6c90e496d..0566594d9 100644 --- a/components/lib/themes/lara/speeddial/index.js +++ b/components/lib/themes/lara/speeddial/index.js @@ -1,5 +1,6 @@ export default { root: { - gap: '0.5rem' + gap: '0.5rem', + transitionDuration: '{transition.duration}' } }; diff --git a/components/lib/themes/lara/splitter/index.js b/components/lib/themes/lara/splitter/index.js index 4da18f10d..8a5b4157a 100644 --- a/components/lib/themes/lara/splitter/index.js +++ b/components/lib/themes/lara/splitter/index.js @@ -2,7 +2,8 @@ export default { root: { background: '{content.background}', borderColor: '{content.border.color}', - color: '{content.color}' + color: '{content.color}', + transitionDuration: '{transition.duration}' }, gutter: { background: '{content.border.color}' diff --git a/components/lib/themes/lara/stepper/index.js b/components/lib/themes/lara/stepper/index.js index f7e072d87..9cd36b5a8 100644 --- a/components/lib/themes/lara/stepper/index.js +++ b/components/lib/themes/lara/stepper/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, separator: { background: '{content.border.color}', activeBackground: '{primary.color}', diff --git a/components/lib/themes/lara/steps/index.js b/components/lib/themes/lara/steps/index.js index d7e08b1c5..dd5891180 100644 --- a/components/lib/themes/lara/steps/index.js +++ b/components/lib/themes/lara/steps/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, separator: { background: '{content.border.color}' }, diff --git a/components/lib/themes/lara/tabmenu/index.js b/components/lib/themes/lara/tabmenu/index.js index d51e6679e..0de72b703 100644 --- a/components/lib/themes/lara/tabmenu/index.js +++ b/components/lib/themes/lara/tabmenu/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, tablist: { borderWidth: '0', background: '{content.background}', diff --git a/components/lib/themes/lara/tabs/index.js b/components/lib/themes/lara/tabs/index.js index 24f4f9cca..af17238b8 100644 --- a/components/lib/themes/lara/tabs/index.js +++ b/components/lib/themes/lara/tabs/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, tablist: { borderWidth: '0', background: '{content.background}', diff --git a/components/lib/themes/lara/tabview/index.js b/components/lib/themes/lara/tabview/index.js index 00024c7bb..cb434b504 100644 --- a/components/lib/themes/lara/tabview/index.js +++ b/components/lib/themes/lara/tabview/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, tabList: { background: '{content.background}', borderColor: '{content.border.color}' diff --git a/components/lib/themes/lara/textarea/index.js b/components/lib/themes/lara/textarea/index.js index b1ed3815c..f22994ab1 100644 --- a/components/lib/themes/lara/textarea/index.js +++ b/components/lib/themes/lara/textarea/index.js @@ -21,6 +21,7 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' } }; diff --git a/components/lib/themes/lara/tieredmenu/index.js b/components/lib/themes/lara/tieredmenu/index.js index d00b6d0db..0d328e6d3 100644 --- a/components/lib/themes/lara/tieredmenu/index.js +++ b/components/lib/themes/lara/tieredmenu/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', color: '{content.color}', borderRadius: '{content.border.radius}', - shadow: '{overlay.navigation.shadow}' + shadow: '{overlay.navigation.shadow}', + transitionDuration: '{transition.duration}' }, list: { padding: '{navigation.list.padding}', diff --git a/components/lib/themes/lara/toast/index.js b/components/lib/themes/lara/toast/index.js index 92581903f..3d14abaf6 100644 --- a/components/lib/themes/lara/toast/index.js +++ b/components/lib/themes/lara/toast/index.js @@ -2,7 +2,8 @@ export default { root: { width: '25rem', borderRadius: '{content.border.radius}', - borderWidth: '0 0 0 6px' + borderWidth: '0 0 0 6px', + transitionDuration: '{transition.duration}' }, icon: { size: '1.25rem' diff --git a/components/lib/themes/lara/togglebutton/index.js b/components/lib/themes/lara/togglebutton/index.js index eb0c167d8..5193f5b7f 100644 --- a/components/lib/themes/lara/togglebutton/index.js +++ b/components/lib/themes/lara/togglebutton/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, icon: { color: '{text.muted.color}', diff --git a/components/lib/themes/lara/toggleswitch/index.js b/components/lib/themes/lara/toggleswitch/index.js index 33a8a624f..c5d995796 100644 --- a/components/lib/themes/lara/toggleswitch/index.js +++ b/components/lib/themes/lara/toggleswitch/index.js @@ -1,8 +1,4 @@ export default { - handle: { - borderRadius: '50%', - size: '1.25rem' - }, root: { width: '3rem', height: '1.75rem', @@ -18,7 +14,12 @@ export default { }, borderWidth: '1px', borderColor: 'transparent', - invalidBorderColor: '{form.field.invalid.border.color}' + invalidBorderColor: '{form.field.invalid.border.color}', + transitionDuration: '{form.field.transition.duration}' + }, + handle: { + borderRadius: '50%', + size: '1.25rem' }, colorScheme: { light: { diff --git a/components/lib/themes/lara/tree/index.js b/components/lib/themes/lara/tree/index.js index a1373a995..742911938 100644 --- a/components/lib/themes/lara/tree/index.js +++ b/components/lib/themes/lara/tree/index.js @@ -4,7 +4,8 @@ export default { color: '{content.color}', padding: '1rem', gap: '2px', - indent: '1rem' + indent: '1rem', + transitionDuration: '{transition.duration}' }, node: { padding: '0.375rem 0.625rem', diff --git a/components/lib/themes/lara/treeselect/index.js b/components/lib/themes/lara/treeselect/index.js index c26b0ffad..e591882b6 100644 --- a/components/lib/themes/lara/treeselect/index.js +++ b/components/lib/themes/lara/treeselect/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/lara/treetable/index.js b/components/lib/themes/lara/treetable/index.js index 7e8fda961..f794fb8d6 100644 --- a/components/lib/themes/lara/treetable/index.js +++ b/components/lib/themes/lara/treetable/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, header: { borderColor: '{treetable.border.color}', borderWidth: '1px 0 1px 0', diff --git a/components/lib/themes/nora/accordion/index.js b/components/lib/themes/nora/accordion/index.js index 33108fc18..177fe8249 100644 --- a/components/lib/themes/nora/accordion/index.js +++ b/components/lib/themes/nora/accordion/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, panel: { borderWidth: '0', borderColor: '{content.border.color}' diff --git a/components/lib/themes/nora/autocomplete/index.js b/components/lib/themes/nora/autocomplete/index.js index 47cb71fa9..a308a1836 100644 --- a/components/lib/themes/nora/autocomplete/index.js +++ b/components/lib/themes/nora/autocomplete/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, overlay: { background: '{overlay.select.background}', diff --git a/components/lib/themes/nora/breadcrumb/index.js b/components/lib/themes/nora/breadcrumb/index.js index fb8cb628a..d2a8ccaf8 100644 --- a/components/lib/themes/nora/breadcrumb/index.js +++ b/components/lib/themes/nora/breadcrumb/index.js @@ -2,7 +2,8 @@ export default { root: { padding: '1rem', background: '{content.background}', - gap: '0.5rem' + gap: '0.5rem', + transitionDuration: '{transition.duration}' }, item: { color: '{text.muted.color}', diff --git a/components/lib/themes/nora/button/index.js b/components/lib/themes/nora/button/index.js index 377715555..927336a99 100644 --- a/components/lib/themes/nora/button/index.js +++ b/components/lib/themes/nora/button/index.js @@ -24,7 +24,8 @@ export default { width: '{focus.ring.width}', style: '{focus.ring.style}', offset: '{focus.ring.offset}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, colorScheme: { light: { diff --git a/components/lib/themes/nora/carousel/index.js b/components/lib/themes/nora/carousel/index.js index 591717978..5424ddd1e 100644 --- a/components/lib/themes/nora/carousel/index.js +++ b/components/lib/themes/nora/carousel/index.js @@ -15,7 +15,8 @@ export default { offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' } - } + }, + transitionDuration: '{transition.duration}' }, colorScheme: { light: { diff --git a/components/lib/themes/nora/cascadeselect/index.js b/components/lib/themes/nora/cascadeselect/index.js index 322f258b8..3e1b10f51 100644 --- a/components/lib/themes/nora/cascadeselect/index.js +++ b/components/lib/themes/nora/cascadeselect/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/nora/checkbox/index.js b/components/lib/themes/nora/checkbox/index.js index 6371dbd6d..24444d109 100644 --- a/components/lib/themes/nora/checkbox/index.js +++ b/components/lib/themes/nora/checkbox/index.js @@ -22,7 +22,8 @@ export default { color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, icon: { size: '0.875rem', diff --git a/components/lib/themes/nora/chip/index.js b/components/lib/themes/nora/chip/index.js index 6b12f7fd2..23040c3a2 100644 --- a/components/lib/themes/nora/chip/index.js +++ b/components/lib/themes/nora/chip/index.js @@ -3,7 +3,8 @@ export default { borderRadius: '16px', paddingX: '0.75rem', paddingY: '0.5rem', - gap: '0.5rem' + gap: '0.5rem', + transitionDuration: '{transition.duration}' }, image: { width: '2rem', diff --git a/components/lib/themes/nora/colorpicker/index.js b/components/lib/themes/nora/colorpicker/index.js index 776b8e9d6..8738f80d7 100644 --- a/components/lib/themes/nora/colorpicker/index.js +++ b/components/lib/themes/nora/colorpicker/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, preview: { width: '1.5rem', height: '1.5rem', diff --git a/components/lib/themes/nora/contextmenu/index.js b/components/lib/themes/nora/contextmenu/index.js index d00b6d0db..0d328e6d3 100644 --- a/components/lib/themes/nora/contextmenu/index.js +++ b/components/lib/themes/nora/contextmenu/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', color: '{content.color}', borderRadius: '{content.border.radius}', - shadow: '{overlay.navigation.shadow}' + shadow: '{overlay.navigation.shadow}', + transitionDuration: '{transition.duration}' }, list: { padding: '{navigation.list.padding}', diff --git a/components/lib/themes/nora/datatable/index.js b/components/lib/themes/nora/datatable/index.js index bbf6c2b54..5c00b2b8b 100644 --- a/components/lib/themes/nora/datatable/index.js +++ b/components/lib/themes/nora/datatable/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, header: { background: '{content.background}', borderColor: '{datatable.border.color}', diff --git a/components/lib/themes/nora/datepicker/index.js b/components/lib/themes/nora/datepicker/index.js index 94318682e..e66b88c48 100644 --- a/components/lib/themes/nora/datepicker/index.js +++ b/components/lib/themes/nora/datepicker/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, panel: { background: '{content.background}', borderColor: '{content.border.color}', diff --git a/components/lib/themes/nora/fieldset/index.js b/components/lib/themes/nora/fieldset/index.js index 7a9237147..3565bfa5e 100644 --- a/components/lib/themes/nora/fieldset/index.js +++ b/components/lib/themes/nora/fieldset/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', borderRadius: '{content.border.radius}', color: '{content.color}', - padding: '0.75rem 1.125rem 1.125rem 1.125rem' + padding: '0.75rem 1.125rem 1.125rem 1.125rem', + transitionDuration: '{transition.duration}' }, legend: { background: '{content.background}', diff --git a/components/lib/themes/nora/fileupload/index.js b/components/lib/themes/nora/fileupload/index.js index 7df8ae514..6b0f42a6a 100644 --- a/components/lib/themes/nora/fileupload/index.js +++ b/components/lib/themes/nora/fileupload/index.js @@ -3,7 +3,8 @@ export default { background: '{content.background}', borderColor: '{content.border.color}', color: '{content.color}', - borderRadius: '{content.border.radius}' + borderRadius: '{content.border.radius}', + transitionDuration: '{transition.duration}' }, header: { background: 'transparent', diff --git a/components/lib/themes/nora/galleria/index.js b/components/lib/themes/nora/galleria/index.js index 6a8bfc21e..465826b5a 100644 --- a/components/lib/themes/nora/galleria/index.js +++ b/components/lib/themes/nora/galleria/index.js @@ -2,7 +2,8 @@ export default { root: { borderWidth: '1px', borderColor: '{content.border.color}', - borderRadius: '{content.border.radius}' + borderRadius: '{content.border.radius}', + transitionDuration: '{transition.duration}' }, navButton: { background: 'rgba(255, 255, 255, 0.1)', diff --git a/components/lib/themes/nora/image/index.js b/components/lib/themes/nora/image/index.js index c0a42ce18..6dc727265 100644 --- a/components/lib/themes/nora/image/index.js +++ b/components/lib/themes/nora/image/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, preview: { icon: { size: '1.5rem' diff --git a/components/lib/themes/nora/index.js b/components/lib/themes/nora/index.js index d742d46a4..6359383ad 100644 --- a/components/lib/themes/nora/index.js +++ b/components/lib/themes/nora/index.js @@ -116,7 +116,7 @@ export default { stone: { 50: '#fafaf9', 100: '#f5f5f4', 200: '#e7e5e4', 300: '#d6d3d1', 400: '#a8a29e', 500: '#78716c', 600: '#57534e', 700: '#44403c', 800: '#292524', 900: '#1c1917', 950: '#0c0a09' } }, semantic: { - transitionDuration: '0', + transitionDuration: '0s', focusRing: { width: '2px', style: 'solid', @@ -149,7 +149,8 @@ export default { color: '{primary.color}', offset: '-1px', shadow: 'none' - } + }, + transitionDuration: '{transition.duration}' }, list: { padding: '0.125rem 0', diff --git a/components/lib/themes/nora/inplace/index.js b/components/lib/themes/nora/inplace/index.js index 191a8ce9d..9b7db4900 100644 --- a/components/lib/themes/nora/inplace/index.js +++ b/components/lib/themes/nora/inplace/index.js @@ -8,7 +8,8 @@ export default { color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' - } + }, + transitionDuration: '{transition.duration}' }, display: { hoverBackground: '{content.hover.background}', diff --git a/components/lib/themes/nora/inputchips/index.js b/components/lib/themes/nora/inputchips/index.js index 3f582c4fd..5a8b0f6ca 100644 --- a/components/lib/themes/nora/inputchips/index.js +++ b/components/lib/themes/nora/inputchips/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, chip: { borderRadius: '{border.radius.sm}' diff --git a/components/lib/themes/nora/inputnumber/index.js b/components/lib/themes/nora/inputnumber/index.js index 03fa5f77b..f76540fa5 100644 --- a/components/lib/themes/nora/inputnumber/index.js +++ b/components/lib/themes/nora/inputnumber/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, button: { background: 'transparent', borderColor: '{form.field.border.color}', diff --git a/components/lib/themes/nora/inputtext/index.js b/components/lib/themes/nora/inputtext/index.js index b1ed3815c..f22994ab1 100644 --- a/components/lib/themes/nora/inputtext/index.js +++ b/components/lib/themes/nora/inputtext/index.js @@ -21,6 +21,7 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' } }; diff --git a/components/lib/themes/nora/knob/index.js b/components/lib/themes/nora/knob/index.js index 6223509de..559df570e 100644 --- a/components/lib/themes/nora/knob/index.js +++ b/components/lib/themes/nora/knob/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{form.field.transition.duration}' + }, value: { background: '{primary.color}' }, diff --git a/components/lib/themes/nora/listbox/index.js b/components/lib/themes/nora/listbox/index.js index f3241d947..46e1cf89e 100644 --- a/components/lib/themes/nora/listbox/index.js +++ b/components/lib/themes/nora/listbox/index.js @@ -16,7 +16,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, list: { padding: '{list.padding}', diff --git a/components/lib/themes/nora/megamenu/index.js b/components/lib/themes/nora/megamenu/index.js index 63593317f..9eed7d4e0 100644 --- a/components/lib/themes/nora/megamenu/index.js +++ b/components/lib/themes/nora/megamenu/index.js @@ -11,7 +11,8 @@ export default { }, horizontalOrientation: { padding: '0.5rem 0.75rem' - } + }, + transitionDuration: '{transition.duration}' }, baseItem: { borderRadius: '{content.border.radius}', diff --git a/components/lib/themes/nora/menu/index.js b/components/lib/themes/nora/menu/index.js index 151cdea49..63f8fe657 100644 --- a/components/lib/themes/nora/menu/index.js +++ b/components/lib/themes/nora/menu/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', color: '{content.color}', borderRadius: '{content.border.radius}', - shadow: '{overlay.navigation.shadow}' + shadow: '{overlay.navigation.shadow}', + transitionDuration: '{transition.duration}' }, list: { padding: '{navigation.list.padding}', diff --git a/components/lib/themes/nora/menubar/index.js b/components/lib/themes/nora/menubar/index.js index 036067cf0..bebe867d0 100644 --- a/components/lib/themes/nora/menubar/index.js +++ b/components/lib/themes/nora/menubar/index.js @@ -5,7 +5,8 @@ export default { borderRadius: '{content.border.radius}', color: '{content.color}', gap: '0.5rem', - padding: '0.5rem 0.75rem' + padding: '0.5rem 0.75rem', + transitionDuration: '{transition.duration}' }, baseItem: { borderRadius: '{content.border.radius}', diff --git a/components/lib/themes/nora/message/index.js b/components/lib/themes/nora/message/index.js index fa229725c..7fdabb6a5 100644 --- a/components/lib/themes/nora/message/index.js +++ b/components/lib/themes/nora/message/index.js @@ -2,7 +2,8 @@ export default { root: { margin: '1rem 0', borderRadius: '{content.border.radius}', - borderWidth: '1px' + borderWidth: '1px', + transitionDuration: '{transition.duration}' }, content: { padding: '0.5rem 0.75rem', diff --git a/components/lib/themes/nora/multiselect/index.js b/components/lib/themes/nora/multiselect/index.js index 1a9f8fa5e..57ff4db09 100644 --- a/components/lib/themes/nora/multiselect/index.js +++ b/components/lib/themes/nora/multiselect/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/nora/organizationchart/index.js b/components/lib/themes/nora/organizationchart/index.js index 72cfb5f9f..d883f2c9a 100644 --- a/components/lib/themes/nora/organizationchart/index.js +++ b/components/lib/themes/nora/organizationchart/index.js @@ -1,6 +1,7 @@ export default { root: { - gutter: '0.75rem' + gutter: '0.75rem', + transitionDuration: '{transition.duration}' }, node: { background: '{content.background}', diff --git a/components/lib/themes/nora/paginator/index.js b/components/lib/themes/nora/paginator/index.js index b2d171159..2f2d55135 100644 --- a/components/lib/themes/nora/paginator/index.js +++ b/components/lib/themes/nora/paginator/index.js @@ -4,7 +4,8 @@ export default { gap: '0.25rem', borderRadius: '{content.border.radius}', background: '{content.background}', - color: '{content.color}' + color: '{content.color}', + transitionDuration: '{transition.duration}' }, navButton: { hoverBackground: '{content.hover.background}', diff --git a/components/lib/themes/nora/panelmenu/index.js b/components/lib/themes/nora/panelmenu/index.js index 5c1c43806..c145bb380 100644 --- a/components/lib/themes/nora/panelmenu/index.js +++ b/components/lib/themes/nora/panelmenu/index.js @@ -1,6 +1,7 @@ export default { root: { - gap: '0' + gap: '0', + transitionDuration: '{transition.duration}' }, panel: { background: '{content.background}', diff --git a/components/lib/themes/nora/radiobutton/index.js b/components/lib/themes/nora/radiobutton/index.js index c95d1610f..535c17edc 100644 --- a/components/lib/themes/nora/radiobutton/index.js +++ b/components/lib/themes/nora/radiobutton/index.js @@ -21,7 +21,8 @@ export default { color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, icon: { size: '0.75rem', diff --git a/components/lib/themes/nora/rating/index.js b/components/lib/themes/nora/rating/index.js index 35c50df48..b92d3221f 100644 --- a/components/lib/themes/nora/rating/index.js +++ b/components/lib/themes/nora/rating/index.js @@ -1,6 +1,7 @@ export default { root: { - gap: '0.25rem' + gap: '0.25rem', + transitionDuration: '{transition.duration}' }, icon: { size: '1rem', diff --git a/components/lib/themes/nora/scrollpanel/index.js b/components/lib/themes/nora/scrollpanel/index.js index ff9d4b420..16c0de142 100644 --- a/components/lib/themes/nora/scrollpanel/index.js +++ b/components/lib/themes/nora/scrollpanel/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, bar: { size: '9px', borderRadius: '{border.radius.sm}', diff --git a/components/lib/themes/nora/select/index.js b/components/lib/themes/nora/select/index.js index 38bceb376..0d3ff3766 100644 --- a/components/lib/themes/nora/select/index.js +++ b/components/lib/themes/nora/select/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/nora/slider/index.js b/components/lib/themes/nora/slider/index.js index dad702ed7..378004acd 100644 --- a/components/lib/themes/nora/slider/index.js +++ b/components/lib/themes/nora/slider/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, track: { borderRadius: '{content.border.radius}', size: '3px' diff --git a/components/lib/themes/nora/speeddial/index.js b/components/lib/themes/nora/speeddial/index.js index 6c90e496d..0566594d9 100644 --- a/components/lib/themes/nora/speeddial/index.js +++ b/components/lib/themes/nora/speeddial/index.js @@ -1,5 +1,6 @@ export default { root: { - gap: '0.5rem' + gap: '0.5rem', + transitionDuration: '{transition.duration}' } }; diff --git a/components/lib/themes/nora/splitter/index.js b/components/lib/themes/nora/splitter/index.js index 1033ce3b7..97d78adf0 100644 --- a/components/lib/themes/nora/splitter/index.js +++ b/components/lib/themes/nora/splitter/index.js @@ -2,7 +2,8 @@ export default { root: { background: '{content.background}', borderColor: '{content.border.color}', - color: '{content.color}' + color: '{content.color}', + transitionDuration: '{transition.duration}' }, gutter: { background: '{content.border.color}' diff --git a/components/lib/themes/nora/stepper/index.js b/components/lib/themes/nora/stepper/index.js index e48bac61a..7dfd80a17 100644 --- a/components/lib/themes/nora/stepper/index.js +++ b/components/lib/themes/nora/stepper/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, separator: { background: '{content.border.color}', activeBackground: '{primary.color}', diff --git a/components/lib/themes/nora/steps/index.js b/components/lib/themes/nora/steps/index.js index 24dc63b4e..237b5a33b 100644 --- a/components/lib/themes/nora/steps/index.js +++ b/components/lib/themes/nora/steps/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, separator: { background: '{content.border.color}' }, diff --git a/components/lib/themes/nora/tabmenu/index.js b/components/lib/themes/nora/tabmenu/index.js index cb50251a0..4b9f0a4dc 100644 --- a/components/lib/themes/nora/tabmenu/index.js +++ b/components/lib/themes/nora/tabmenu/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, tablist: { borderWidth: '0 0 1px 0', background: '{content.background}', diff --git a/components/lib/themes/nora/tabs/index.js b/components/lib/themes/nora/tabs/index.js index 57d4d196a..c3fcc4d86 100644 --- a/components/lib/themes/nora/tabs/index.js +++ b/components/lib/themes/nora/tabs/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, tablist: { borderWidth: '0 0 1px 0', background: '{content.background}', diff --git a/components/lib/themes/nora/tabview/index.js b/components/lib/themes/nora/tabview/index.js index 00024c7bb..cb434b504 100644 --- a/components/lib/themes/nora/tabview/index.js +++ b/components/lib/themes/nora/tabview/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, tabList: { background: '{content.background}', borderColor: '{content.border.color}' diff --git a/components/lib/themes/nora/textarea/index.js b/components/lib/themes/nora/textarea/index.js index b1ed3815c..f22994ab1 100644 --- a/components/lib/themes/nora/textarea/index.js +++ b/components/lib/themes/nora/textarea/index.js @@ -21,6 +21,7 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' } }; diff --git a/components/lib/themes/nora/tieredmenu/index.js b/components/lib/themes/nora/tieredmenu/index.js index f70d1ef3e..f157f99a0 100644 --- a/components/lib/themes/nora/tieredmenu/index.js +++ b/components/lib/themes/nora/tieredmenu/index.js @@ -4,7 +4,8 @@ export default { borderColor: '{content.border.color}', color: '{content.color}', borderRadius: '{content.border.radius}', - shadow: '{overlay.navigation.shadow}' + shadow: '{overlay.navigation.shadow}', + transitionDuration: '{transition.duration}' }, list: { padding: '{navigation.list.padding}', diff --git a/components/lib/themes/nora/toast/index.js b/components/lib/themes/nora/toast/index.js index c4db38822..bdfc41b99 100644 --- a/components/lib/themes/nora/toast/index.js +++ b/components/lib/themes/nora/toast/index.js @@ -2,7 +2,8 @@ export default { root: { width: '25rem', borderRadius: '{content.border.radius}', - borderWidth: '0 0 0 6px' + borderWidth: '0 0 0 6px', + transitionDuration: '{transition.duration}' }, icon: { size: '1.125rem' diff --git a/components/lib/themes/nora/togglebutton/index.js b/components/lib/themes/nora/togglebutton/index.js index bca527892..172a4b1f1 100644 --- a/components/lib/themes/nora/togglebutton/index.js +++ b/components/lib/themes/nora/togglebutton/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, icon: { color: '{text.muted.color}', diff --git a/components/lib/themes/nora/toggleswitch/index.js b/components/lib/themes/nora/toggleswitch/index.js index 2d09e8291..fdb5430fd 100644 --- a/components/lib/themes/nora/toggleswitch/index.js +++ b/components/lib/themes/nora/toggleswitch/index.js @@ -1,12 +1,4 @@ export default { - handle: { - borderRadius: '50%', - size: '1rem', - background: '{form.field.border.color}', - hoverBackground: '{form.field.border.color}', - checkedBackground: '{primary.contrast.color}', - checkedHoverBackground: '{primary.contrast.color}' - }, root: { width: '2.5rem', height: '1.5rem', @@ -26,6 +18,15 @@ export default { background: '{form.field.background}', hoverBackground: '{form.field.background}', checkedBackground: '{primary.color}', - checkedHoverBackground: '{primary.color}' + checkedHoverBackground: '{primary.color}', + transitionDuration: '{form.field.transition.duration}' + }, + handle: { + borderRadius: '50%', + size: '1rem', + background: '{form.field.border.color}', + hoverBackground: '{form.field.border.color}', + checkedBackground: '{primary.contrast.color}', + checkedHoverBackground: '{primary.contrast.color}' } }; diff --git a/components/lib/themes/nora/tree/index.js b/components/lib/themes/nora/tree/index.js index f654ae084..a4d0d51ab 100644 --- a/components/lib/themes/nora/tree/index.js +++ b/components/lib/themes/nora/tree/index.js @@ -4,7 +4,8 @@ export default { color: '{content.color}', padding: '1rem', gap: '2px', - indent: '1rem' + indent: '1rem', + transitionDuration: '{transition.duration}' }, node: { padding: '0.25rem 0.5rem', diff --git a/components/lib/themes/nora/treeselect/index.js b/components/lib/themes/nora/treeselect/index.js index 5af96f6ea..fb63191d2 100644 --- a/components/lib/themes/nora/treeselect/index.js +++ b/components/lib/themes/nora/treeselect/index.js @@ -21,7 +21,8 @@ export default { color: '{form.field.focus.ring.color}', offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' - } + }, + transitionDuration: '{form.field.transition.duration}' }, dropdown: { width: '2.5rem', diff --git a/components/lib/themes/nora/treetable/index.js b/components/lib/themes/nora/treetable/index.js index 5cb3c456e..7144b9700 100644 --- a/components/lib/themes/nora/treetable/index.js +++ b/components/lib/themes/nora/treetable/index.js @@ -1,4 +1,7 @@ export default { + root: { + transitionDuration: '{transition.duration}' + }, header: { background: '{content.background}', borderColor: '{treetable.border.color}', diff --git a/components/lib/tieredmenu/style/TieredMenuStyle.js b/components/lib/tieredmenu/style/TieredMenuStyle.js index 41ae47216..44bbeb87c 100644 --- a/components/lib/tieredmenu/style/TieredMenuStyle.js +++ b/components/lib/tieredmenu/style/TieredMenuStyle.js @@ -36,7 +36,7 @@ const theme = ({ dt }) => ` } .p-tieredmenu-item-content { - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}; + transition: background ${dt('tieredmenu.transition.duration')}, color ${dt('tieredmenu.transition.duration')}; border-radius: ${dt('tieredmenu.item.border.radius')}; color: ${dt('tieredmenu.item.color')}; } diff --git a/components/lib/toast/style/ToastStyle.js b/components/lib/toast/style/ToastStyle.js index cc90694ee..5147eedb1 100644 --- a/components/lib/toast/style/ToastStyle.js +++ b/components/lib/toast/style/ToastStyle.js @@ -54,7 +54,7 @@ const theme = ({ dt }) => ` position: relative; cursor: pointer; background: transparent; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('toast.transition.duration')}, color ${dt('toast.transition.duration')}, outline-color ${dt('toast.transition.duration')}, box-shadow ${dt('toast.transition.duration')}; outline-color: transparent; color: inherit; width: ${dt('toast.close.button.width')}; diff --git a/components/lib/togglebutton/style/ToggleButtonStyle.js b/components/lib/togglebutton/style/ToggleButtonStyle.js index 76e8897bc..b84a1d424 100644 --- a/components/lib/togglebutton/style/ToggleButtonStyle.js +++ b/components/lib/togglebutton/style/ToggleButtonStyle.js @@ -16,7 +16,7 @@ const theme = ({ dt }) => ` font-size: 1rem; font-family: inherit; font-feature-settings: inherit; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('togglebutton.transition.duration')}, color ${dt('togglebutton.transition.duration')}, border-color ${dt('togglebutton.transition.duration')}, outline-color ${dt('togglebutton.transition.duration')}, box-shadow ${dt('togglebutton.transition.duration')}; border-radius: ${dt('togglebutton.border.radius')}; outline-color: transparent; font-weight: ${dt('togglebutton.font.weight')}; @@ -39,7 +39,7 @@ const theme = ({ dt }) => ` .p-togglebutton::before { content: ""; background: transparent; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('togglebutton.transition.duration')}, color ${dt('togglebutton.transition.duration')}, border-color ${dt('togglebutton.transition.duration')}, outline-color ${dt('togglebutton.transition.duration')}, box-shadow ${dt('togglebutton.transition.duration')}; position: absolute; left: ${dt('togglebutton.content.left')}; top: ${dt('togglebutton.content.top')}; diff --git a/components/lib/toggleswitch/style/ToggleSwitchStyle.js b/components/lib/toggleswitch/style/ToggleSwitchStyle.js index b13648d92..81a866c8f 100644 --- a/components/lib/toggleswitch/style/ToggleSwitchStyle.js +++ b/components/lib/toggleswitch/style/ToggleSwitchStyle.js @@ -34,7 +34,7 @@ const theme = ({ dt }) => ` border-style: solid; border-color: ${dt('toggleswitch.border.color')}; background: ${dt('toggleswitch.background')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, border-color ${dt('toggleswitch.transition.duration')}, outline-color ${dt('toggleswitch.transition.duration')}, box-shadow ${dt('toggleswitch.transition.duration')}; border-radius: ${dt('toggleswitch.border.radius')}; outline-color: transparent; box-shadow: ${dt('toggleswitch.shadow')}; @@ -50,7 +50,7 @@ const theme = ({ dt }) => ` left: ${dt('toggleswitch.gap')}; margin-top: calc(-1 * calc(${dt('toggleswitch.handle.size')} / 2)); border-radius: ${dt('toggleswitch.handle.border.radius')}; - transition: all ${dt('transition.duration')}; + transition: all ${dt('toggleswitch.transition.duration')}; } .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider { diff --git a/components/lib/tree/style/TreeStyle.js b/components/lib/tree/style/TreeStyle.js index b4a9993de..4790dc0d1 100644 --- a/components/lib/tree/style/TreeStyle.js +++ b/components/lib/tree/style/TreeStyle.js @@ -37,7 +37,7 @@ const theme = ({ dt }) => ` outline-color: transparent; color: ${dt('tree.node.color')}; gap: ${dt('tree.node.gap')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('tree.transition.duration')}, color ${dt('tree.transition.duration')}, outline-color ${dt('tree.transition.duration')}, box-shadow ${dt('tree.transition.duration')}; } .p-tree-node:focus-visible > .p-tree-node-content { @@ -79,7 +79,7 @@ const theme = ({ dt }) => ` border: 0 none; background: transparent; border-radius: ${dt('tree.node.toggle.button.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('tree.transition.duration')}, color ${dt('tree.transition.duration')}, border-color ${dt('tree.transition.duration')}, outline-color ${dt('tree.transition.duration')}, box-shadow ${dt('tree.transition.duration')}; outline-color: transparent; padding: 0; } @@ -109,7 +109,7 @@ const theme = ({ dt }) => ` .p-tree-node-icon { color: ${dt('tree.node.icon.color')}; - transition: color ${dt('transition.duration')}; + transition: color ${dt('tree.transition.duration')}; } .p-tree-node-content.p-tree-node-selected .p-tree-node-icon { diff --git a/components/lib/treeselect/style/TreeSelectStyle.js b/components/lib/treeselect/style/TreeSelectStyle.js index 59bb6f1e2..064f6b83d 100644 --- a/components/lib/treeselect/style/TreeSelectStyle.js +++ b/components/lib/treeselect/style/TreeSelectStyle.js @@ -8,7 +8,7 @@ const theme = ({ dt }) => ` user-select: none; background: ${dt('treeselect.background')}; border: 1px solid ${dt('treeselect.border.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('treeselect.transition.duration')}, color ${dt('treeselect.transition.duration')}, border-color ${dt('treeselect.transition.duration')}, outline-color ${dt('treeselect.transition.duration')}, box-shadow ${dt('treeselect.transition.duration')}; border-radius: ${dt('treeselect.border.radius')}; outline-color: transparent; box-shadow: ${dt('treeselect.shadow')}; diff --git a/components/lib/treetable/style/TreeTableStyle.js b/components/lib/treetable/style/TreeTableStyle.js index 1cb363214..a2f373a2e 100644 --- a/components/lib/treetable/style/TreeTableStyle.js +++ b/components/lib/treetable/style/TreeTableStyle.js @@ -155,14 +155,14 @@ const theme = ({ dt }) => ` border-width: 0 0 1px 0; color: ${dt('treetable.header.cell.color')}; font-weight: ${dt('treetable.header.font.weight')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('treetable.transition.duration')}, color ${dt('treetable.transition.duration')}, border-color ${dt('treetable.transition.duration')}, outline-color ${dt('treetable.transition.duration')}, box-shadow ${dt('treetable.transition.duration')}; } .p-treetable-tbody > tr { outline-color: transparent; background: ${dt('treetable.row.background')}; color: ${dt('treetable.row.color')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('treetable.transition.duration')}, color ${dt('treetable.transition.duration')}, border-color ${dt('treetable.transition.duration')}, outline-color ${dt('treetable.transition.duration')}, box-shadow ${dt('treetable.transition.duration')}; } .p-treetable-tbody > tr > td { @@ -224,7 +224,7 @@ const theme = ({ dt }) => ` .p-treetable-sort-icon { color: ${dt('treetable.sort.icon.color')}; - transition: color ${dt('transition.duration')}; + transition: color ${dt('treetable.transition.duration')}; } .p-treetable-sortable-column:not(.p-treetable-column-sorted):hover { @@ -392,7 +392,7 @@ p-treetable-gridlines .p-treetable-tbody > tr:last-child > td { background: transparent; cursor: pointer; border-radius: ${dt('treetable.node.toggle.button.border.radius')}; - transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}; + transition: background ${dt('treetable.transition.duration')}, color ${dt('treetable.transition.duration')}, border-color ${dt('treetable.transition.duration')}, outline-color ${dt('treetable.transition.duration')}, box-shadow ${dt('treetable.transition.duration')}; outline-color: transparent; user-select: none; }