@salutejs/plasma-new-hope 0.195.2-canary.1577.11955096429.0 → 0.195.2-canary.1586.11970189580.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +1 -2
- 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 +1 -2
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -2
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +5 -6
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -6
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +5 -6
- package/cjs/components/Dropdown/FloatingPopover.js +3 -2
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +1 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -2
- package/cjs/components/Range/Range.css +1 -2
- package/cjs/components/Select/FloatingPopover.js +4 -1
- package/cjs/components/Select/FloatingPopover.js.map +1 -1
- package/cjs/components/Select/Select.css +1 -2
- package/cjs/components/Select/ui/Inner/Inner.css +1 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +1 -2
- package/cjs/components/Select/ui/Target/Target.css +1 -2
- package/cjs/components/Select/ui/Target/Target.js +1 -2
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Slider/Slider.css +1 -2
- package/cjs/components/Slider/components/Double/Double.css +1 -2
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -2
- package/cjs/components/TextField/TextField.js +4 -7
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +1 -2
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -7
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1yosnxc.css → TextFieldChip.styles_1y8n7la.css} +0 -1
- package/cjs/index.css +5 -6
- 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/FloatingPopover.js +4 -1
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +3 -2
- package/emotion/cjs/components/Select/FloatingPopover.js +4 -1
- package/emotion/cjs/components/Select/ui/Target/Target.js +1 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/emotion/cjs/components/TextField/TextField.js +5 -8
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +3 -13
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -12
- 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 +1 -8
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
- 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 +1 -8
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- 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/FloatingPopover.js +4 -1
- package/emotion/es/components/Dropdown/FloatingPopover.js +3 -2
- package/emotion/es/components/Select/FloatingPopover.js +4 -1
- package/emotion/es/components/Select/ui/Target/Target.js +1 -2
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/emotion/es/components/TextField/TextField.js +5 -8
- package/emotion/es/components/TextField/TextField.template-doc.mdx +3 -13
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -11
- 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 +1 -8
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
- 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 +1 -8
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- package/es/components/Autocomplete/Autocomplete.css +1 -2
- 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 +1 -2
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -2
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -2
- package/es/components/DatePicker/RangeDate/RangeDate.css +5 -6
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -6
- package/es/components/DatePicker/SingleDate/SingleDate.css +5 -6
- package/es/components/Dropdown/FloatingPopover.js +3 -2
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Pagination/Pagination.css +1 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -2
- package/es/components/Range/Range.css +1 -2
- package/es/components/Select/FloatingPopover.js +4 -1
- package/es/components/Select/FloatingPopover.js.map +1 -1
- package/es/components/Select/Select.css +1 -2
- package/es/components/Select/ui/Inner/Inner.css +1 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.css +1 -2
- package/es/components/Select/ui/Target/Target.css +1 -2
- package/es/components/Select/ui/Target/Target.js +1 -2
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Slider/Slider.css +1 -2
- package/es/components/Slider/components/Double/Double.css +1 -2
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -2
- package/es/components/TextField/TextField.js +4 -7
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +1 -2
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -7
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1yosnxc.css → TextFieldChip.styles_1y8n7la.css} +0 -1
- package/es/index.css +5 -6
- 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/FloatingPopover.js +4 -1
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +3 -2
- package/styled-components/cjs/components/Select/FloatingPopover.js +4 -1
- package/styled-components/cjs/components/Select/ui/Target/Target.js +1 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/styled-components/cjs/components/TextField/TextField.js +4 -7
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +3 -13
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -10
- 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 +1 -8
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
- 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 +1 -8
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- 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/FloatingPopover.js +4 -1
- package/styled-components/es/components/Dropdown/FloatingPopover.js +3 -2
- package/styled-components/es/components/Select/FloatingPopover.js +4 -1
- package/styled-components/es/components/Select/ui/Target/Target.js +1 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/styled-components/es/components/TextField/TextField.js +4 -7
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +3 -13
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -9
- 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 +1 -8
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
- 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 +1 -8
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- package/types/components/Autocomplete/Autocomplete.types.d.ts +2 -3
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -16
- 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/ui/Target/Target.styles.d.ts +0 -16
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -16
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +0 -6
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +0 -16
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +0 -5
- 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 +0 -16
- 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 +0 -16
- 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 +0 -8
- 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 +0 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +1 -5
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +3 -553
- 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 +0 -16
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +0 -6
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -16
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +3 -553
- 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 +0 -16
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +0 -6
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -16
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
@@ -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` можно вводить элементы как теги.
|
154
154
|
По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
|
155
155
|
|
156
156
|
```tsx live
|
@@ -166,17 +166,7 @@ export function App() {
|
|
166
166
|
size="l"
|
167
167
|
enumerationType="chip"
|
168
168
|
helperText="Подсказка снизу"
|
169
|
-
|
170
|
-
/>
|
171
|
-
|
172
|
-
<TextField
|
173
|
-
placeholder="Введите значение"
|
174
|
-
defaultValue="Значение"
|
175
|
-
size="l"
|
176
|
-
enumerationType="chip"
|
177
|
-
helperText="Подсказка снизу"
|
178
|
-
chips={["Значение 1"]}
|
179
|
-
chipType="text"
|
169
|
+
values={["Значение 1"]}
|
180
170
|
/>
|
181
171
|
</div>
|
182
172
|
);
|
@@ -20,23 +20,14 @@ 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
|
24
|
-
chipType = _ref.chipType;
|
23
|
+
_forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
|
25
24
|
var onClearHandle = function onClearHandle() {
|
26
25
|
return onClear(id);
|
27
26
|
};
|
28
27
|
var onKeyDownHandle = function onKeyDownHandle(event) {
|
29
28
|
onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
|
30
29
|
};
|
31
|
-
|
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, {
|
30
|
+
return /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
|
40
31
|
ref: ref,
|
41
32
|
tabIndex: -1,
|
42
33
|
disabled: disabled,
|
@@ -50,10 +41,5 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
|
|
50
41
|
// @ts-ignore
|
51
42
|
,
|
52
43
|
_forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
|
53
|
-
})
|
54
|
-
ref: ref,
|
55
|
-
tabIndex: -1,
|
56
|
-
onClick: handleClick,
|
57
|
-
onKeyDown: onKeyDownHandle
|
58
|
-
}, text);
|
44
|
+
});
|
59
45
|
});
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
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,12 +22,4 @@ 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);
|
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
|
-
}));
|
25
|
+
}), _TextField.tokens.chipOpacityReadonly);
|
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,11 +104,6 @@ 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
|
-
},
|
112
107
|
},
|
113
108
|
args: {
|
114
109
|
target: 'textfield-like',
|
@@ -126,7 +121,6 @@ const meta: Meta<StorySelectProps> = {
|
|
126
121
|
optional: false,
|
127
122
|
required: false,
|
128
123
|
requiredPlacement: 'right',
|
129
|
-
chipType: 'default',
|
130
124
|
},
|
131
125
|
parameters: {
|
132
126
|
controls: {
|
@@ -150,7 +144,6 @@ const meta: Meta<StorySelectProps> = {
|
|
150
144
|
'optional',
|
151
145
|
'required',
|
152
146
|
'requiredPlacement',
|
153
|
-
'chipType',
|
154
147
|
],
|
155
148
|
},
|
156
149
|
},
|
@@ -389,7 +382,7 @@ const SingleStory = (args: StorySelectProps) => {
|
|
389
382
|
export const Single: StoryObj<StorySelectProps> = {
|
390
383
|
parameters: {
|
391
384
|
controls: {
|
392
|
-
exclude: ['chipView', 'isTargetAmount'
|
385
|
+
exclude: ['chipView', 'isTargetAmount'],
|
393
386
|
},
|
394
387
|
},
|
395
388
|
render: (args) => <SingleStory {...args} />,
|
package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx
CHANGED
@@ -134,10 +134,6 @@ 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
|
-
},
|
141
137
|
},
|
142
138
|
};
|
143
139
|
|
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
237
233
|
hintWidth: '10rem',
|
238
234
|
hintHasArrow: true,
|
239
235
|
},
|
240
|
-
parameters: {
|
241
|
-
controls: {
|
242
|
-
exclude: ['chipType'],
|
243
|
-
},
|
244
|
-
},
|
245
236
|
render: (args) => <StoryDemo {...args} />,
|
246
237
|
};
|
247
238
|
|
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
|
|
297
288
|
args: {
|
298
289
|
...Default.args,
|
299
290
|
chips: ['1 value', '2 value', '3 value', '4 value'],
|
300
|
-
chipType: 'default',
|
301
291
|
},
|
302
292
|
render: (args) => <StoryChips {...args} />,
|
303
293
|
};
|
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),
|
package/styled-components/cjs/examples/plasma_web/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),
|
@@ -103,11 +103,6 @@ const meta: Meta<StorySelectProps> = {
|
|
103
103
|
},
|
104
104
|
if: { arg: 'required', truthy: false },
|
105
105
|
},
|
106
|
-
chipType: {
|
107
|
-
control: 'select',
|
108
|
-
options: ['default', 'text'],
|
109
|
-
if: { arg: 'target', eq: 'textfield-like' },
|
110
|
-
},
|
111
106
|
},
|
112
107
|
args: {
|
113
108
|
target: 'textfield-like',
|
@@ -125,7 +120,6 @@ const meta: Meta<StorySelectProps> = {
|
|
125
120
|
optional: false,
|
126
121
|
required: false,
|
127
122
|
requiredPlacement: 'right',
|
128
|
-
chipType: 'default',
|
129
123
|
},
|
130
124
|
parameters: {
|
131
125
|
controls: {
|
@@ -149,7 +143,6 @@ const meta: Meta<StorySelectProps> = {
|
|
149
143
|
'optional',
|
150
144
|
'required',
|
151
145
|
'requiredPlacement',
|
152
|
-
'chipType',
|
153
146
|
],
|
154
147
|
},
|
155
148
|
},
|
@@ -388,7 +381,7 @@ const SingleStory = (args: StorySelectProps) => {
|
|
388
381
|
export const Single: StoryObj<StorySelectProps> = {
|
389
382
|
parameters: {
|
390
383
|
controls: {
|
391
|
-
exclude: ['chipView', 'isTargetAmount'
|
384
|
+
exclude: ['chipView', 'isTargetAmount'],
|
392
385
|
},
|
393
386
|
},
|
394
387
|
render: (args) => <SingleStory {...args} />,
|
package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx
CHANGED
@@ -134,10 +134,6 @@ 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
|
-
},
|
141
137
|
},
|
142
138
|
};
|
143
139
|
|
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
237
233
|
hintWidth: '10rem',
|
238
234
|
hintHasArrow: true,
|
239
235
|
},
|
240
|
-
parameters: {
|
241
|
-
controls: {
|
242
|
-
exclude: ['chipType'],
|
243
|
-
},
|
244
|
-
},
|
245
236
|
render: (args) => <StoryDemo {...args} />,
|
246
237
|
};
|
247
238
|
|
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
|
|
297
288
|
args: {
|
298
289
|
...Default.args,
|
299
290
|
chips: ['1 value', '2 value', '3 value', '4 value'],
|
300
|
-
chipType: 'default',
|
301
291
|
},
|
302
292
|
render: (args) => <StoryChips {...args} />,
|
303
293
|
};
|
@@ -123,5 +123,6 @@ export var tokens = {
|
|
123
123
|
calendarRangeBackground: '--plasma-calendar-range-background',
|
124
124
|
calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
|
125
125
|
calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
|
126
|
-
calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
|
126
|
+
calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
|
127
|
+
calendarDisabledOpacity: '--plasma-calendar-disabled-opacity'
|
127
128
|
};
|
package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js
CHANGED
@@ -18,7 +18,7 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
18
18
|
return "".concat(offset, "px");
|
19
19
|
});
|
20
20
|
var disabledItem = function disabledItem() {
|
21
|
-
return "\n cursor: not-allowed;\n opacity:
|
21
|
+
return "\n cursor: not-allowed;\n opacity: var(".concat(tokens.calendarDisabledOpacity, ");\n");
|
22
22
|
};
|
23
23
|
var disabledCurrentItem = function disabledCurrentItem() {
|
24
24
|
return "\n ".concat(disabledItem(), ";\n");
|
@@ -48,7 +48,10 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
48
48
|
var isTargetAsFunction = typeof target === 'function';
|
49
49
|
return /*#__PURE__*/React.createElement("div", {
|
50
50
|
ref: ref,
|
51
|
-
id: wrappedId
|
51
|
+
id: wrappedId,
|
52
|
+
style: {
|
53
|
+
position: 'relative'
|
54
|
+
}
|
52
55
|
}, /*#__PURE__*/React.createElement("div", {
|
53
56
|
ref: isTargetAsFunction ? undefined : refs.setReference,
|
54
57
|
onClick: handleClick
|
@@ -64,11 +64,12 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
64
64
|
}
|
65
65
|
};
|
66
66
|
return /*#__PURE__*/React.createElement("div", {
|
67
|
+
ref: ref,
|
67
68
|
id: wrappedId,
|
68
69
|
style: {
|
70
|
+
position: 'relative',
|
69
71
|
display: isInner ? 'block' : 'inline-block'
|
70
|
-
}
|
71
|
-
ref: ref
|
72
|
+
}
|
72
73
|
}, /*#__PURE__*/React.createElement("div", {
|
73
74
|
ref: refs.setReference,
|
74
75
|
onClick: handleTargetClick,
|
@@ -49,7 +49,10 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
49
49
|
var isTargetAsFunction = typeof target === 'function';
|
50
50
|
return /*#__PURE__*/React.createElement("div", {
|
51
51
|
ref: ref,
|
52
|
-
id: wrappedId
|
52
|
+
id: wrappedId,
|
53
|
+
style: {
|
54
|
+
position: 'relative'
|
55
|
+
}
|
53
56
|
}, /*#__PURE__*/React.createElement("div", {
|
54
57
|
ref: isTargetAsFunction ? undefined : refs.setReference,
|
55
58
|
onClick: handleClick
|
@@ -33,8 +33,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
33
33
|
onChange = _ref.onChange,
|
34
34
|
labelToItemMap = _ref.labelToItemMap,
|
35
35
|
chipView = _ref.chipView,
|
36
|
-
requiredProps = _ref.requiredProps
|
37
|
-
chipType = _ref.chipType;
|
36
|
+
requiredProps = _ref.requiredProps;
|
38
37
|
var withArrowInverse = opened ? classes.arrowInverse : undefined;
|
39
38
|
var getChips = function getChips() {
|
40
39
|
if (multiselect && Array.isArray(value)) {
|
@@ -105,8 +104,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
105
104
|
}, multiselect ? {
|
106
105
|
enumerationType: 'chip',
|
107
106
|
chips: getChips(),
|
108
|
-
onChangeChips: handleChipsChange
|
109
|
-
chipType: chipType
|
107
|
+
onChangeChips: handleChipsChange
|
110
108
|
} : {
|
111
109
|
enumerationType: 'plain'
|
112
110
|
}, {
|
@@ -1,4 +1,4 @@
|
|
1
|
-
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", "
|
1
|
+
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"];
|
2
2
|
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); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -77,8 +77,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
77
77
|
hasDivider = _ref.hasDivider,
|
78
78
|
outerValue = _ref.value,
|
79
79
|
values = _ref.chips,
|
80
|
-
_ref$chipType = _ref.chipType,
|
81
|
-
chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
|
82
80
|
onChange = _ref.onChange,
|
83
81
|
onChangeChips = _ref.onChangeChips,
|
84
82
|
onSearch = _ref.onSearch,
|
@@ -127,8 +125,8 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
127
125
|
var requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;
|
128
126
|
var labelPlacementClass = innerLabelPlacementValue ? classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
|
129
127
|
var hasValueClass = hasValue ? classes.hasValue : undefined;
|
130
|
-
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible
|
131
|
-
var wrapperWithoutRightContent = !contentRight && isChipsVisible
|
128
|
+
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
|
129
|
+
var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
|
132
130
|
var hintRef = useOutsideClick(function () {
|
133
131
|
setIsHintVisible(false);
|
134
132
|
});
|
@@ -319,8 +317,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
319
317
|
onClear: function onClear() {
|
320
318
|
return onChipClear(chipId, index);
|
321
319
|
},
|
322
|
-
onClick: onChipClick
|
323
|
-
chipType: chipType
|
320
|
+
onClick: onChipClick
|
324
321
|
// TODO: #1547
|
325
322
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
326
323
|
// @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` можно вводить элементы как теги.
|
154
154
|
По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
|
155
155
|
|
156
156
|
```tsx live
|
@@ -166,17 +166,7 @@ export function App() {
|
|
166
166
|
size="l"
|
167
167
|
enumerationType="chip"
|
168
168
|
helperText="Подсказка снизу"
|
169
|
-
|
170
|
-
/>
|
171
|
-
|
172
|
-
<TextField
|
173
|
-
placeholder="Введите значение"
|
174
|
-
defaultValue="Значение"
|
175
|
-
size="l"
|
176
|
-
enumerationType="chip"
|
177
|
-
helperText="Подсказка снизу"
|
178
|
-
chips={["Значение 1"]}
|
179
|
-
chipType="text"
|
169
|
+
values={["Значение 1"]}
|
180
170
|
/>
|
181
171
|
</div>
|
182
172
|
);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React, { forwardRef } from 'react';
|
2
|
-
import { StyledChip
|
2
|
+
import { StyledChip } from './TextFieldChip.styles';
|
3
3
|
/**
|
4
4
|
* Чип, отображающий выбранный элемент
|
5
5
|
*/
|
@@ -11,23 +11,14 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
11
11
|
onClick = _ref.onClick,
|
12
12
|
onClear = _ref.onClear,
|
13
13
|
onKeyDown = _ref.onKeyDown,
|
14
|
-
_forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly
|
15
|
-
chipType = _ref.chipType;
|
14
|
+
_forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
|
16
15
|
var onClearHandle = function onClearHandle() {
|
17
16
|
return onClear(id);
|
18
17
|
};
|
19
18
|
var onKeyDownHandle = function onKeyDownHandle(event) {
|
20
19
|
onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
|
21
20
|
};
|
22
|
-
|
23
|
-
if (onClick) {
|
24
|
-
onClick(e);
|
25
|
-
}
|
26
|
-
if (onClear) {
|
27
|
-
onClear(id);
|
28
|
-
}
|
29
|
-
};
|
30
|
-
return chipType === 'default' ? /*#__PURE__*/React.createElement(StyledChip, {
|
21
|
+
return /*#__PURE__*/React.createElement(StyledChip, {
|
31
22
|
ref: ref,
|
32
23
|
tabIndex: -1,
|
33
24
|
disabled: disabled,
|
@@ -41,10 +32,5 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
41
32
|
// @ts-ignore
|
42
33
|
,
|
43
34
|
_forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
|
44
|
-
})
|
45
|
-
ref: ref,
|
46
|
-
tabIndex: -1,
|
47
|
-
onClick: handleClick,
|
48
|
-
onKeyDown: onKeyDownHandle
|
49
|
-
}, text);
|
35
|
+
});
|
50
36
|
});
|
@@ -16,12 +16,4 @@ export var StyledChip = /*#__PURE__*/styled(Chip).withConfig({
|
|
16
16
|
outlineSize: '0.0625rem',
|
17
17
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
|
18
18
|
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
|
19
|
-
}), tokens.chipOpacityReadonly);
|
20
|
-
export var TextChip = /*#__PURE__*/styled.button.withConfig({
|
21
|
-
componentId: "plasma-new-hope__sc-1mypbcr-1"
|
22
|
-
})(["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:'';}}"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.color, /*#__PURE__*/addFocus({
|
23
|
-
outlineOffset: '0.0625rem',
|
24
|
-
outlineSize: '0.0625rem',
|
25
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
|
26
|
-
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
|
27
|
-
}));
|
19
|
+
}), tokens.chipOpacityReadonly);
|
@@ -7,7 +7,7 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
"default": /*#__PURE__*/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);"], calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
|
10
|
+
"default": /*#__PURE__*/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);"], calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.calendarDisabledOpacity, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
|
11
11
|
},
|
12
12
|
size: {
|
13
13
|
l: /*#__PURE__*/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;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarQuartersPadding, calendarBaseTokens.calendarQuarterItemBorderRadius, calendarBaseTokens.calendarQuarterItemWidth, calendarBaseTokens.calendarQuarterItemHeight, calendarBaseTokens.calendarQuarterFontFamily, calendarBaseTokens.calendarQuarterFontSize, calendarBaseTokens.calendarQuarterFontStyle, calendarBaseTokens.calendarQuarterFontLetterSpacing, calendarBaseTokens.calendarQuarterFontLineHeight, calendarBaseTokens.calendarQuarterFontWeight, calendarBaseTokens.calendarQuarterSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarCurrentItemBorderWidth, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),
|