@salutejs/plasma-new-hope 0.196.0-canary.1585.11968062641.0 → 0.196.1-canary.1577.11970384401.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +2 -1
- package/cjs/components/Calendar/Calendar.tokens.js +2 -1
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_uzh6dj.css → DateStructureItem.styles_1nxfztn.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +5 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/{es/components/Combobox/ComboboxNew/Combobox.styles_7wj22s.css → cjs/components/Combobox/ComboboxNew/Combobox.styles_18a8p75.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +5 -4
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +5 -4
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +6 -5
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -5
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +6 -5
- package/cjs/components/Dropdown/Dropdown.css +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_dh7ns1.css +2 -0
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +1 -1
- package/cjs/components/Pagination/Pagination.css +3 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -2
- package/cjs/components/Range/Range.css +2 -1
- package/cjs/components/Select/Select.css +3 -2
- package/cjs/components/Select/Select.styles.js +1 -1
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/{es/components/Select/Select.styles_1mmlpo3.css → cjs/components/Select/Select.styles_1p5c9p3.css} +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +3 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +3 -2
- package/cjs/components/Select/ui/Target/Target.css +2 -1
- package/cjs/components/Select/ui/Target/Target.js +2 -1
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Slider/Slider.css +2 -1
- package/cjs/components/Slider/components/Double/Double.css +2 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -1
- package/cjs/components/TextField/TextField.js +7 -4
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +2 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +17 -3
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +7 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1y8n7la.css → TextFieldChip.styles_1yosnxc.css} +1 -0
- package/cjs/index.css +11 -10
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +2 -1
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +6 -6
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +3 -3
- package/emotion/cjs/components/Select/Select.styles.js +3 -3
- package/emotion/cjs/components/Select/ui/Target/Target.js +2 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/emotion/cjs/components/TextField/TextField.js +8 -5
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +13 -3
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +17 -3
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +12 -3
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/emotion/es/components/Calendar/Calendar.tokens.js +2 -1
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +6 -6
- package/emotion/es/components/Dropdown/Dropdown.styles.js +3 -3
- package/emotion/es/components/Select/Select.styles.js +3 -3
- package/emotion/es/components/Select/ui/Target/Target.js +2 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/emotion/es/components/TextField/TextField.js +8 -5
- package/emotion/es/components/TextField/TextField.template-doc.mdx +13 -3
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +18 -4
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +11 -2
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/es/components/Autocomplete/Autocomplete.css +2 -1
- package/es/components/Calendar/Calendar.tokens.js +2 -1
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_uzh6dj.css → DateStructureItem.styles_1nxfztn.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +5 -4
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/{cjs/components/Combobox/ComboboxNew/Combobox.styles_7wj22s.css → es/components/Combobox/ComboboxNew/Combobox.styles_18a8p75.css} +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +5 -4
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +5 -4
- package/es/components/Combobox/ComboboxOld/Combobox.css +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +6 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -5
- package/es/components/DatePicker/SingleDate/SingleDate.css +6 -5
- package/es/components/Dropdown/Dropdown.css +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +1 -1
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles_dh7ns1.css +2 -0
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +1 -1
- package/es/components/Pagination/Pagination.css +3 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -2
- package/es/components/Range/Range.css +2 -1
- package/es/components/Select/Select.css +3 -2
- package/es/components/Select/Select.styles.js +1 -1
- package/es/components/Select/Select.styles.js.map +1 -1
- package/{cjs/components/Select/Select.styles_1mmlpo3.css → es/components/Select/Select.styles_1p5c9p3.css} +1 -1
- package/es/components/Select/ui/Inner/Inner.css +3 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.css +3 -2
- package/es/components/Select/ui/Target/Target.css +2 -1
- package/es/components/Select/ui/Target/Target.js +2 -1
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Slider/Slider.css +2 -1
- package/es/components/Slider/components/Double/Double.css +2 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -1
- package/es/components/TextField/TextField.js +7 -4
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +2 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +18 -4
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +7 -2
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1y8n7la.css → TextFieldChip.styles_1yosnxc.css} +1 -0
- package/es/index.css +11 -10
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +2 -1
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +1 -1
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.styles.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/Target.js +2 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/styled-components/cjs/components/TextField/TextField.js +7 -4
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +13 -3
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +17 -3
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +10 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/styled-components/es/components/Calendar/Calendar.tokens.js +2 -1
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +1 -1
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +1 -1
- package/styled-components/es/components/Select/Select.styles.js +1 -1
- package/styled-components/es/components/Select/ui/Target/Target.js +2 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
- package/styled-components/es/components/TextField/TextField.js +7 -4
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +13 -3
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +18 -4
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +9 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/types/components/Autocomplete/Autocomplete.types.d.ts +3 -2
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.tokens.d.ts +1 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +6 -0
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +16 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +7 -2
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +16 -0
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +16 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +8 -0
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +1 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +5 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +553 -3
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -0
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +553 -3
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -0
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +6 -0
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_1ljmphy.css +0 -2
- package/es/components/Dropdown/Dropdown.styles_1ljmphy.css +0 -2
package/es/index.css
CHANGED
@@ -197,7 +197,8 @@
|
|
197
197
|
|
198
198
|
.TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
199
199
|
|
200
|
-
.
|
200
|
+
.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb.TextFieldChip_styles_1yosnxc_focusVisible__b8a89acb:focus::before,.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
201
|
+
.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb.TextFieldChip_styles_1yosnxc_focusVisible__b8a89acb:focus::before,.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb:after{content:',';}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb:last-child:after{content:'';}
|
201
202
|
|
202
203
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
203
204
|
|
@@ -292,10 +293,10 @@
|
|
292
293
|
.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
293
294
|
.CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
|
294
295
|
|
295
|
-
.
|
296
|
-
.
|
297
|
-
.
|
298
|
-
.
|
296
|
+
.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
|
297
|
+
.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
|
298
|
+
.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
299
|
+
.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
299
300
|
|
300
301
|
.CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
301
302
|
.CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}
|
@@ -380,7 +381,7 @@
|
|
380
381
|
|
381
382
|
.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec,.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec > div{width:var(--s1ewnow2-0);height:var(--s1ewnow2-1);}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
|
382
383
|
|
383
|
-
.
|
384
|
+
.Dropdown_styles_dh7ns1_un7uamp__98d418d8{box-sizing:border-box;width:var(--un7uamp-0);height:var(--un7uamp-1);margin:var(--un7uamp-2);padding:var(--plasma-dropdown-padding) 0;overflow:var(--un7uamp-3);background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-dropdown-border-radius);border:var(--plasma-dropdown-border-width) solid var(--plasma-dropdown-border-color);}
|
384
385
|
|
385
386
|
|
386
387
|
.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
|
@@ -579,11 +580,11 @@
|
|
579
580
|
|
580
581
|
.Target_styles_16ltv0e_s1wiuml6__f4e1732c{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-clear-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield-placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-combobox-new-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-combobox-new-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-combobox-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-combobox-new-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-combobox-new-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-combobox-new-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-combobox-new-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-combobox-new-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-combobox-new-textfield-content-right-slot-color-active);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-combobox-new-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-combobox-new-textfield-title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-combobox-new-textfield-title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-combobox-new-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-combobox-new-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-combobox-new-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-combobox-new-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-combobox-new-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-combobox-new-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-combobox-new-textfield-title-caption-line-height);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-combobox-new-textfield-chip-scale-hover);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-combobox-new-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-combobox-new-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-combobox-new-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-combobox-new-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-readonly);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__indicator-color:var(--plasma-combobox-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-combobox-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-combobox-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-combobox-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-combobox-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-combobox-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-combobox-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right);}
|
581
582
|
|
582
|
-
.
|
583
|
-
.
|
583
|
+
.Combobox_styles_18a8p75_uxiiees__ba048029{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.Combobox_styles_18a8p75_uxiiees__ba048029 .Combobox_styles_18a8p75_comboboxEmptyStateWrapper__ba048029{box-shadow:none;}
|
584
|
+
.Combobox_styles_18a8p75_i1veo3wn__ba048029{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1veo3wn-0);}.Combobox_styles_18a8p75_i1veo3wn__ba048029 .Combobox_styles_18a8p75_arrowInverse__ba048029{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_18a8p75_i1veo3wn__ba048029:hover,.Combobox_styles_18a8p75_i1veo3wn__ba048029:active{color:var(--i1veo3wn-1);}
|
584
585
|
|
585
586
|
|
586
|
-
.
|
587
|
+
.Combobox_styles_18a8p75_s11cn92k__ba048029{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
|
587
588
|
|
588
589
|
.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
|
589
590
|
|
@@ -628,7 +629,7 @@
|
|
628
629
|
.Textfield_styles_1b7iij0_i7x5udn__18547d95{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1b7iij0_i7x5udn__18547d95 .Textfield_styles_1b7iij0_arrowInverse__18547d95{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1b7iij0_i7x5udn__18547d95:hover,.Textfield_styles_1b7iij0_i7x5udn__18547d95:active{color:var(--i7x5udn-1);}
|
629
630
|
|
630
631
|
|
631
|
-
.
|
632
|
+
.Select_styles_1p5c9p3_upxbau6__28c8cedc{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);height:var(--upxbau6-1);overflow:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
|
632
633
|
|
633
634
|
|
634
635
|
.base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.196.
|
3
|
+
"version": "0.196.1-canary.1577.11970384401.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -129,5 +129,5 @@
|
|
129
129
|
"sideEffects": [
|
130
130
|
"*.css"
|
131
131
|
],
|
132
|
-
"gitHead": "
|
132
|
+
"gitHead": "9d2b425ea375262a0c1e869efd52ad35017af99e"
|
133
133
|
}
|
@@ -129,5 +129,6 @@ var tokens = exports.tokens = {
|
|
129
129
|
calendarRangeBackground: '--plasma-calendar-range-background',
|
130
130
|
calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
|
131
131
|
calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
|
132
|
-
calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
|
132
|
+
calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
|
133
|
+
calendarDisabledOpacity: '--plasma-calendar-disabled-opacity'
|
133
134
|
};
|
package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js
CHANGED
@@ -25,7 +25,7 @@ var StyledItem = exports.StyledItem = /*#__PURE__*/_styledComponents["default"].
|
|
25
25
|
return "".concat(offset, "px");
|
26
26
|
});
|
27
27
|
var disabledItem = function disabledItem() {
|
28
|
-
return "\n cursor: not-allowed;\n opacity:
|
28
|
+
return "\n cursor: not-allowed;\n opacity: var(".concat(_Calendar.tokens.calendarDisabledOpacity, ");\n");
|
29
29
|
};
|
30
30
|
var disabledCurrentItem = function disabledCurrentItem() {
|
31
31
|
return "\n ".concat(disabledItem(), ";\n");
|
@@ -16,7 +16,7 @@ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_EmptyState.emptyState
|
|
16
16
|
var EmptyState = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
17
17
|
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
18
18
|
componentId: "plasma-new-hope__sc-2kddkg-0"
|
19
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";
|
19
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.borderRadius, function (_ref) {
|
20
20
|
var listWidth = _ref.listWidth;
|
21
21
|
return listWidth || '100%';
|
22
22
|
}, function (_ref2) {
|
@@ -12,7 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
13
|
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
14
14
|
componentId: "plasma-new-hope__sc-13ezpo5-0"
|
15
|
-
})(["box-sizing:border-box;width:", ";
|
15
|
+
})(["box-sizing:border-box;width:", ";height:", ";margin:", ";padding:var(", ") 0;overflow:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");border:var(", ") solid var(", ");"], function (_ref) {
|
16
16
|
var listWidth = _ref.listWidth;
|
17
17
|
return listWidth || "var(".concat(_Dropdown.tokens.width, ")");
|
18
18
|
}, function (_ref2) {
|
@@ -12,7 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
13
|
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
14
14
|
componentId: "plasma-new-hope__sc-le54jv-0"
|
15
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);border-radius:var(", ");width:", ";
|
15
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:calc(var(", ") + var(", ",0rem)) 0;"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.dropdownBorderWidth, _Select.tokens.dropdownBorderColor, _Select.tokens.borderRadius, function (_ref) {
|
16
16
|
var listWidth = _ref.listWidth;
|
17
17
|
return listWidth || '100%';
|
18
18
|
}, function (_ref2) {
|
@@ -82,6 +82,7 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
|
|
82
82
|
onChange: onChange,
|
83
83
|
labelToItemMap: labelToItemMap,
|
84
84
|
chipView: chipView,
|
85
|
-
requiredProps: requiredProps
|
85
|
+
requiredProps: requiredProps,
|
86
|
+
chipType: selectProps.chipType
|
86
87
|
});
|
87
88
|
});
|
@@ -42,7 +42,8 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
42
42
|
onChange = _ref.onChange,
|
43
43
|
labelToItemMap = _ref.labelToItemMap,
|
44
44
|
chipView = _ref.chipView,
|
45
|
-
requiredProps = _ref.requiredProps
|
45
|
+
requiredProps = _ref.requiredProps,
|
46
|
+
chipType = _ref.chipType;
|
46
47
|
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
47
48
|
var getChips = function getChips() {
|
48
49
|
if (multiselect && Array.isArray(value)) {
|
@@ -113,7 +114,8 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
113
114
|
}, multiselect ? {
|
114
115
|
enumerationType: 'chip',
|
115
116
|
chips: getChips(),
|
116
|
-
onChangeChips: handleChipsChange
|
117
|
+
onChangeChips: handleChipsChange,
|
118
|
+
chipType: chipType
|
117
119
|
} : {
|
118
120
|
enumerationType: 'plain'
|
119
121
|
}, {
|
@@ -23,7 +23,7 @@ var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
|
|
23
23
|
var _ui = /*#__PURE__*/require("./ui");
|
24
24
|
var _hooks2 = /*#__PURE__*/require("./hooks");
|
25
25
|
var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
|
26
|
-
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
26
|
+
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "chipType", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
27
27
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
28
28
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
29
29
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -86,6 +86,8 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
86
86
|
hasDivider = _ref.hasDivider,
|
87
87
|
outerValue = _ref.value,
|
88
88
|
values = _ref.chips,
|
89
|
+
_ref$chipType = _ref.chipType,
|
90
|
+
chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
|
89
91
|
onChange = _ref.onChange,
|
90
92
|
onChangeChips = _ref.onChangeChips,
|
91
93
|
onSearch = _ref.onSearch,
|
@@ -134,8 +136,8 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
134
136
|
var requiredPlacementClass = requiredPlacement === 'right' ? _TextField2.classes.requiredAlignRight : undefined;
|
135
137
|
var labelPlacementClass = innerLabelPlacementValue ? _TextField2.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
|
136
138
|
var hasValueClass = hasValue ? _TextField2.classes.hasValue : undefined;
|
137
|
-
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? _TextField2.classes.hasEmptyContentLeft : undefined;
|
138
|
-
var wrapperWithoutRightContent = !contentRight && isChipsVisible ? _TextField2.classes.hasEmptyContentRight : undefined;
|
139
|
+
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible && chipType === 'default' ? _TextField2.classes.hasEmptyContentLeft : undefined;
|
140
|
+
var wrapperWithoutRightContent = !contentRight && isChipsVisible && chipType === 'default' ? _TextField2.classes.hasEmptyContentRight : undefined;
|
139
141
|
var hintRef = (0, _hooks.useOutsideClick)(function () {
|
140
142
|
setIsHintVisible(false);
|
141
143
|
});
|
@@ -326,7 +328,8 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
326
328
|
onClear: function onClear() {
|
327
329
|
return onChipClear(chipId, index);
|
328
330
|
},
|
329
|
-
onClick: onChipClick
|
331
|
+
onClick: onChipClick,
|
332
|
+
chipType: chipType
|
330
333
|
// TODO: #1547
|
331
334
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
332
335
|
// @ts-ignore
|
@@ -62,7 +62,7 @@ export function App() {
|
|
62
62
|
```
|
63
63
|
|
64
64
|
### Статус поля
|
65
|
-
Статус поля задается с помощью свойства `status`.
|
65
|
+
Статус поля задается с помощью свойства `status`.
|
66
66
|
Возможные значения свойства: `success`, `warning` и `error`.
|
67
67
|
На отображение TextField так же влияют свойства `clear` и `hasDivider`:
|
68
68
|
|
@@ -150,7 +150,7 @@ export function App() {
|
|
150
150
|
```
|
151
151
|
|
152
152
|
### Режим ввода
|
153
|
-
С помощью свойства `enumerationType` можно вводить элементы как теги.
|
153
|
+
С помощью свойства `enumerationType` можно вводить элементы как теги. Свойство `chipType` изменяет внешний вид чипа.
|
154
154
|
По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
|
155
155
|
|
156
156
|
```tsx live
|
@@ -166,7 +166,17 @@ export function App() {
|
|
166
166
|
size="l"
|
167
167
|
enumerationType="chip"
|
168
168
|
helperText="Подсказка снизу"
|
169
|
-
|
169
|
+
chips={["Значение 1"]}
|
170
|
+
/>
|
171
|
+
|
172
|
+
<TextField
|
173
|
+
placeholder="Введите значение"
|
174
|
+
defaultValue="Значение"
|
175
|
+
size="l"
|
176
|
+
enumerationType="chip"
|
177
|
+
helperText="Подсказка снизу"
|
178
|
+
chips={["Значение 1"]}
|
179
|
+
chipType="text"
|
170
180
|
/>
|
171
181
|
</div>
|
172
182
|
);
|
@@ -20,14 +20,23 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
|
|
20
20
|
onClick = _ref.onClick,
|
21
21
|
onClear = _ref.onClear,
|
22
22
|
onKeyDown = _ref.onKeyDown,
|
23
|
-
_forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly
|
23
|
+
_forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
|
24
|
+
chipType = _ref.chipType;
|
24
25
|
var onClearHandle = function onClearHandle() {
|
25
26
|
return onClear(id);
|
26
27
|
};
|
27
28
|
var onKeyDownHandle = function onKeyDownHandle(event) {
|
28
29
|
onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
|
29
30
|
};
|
30
|
-
|
31
|
+
var handleClick = function handleClick(e) {
|
32
|
+
if (onClick) {
|
33
|
+
onClick(e);
|
34
|
+
}
|
35
|
+
if (onClear) {
|
36
|
+
onClear(id);
|
37
|
+
}
|
38
|
+
};
|
39
|
+
return chipType === 'default' ? /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
|
31
40
|
ref: ref,
|
32
41
|
tabIndex: -1,
|
33
42
|
disabled: disabled,
|
@@ -41,5 +50,10 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
|
|
41
50
|
// @ts-ignore
|
42
51
|
,
|
43
52
|
_forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
|
44
|
-
})
|
53
|
+
}) : /*#__PURE__*/_react["default"].createElement(_TextFieldChip.TextChip, {
|
54
|
+
ref: ref,
|
55
|
+
tabIndex: -1,
|
56
|
+
onClick: handleClick,
|
57
|
+
onKeyDown: onKeyDownHandle
|
58
|
+
}, text);
|
45
59
|
});
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.StyledChip = void 0;
|
6
|
+
exports.TextChip = exports.StyledChip = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Chip = /*#__PURE__*/require("../../../Chip");
|
9
9
|
var _engines = /*#__PURE__*/require("../../../../engines");
|
@@ -22,4 +22,12 @@ var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["defaul
|
|
22
22
|
outlineSize: '0.0625rem',
|
23
23
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
|
24
24
|
outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
|
25
|
-
}), _TextField.tokens.chipOpacityReadonly);
|
25
|
+
}), _TextField.tokens.chipOpacityReadonly);
|
26
|
+
var TextChip = exports.TextChip = /*#__PURE__*/_styledComponents["default"].button.withConfig({
|
27
|
+
componentId: "plasma-new-hope__sc-1mypbcr-1"
|
28
|
+
})(["display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");", " &:after{content:',';}&:last-child{&:after{content:'';}}"], _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField.tokens.color, /*#__PURE__*/(0, _mixins.addFocus)({
|
29
|
+
outlineOffset: '0.0625rem',
|
30
|
+
outlineSize: '0.0625rem',
|
31
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
|
32
|
+
outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
|
33
|
+
}));
|
package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js
CHANGED
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
17
17
|
},
|
18
18
|
size: {
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js
CHANGED
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
17
17
|
},
|
18
18
|
size: {
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":51.063rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
@@ -104,6 +104,11 @@ const meta: Meta<StorySelectProps> = {
|
|
104
104
|
},
|
105
105
|
if: { arg: 'required', truthy: false },
|
106
106
|
},
|
107
|
+
chipType: {
|
108
|
+
control: 'select',
|
109
|
+
options: ['default', 'text'],
|
110
|
+
if: { arg: 'target', eq: 'textfield-like' },
|
111
|
+
},
|
107
112
|
},
|
108
113
|
args: {
|
109
114
|
target: 'textfield-like',
|
@@ -121,6 +126,7 @@ const meta: Meta<StorySelectProps> = {
|
|
121
126
|
optional: false,
|
122
127
|
required: false,
|
123
128
|
requiredPlacement: 'right',
|
129
|
+
chipType: 'default',
|
124
130
|
},
|
125
131
|
parameters: {
|
126
132
|
controls: {
|
@@ -144,6 +150,7 @@ const meta: Meta<StorySelectProps> = {
|
|
144
150
|
'optional',
|
145
151
|
'required',
|
146
152
|
'requiredPlacement',
|
153
|
+
'chipType',
|
147
154
|
],
|
148
155
|
},
|
149
156
|
},
|
@@ -382,7 +389,7 @@ const SingleStory = (args: StorySelectProps) => {
|
|
382
389
|
export const Single: StoryObj<StorySelectProps> = {
|
383
390
|
parameters: {
|
384
391
|
controls: {
|
385
|
-
exclude: ['chipView', 'isTargetAmount'],
|
392
|
+
exclude: ['chipView', 'isTargetAmount', 'chipType'],
|
386
393
|
},
|
387
394
|
},
|
388
395
|
render: (args) => <SingleStory {...args} />,
|
package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx
CHANGED
@@ -134,6 +134,10 @@ const meta: Meta<typeof TextField> = {
|
|
134
134
|
control: { type: 'text' },
|
135
135
|
if: { arg: 'hasHint', truthy: true },
|
136
136
|
},
|
137
|
+
chipType: {
|
138
|
+
control: 'select',
|
139
|
+
options: ['default', 'text'],
|
140
|
+
},
|
137
141
|
},
|
138
142
|
};
|
139
143
|
|
@@ -233,6 +237,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
233
237
|
hintWidth: '10rem',
|
234
238
|
hintHasArrow: true,
|
235
239
|
},
|
240
|
+
parameters: {
|
241
|
+
controls: {
|
242
|
+
exclude: ['chipType'],
|
243
|
+
},
|
244
|
+
},
|
236
245
|
render: (args) => <StoryDemo {...args} />,
|
237
246
|
};
|
238
247
|
|
@@ -288,6 +297,7 @@ export const Chips: StoryObj<StoryPropsChips> = {
|
|
288
297
|
args: {
|
289
298
|
...Default.args,
|
290
299
|
chips: ['1 value', '2 value', '3 value', '4 value'],
|
300
|
+
chipType: 'default',
|
291
301
|
},
|
292
302
|
render: (args) => <StoryChips {...args} />,
|
293
303
|
};
|
package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js
CHANGED
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
17
17
|
},
|
18
18
|
size: {
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|