vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Format fixes

pull/5806/head
mertsincan 2024-05-27 00:38:39 +03:00
parent f8437d1481
commit 84b5e32d09
19 changed files with 90 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/accordion/style/AccordionStyle.js
View File

@ -23,7 +23,9 @@ 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('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')};
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;
}

8
components/lib/autocomplete/style/AutoCompleteStyle.js
View File

@ -44,7 +44,9 @@ const theme = ({ dt }) => `
border: 1px solid ${dt('autocomplete.dropdown.border.color')};
border-left: 0 none;
color: ${dt('autocomplete.dropdown.color')};
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')};
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;
}
@ -144,7 +146,9 @@ const theme = ({ dt }) => `
border: 1px solid ${dt('autocomplete.border.color')};
border-radius: ${dt('autocomplete.border.radius')};
width: 100%;
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')};
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')};
}

8
components/lib/cascadeselect/style/CascadeSelectStyle.js
View File

@ -8,7 +8,9 @@ const theme = ({ dt }) => `
user-select: none;
background: ${dt('cascadeselect.background')};
border: 1px solid ${dt('cascadeselect.border.color')};
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')};
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 +132,9 @@ const theme = ({ dt }) => `
border: 0 none;
color: ${dt('cascadeselect.option.color')};
background: transparent;
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')};
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')};
}

4
components/lib/checkbox/style/CheckboxStyle.js
View File

@ -36,7 +36,9 @@ const theme = ({ dt }) => `
background: ${dt('checkbox.background')};
width: ${dt('checkbox.width')};
height: ${dt('checkbox.width')};
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')};
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')};
}

4
components/lib/colorpicker/style/ColorPickerStyle.js
View File

@ -16,7 +16,9 @@ const theme = ({ dt }) => `
padding: 0;
border: 0 none;
border-radius: ${dt('colorpicker.preview.border.radius')};
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')};
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;
}

16
components/lib/datepicker/style/DatePickerStyle.js
View File

@ -125,7 +125,9 @@ const theme = ({ dt }) => `
margin: 0;
cursor: pointer;
font-weight: inherit;
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')};
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 +203,9 @@ const theme = ({ dt }) => `
width: ${dt('datepicker.date.width')};
height: ${dt('datepicker.date.height')};
border-radius: ${dt('datepicker.date.border.radius')};
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')};
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 +250,9 @@ const theme = ({ dt }) => `
overflow: hidden;
position: relative;
padding: ${dt('datepicker.date.padding')};
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')};
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 +287,9 @@ const theme = ({ dt }) => `
overflow: hidden;
position: relative;
padding: ${dt('datepicker.date.padding')};
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')};
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')};

4
components/lib/inputchips/style/InputChipsStyle.js
View File

@ -20,7 +20,9 @@ const theme = ({ dt }) => `
border: 1px solid ${dt('inputchips.border.color')};
border-radius: ${dt('inputchips.border.radius')};
width: 100%;
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')};
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')};
}

4
components/lib/inputtext/style/InputTextStyle.js
View File

@ -9,7 +9,9 @@ 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('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')};
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;

8
components/lib/multiselect/style/MultiSelectStyle.js
View File

@ -8,7 +8,9 @@ const theme = ({ dt }) => `
user-select: none;
background: ${dt('multiselect.background')};
border: 1px solid ${dt('multiselect.border.color')};
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')};
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 +147,9 @@ const theme = ({ dt }) => `
border: 0 none;
color: ${dt('multiselect.option.color')};
background: transparent;
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')};
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')}
}

4
components/lib/organizationchart/style/OrganizationChartStyle.js
View File

@ -57,7 +57,9 @@ const theme = ({ dt }) => `
justify-content: center;
align-items: center;
outline-color: transparent;
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')};
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 {

4
components/lib/radiobutton/style/RadioButtonStyle.js
View File

@ -36,7 +36,9 @@ const theme = ({ dt }) => `
background: ${dt('radiobutton.background')};
width: ${dt('radiobutton.width')};
height: ${dt('radiobutton.height')};
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')};
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')};
}

8
components/lib/rating/style/RatingStyle.js
View File

@ -15,7 +15,9 @@ const theme = ({ dt }) => `
outline-color: transparent;
border-radius: 50%;
cursor: pointer;
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')};
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 +28,9 @@ const theme = ({ dt }) => `
.p-rating-icon {
color: ${dt('rating.icon.color')};
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')};
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')};

4
components/lib/slider/style/SliderStyle.js
View File

@ -17,7 +17,9 @@ const theme = ({ dt }) => `
width: ${dt('slider.handle.width')};
background: ${dt('slider.handle.background')};
border-radius: ${dt('slider.handle.border.radius')};
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')};
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;
}

12
components/lib/stepper/style/StepperStyle.js
View File

@ -31,7 +31,9 @@ const theme = ({ dt }) => `
align-items: center;
text-decoration: none;
cursor: pointer;
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')};
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 +59,9 @@ const theme = ({ dt }) => `
max-width: 100%;
color: ${dt('stepper.item.title.color')};
font-weight: ${dt('stepper.item.title.font.weight')};
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')};
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 {
@ -114,7 +118,9 @@ const theme = ({ dt }) => `
background: ${dt('stepper.separator.background')};
width: 100%;
height: ${dt('stepper.separator.size')};
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')};
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 {

8
components/lib/tabmenu/style/TabMenuStyle.js
View File

@ -32,7 +32,9 @@ const theme = ({ dt }) => `
color: ${dt('tabmenu.item.color')};
padding: ${dt('tabmenu.item.padding')};
font-weight: ${dt('tabmenu.item.font.weight')};
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')};
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 +49,9 @@ const theme = ({ dt }) => `
.p-tabmenu-item-icon {
color: ${dt('tabmenu.item.icon.color')};
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')};
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 {

4
components/lib/textarea/style/TextareaStyle.js
View File

@ -9,7 +9,9 @@ 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('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')};
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;

6
components/lib/themes/aura/datatable/index.js
View File

@ -7,7 +7,7 @@ export default {
borderColor: '{datatable.border.color}',
color: '{content.color}',
borderWidth: '0 0 1px 0',
padding: '0.75rem 1rem',
padding: '0.75rem 1rem'
},
headerCell: {
background: '{content.background}',
@ -28,7 +28,7 @@ export default {
}
},
columnTitle: {
fontWeight: '600',
fontWeight: '600'
},
row: {
background: '{content.background}',
@ -56,7 +56,7 @@ export default {
padding: '0.75rem 1rem'
},
columnFooter: {
fontWeight: '600',
fontWeight: '600'
},
footer: {
background: '{content.background}',

8
components/lib/togglebutton/style/ToggleButtonStyle.js
View File

@ -16,7 +16,9 @@ const theme = ({ dt }) => `
font-size: 1rem;
font-family: inherit;
font-feature-settings: inherit;
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')};
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 +41,9 @@ const theme = ({ dt }) => `
.p-togglebutton::before {
content: "";
background: transparent;
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')};
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')};

4
components/lib/treeselect/style/TreeSelectStyle.js
View File

@ -8,7 +8,9 @@ const theme = ({ dt }) => `
user-select: none;
background: ${dt('treeselect.background')};
border: 1px solid ${dt('treeselect.border.color')};
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')};
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')};