@salutejs/plasma-new-hope 0.116.0-canary.1328.10266964310.0 → 0.116.0-canary.1332.10266696598.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.css +8 -8
- package/cjs/components/Button/Button.styles.js +1 -1
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
- package/cjs/components/Button/Button.tokens.js +0 -2
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_1whkrlf.css +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +12 -12
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css +5 -0
- package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/variations/_size/base_g7zrur.css +1 -0
- package/cjs/components/Drawer/Drawer.css +8 -8
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/cjs/components/EmptyState/EmptyState.css +8 -8
- package/cjs/components/IconButton/IconButton.css +8 -8
- package/cjs/components/Notification/Notification.css +8 -8
- package/cjs/components/Notification/NotificationsProvider.css +8 -8
- package/cjs/components/Pagination/Pagination.css +29 -29
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/cjs/components/Select/Select.css +30 -30
- package/cjs/components/Select/Select.js +32 -28
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +1 -1
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/{Select.styles_1e7cbbz.css → Select.styles_zx0ztg.css} +1 -1
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +31 -31
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/cjs/components/Select/ui/Target/Target.css +26 -26
- package/cjs/components/Select/ui/Target/Target.js +11 -7
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/{Button.styles_lxxm4p.css → Button.styles_nn6pg.css} +3 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_5mg7p7.css → Textfield.styles_16d02b7.css} +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Toast/Toast.css +8 -8
- package/cjs/components/Toast/ToastController.css +8 -8
- package/cjs/index.css +35 -35
- package/emotion/cjs/components/Button/Button.styles.js +8 -8
- package/emotion/cjs/components/Button/Button.tokens.js +0 -2
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -14
- package/emotion/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/emotion/cjs/components/Select/Select.js +32 -28
- package/emotion/cjs/components/Select/Select.styles.js +6 -6
- package/emotion/cjs/components/Select/Select.tokens.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/Target.js +11 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/emotion/es/components/Button/Button.styles.js +8 -8
- package/emotion/es/components/Button/Button.tokens.js +0 -2
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +6 -15
- package/emotion/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/emotion/es/components/Select/Select.js +32 -28
- package/emotion/es/components/Select/Select.styles.js +6 -6
- package/emotion/es/components/Select/Select.tokens.js +1 -1
- package/emotion/es/components/Select/ui/Target/Target.js +11 -7
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
- package/emotion/es/components/Select/utils/getButtonLabel.js +13 -12
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/es/components/Button/Button.css +8 -8
- package/es/components/Button/Button.styles.js +1 -1
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
- package/es/components/Button/Button.tokens.js +0 -2
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles_1whkrlf.css +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/es/components/DatePicker/SingleDate/SingleDate.css +12 -12
- package/es/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css +5 -0
- package/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -1
- package/es/components/DatePicker/SingleDate/variations/_size/base_g7zrur.css +1 -0
- package/es/components/Drawer/Drawer.css +8 -8
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/es/components/EmptyState/EmptyState.css +8 -8
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Notification/Notification.css +8 -8
- package/es/components/Notification/NotificationsProvider.css +8 -8
- package/es/components/Pagination/Pagination.css +29 -29
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/es/components/Select/Select.css +30 -30
- package/es/components/Select/Select.js +32 -28
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +1 -1
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/{Select.styles_1e7cbbz.css → Select.styles_zx0ztg.css} +1 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +31 -31
- package/es/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/es/components/Select/ui/Target/Target.css +26 -26
- package/es/components/Select/ui/Target/Target.js +11 -7
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/{Button.styles_lxxm4p.css → Button.styles_nn6pg.css} +3 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_5mg7p7.css → Textfield.styles_16d02b7.css} +1 -1
- package/es/components/Select/utils/getButtonLabel.js +13 -12
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Toast/Toast.css +8 -8
- package/es/components/Toast/ToastController.css +8 -8
- package/es/index.css +35 -35
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Button/Button.tokens.js +0 -2
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +2 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Select/Select.js +32 -28
- package/styled-components/cjs/components/Select/Select.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/Target.js +11 -7
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +13 -12
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Button/Button.tokens.js +0 -2
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +8 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +3 -3
- package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/styled-components/es/components/Select/Select.js +32 -28
- package/styled-components/es/components/Select/Select.styles.js +1 -1
- package/styled-components/es/components/Select/Select.tokens.js +1 -1
- package/styled-components/es/components/Select/ui/Target/Target.js +11 -7
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/styled-components/es/components/Select/utils/getButtonLabel.js +13 -12
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +80 -1
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +0 -2
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -4
- package/types/components/Select/Select.types.d.ts +8 -12
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +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 -2
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -4
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Button/Button.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 +2 -4
- 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 -3
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -4
- package/types/examples/plasma_web/components/Select/Select.d.ts +4 -4
- package/cjs/components/DatePicker/DatePickerBase.styles_192va2p.css +0 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +0 -5
- package/cjs/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +0 -1
- package/es/components/DatePicker/DatePickerBase.styles_192va2p.css +0 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +0 -5
- package/es/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +0 -1
@@ -9,6 +9,9 @@ var _ui = /*#__PURE__*/require("./ui");
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
10
|
var Target = exports.Target = function Target(_ref) {
|
11
11
|
var value = _ref.value,
|
12
|
+
multiselect = _ref.multiselect,
|
13
|
+
isTargetAmount = _ref.isTargetAmount,
|
14
|
+
target = _ref.target,
|
12
15
|
opened = _ref.opened,
|
13
16
|
valueToItemMap = _ref.valueToItemMap,
|
14
17
|
onChipClick = _ref.onChipClick,
|
@@ -22,11 +25,12 @@ var Target = exports.Target = function Target(_ref) {
|
|
22
25
|
disabled = _ref.disabled,
|
23
26
|
renderValue = _ref.renderValue,
|
24
27
|
focusedPath = _ref.focusedPath,
|
25
|
-
focusedToValueMap = _ref.focusedToValueMap
|
26
|
-
|
27
|
-
return selectProps.target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
28
|
+
focusedToValueMap = _ref.focusedToValueMap;
|
29
|
+
return target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
28
30
|
opened: opened,
|
29
31
|
value: value,
|
32
|
+
isTargetAmount: isTargetAmount,
|
33
|
+
multiselect: multiselect,
|
30
34
|
valueToItemMap: valueToItemMap,
|
31
35
|
onKeyDown: onKeyDown,
|
32
36
|
label: label,
|
@@ -34,11 +38,12 @@ var Target = exports.Target = function Target(_ref) {
|
|
34
38
|
disabled: disabled,
|
35
39
|
renderValue: renderValue,
|
36
40
|
focusedPath: focusedPath,
|
37
|
-
focusedToValueMap: focusedToValueMap
|
38
|
-
selectProps: selectProps
|
41
|
+
focusedToValueMap: focusedToValueMap
|
39
42
|
}) : /*#__PURE__*/_react["default"].createElement(_ui.Textfield, {
|
40
43
|
opened: opened,
|
41
44
|
value: value,
|
45
|
+
isTargetAmount: isTargetAmount,
|
46
|
+
multiselect: multiselect,
|
42
47
|
valueToItemMap: valueToItemMap,
|
43
48
|
onChipClick: onChipClick,
|
44
49
|
label: label,
|
@@ -51,7 +56,6 @@ var Target = exports.Target = function Target(_ref) {
|
|
51
56
|
disabled: disabled,
|
52
57
|
renderValue: renderValue,
|
53
58
|
focusedPath: focusedPath,
|
54
|
-
focusedToValueMap: focusedToValueMap
|
55
|
-
selectProps: selectProps
|
59
|
+
focusedToValueMap: focusedToValueMap
|
56
60
|
});
|
57
61
|
};
|
@@ -13,6 +13,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
13
13
|
var Button = exports.Button = function Button(_ref) {
|
14
14
|
var opened = _ref.opened,
|
15
15
|
value = _ref.value,
|
16
|
+
isTargetAmount = _ref.isTargetAmount,
|
17
|
+
multiselect = _ref.multiselect,
|
16
18
|
valueToItemMap = _ref.valueToItemMap,
|
17
19
|
onKeyDown = _ref.onKeyDown,
|
18
20
|
label = _ref.label,
|
@@ -20,8 +22,7 @@ var Button = exports.Button = function Button(_ref) {
|
|
20
22
|
disabled = _ref.disabled,
|
21
23
|
renderValue = _ref.renderValue,
|
22
24
|
focusedPath = _ref.focusedPath,
|
23
|
-
focusedToValueMap = _ref.focusedToValueMap
|
24
|
-
selectProps = _ref.selectProps;
|
25
|
+
focusedToValueMap = _ref.focusedToValueMap;
|
25
26
|
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
26
27
|
var getActiveDescendant = function getActiveDescendant() {
|
27
28
|
var _focusedToValueMap$ge;
|
@@ -44,13 +45,13 @@ var Button = exports.Button = function Button(_ref) {
|
|
44
45
|
"aria-controls": "tree_level_1",
|
45
46
|
"aria-expanded": opened,
|
46
47
|
"aria-activedescendant": getActiveDescendant(),
|
47
|
-
"aria-label": label
|
48
|
-
|
49
|
-
}, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
|
48
|
+
"aria-label": label
|
49
|
+
}, /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
|
50
50
|
value: value,
|
51
|
+
isTargetAmount: isTargetAmount,
|
52
|
+
multiselect: multiselect,
|
51
53
|
valueToItemMap: valueToItemMap,
|
52
54
|
label: label,
|
53
|
-
renderValue: renderValue
|
54
|
-
selectProps: selectProps
|
55
|
+
renderValue: renderValue
|
55
56
|
}))));
|
56
57
|
};
|
@@ -15,10 +15,7 @@ var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonCo
|
|
15
15
|
var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
|
16
16
|
var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
|
17
17
|
componentId: "plasma-new-hope__sc-38cqi1-0"
|
18
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");
|
19
|
-
var renderTarget = _ref.renderTarget;
|
20
|
-
return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
|
21
|
-
}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetButtonPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor);
|
18
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");"], _Button.buttonTokens.buttonColor, _Select.tokens.targetButtonColor, _Button.buttonTokens.buttonColorHover, _Select.tokens.targetButtonColorHover, _Button.buttonTokens.buttonColorActive, _Select.tokens.targetButtonColorActive, _Button.buttonTokens.buttonBackgroundColor, _Select.tokens.targetButtonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Select.tokens.targetButtonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive, _Select.tokens.targetButtonBackgroundColorActive, _Button.buttonTokens.buttonRightContentMargin, _Select.tokens.targetButtonArrowMargin, _Button.buttonTokens.buttonHeight, _Select.tokens.targetHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetButtonPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor);
|
22
19
|
var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
23
20
|
componentId: "plasma-new-hope__sc-38cqi1-1"
|
24
21
|
})(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], _Select.tokens.targetButtonArrowColor, _Select.tokens.targetButtonArrowColorHover, _Select.tokens.targetButtonArrowColorActive);
|
@@ -27,7 +24,7 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["defa
|
|
27
24
|
})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"]);
|
28
25
|
var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
26
|
componentId: "plasma-new-hope__sc-38cqi1-3"
|
30
|
-
})(["display:inline;.", "::before{box-shadow:none !important;}
|
27
|
+
})(["display:inline;.", "::before{box-shadow:none !important;}"], _Select.classes.selectWithoutBoxShadow);
|
31
28
|
var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
29
|
componentId: "plasma-new-hope__sc-38cqi1-4"
|
33
|
-
})(["display:inline;width:100%;text-align:left;", ""], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
30
|
+
})(["display:inline;width:100%;text-align:left;", " .", "{transform:rotate(-180deg);}"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _Select.classes.arrowInverse);
|
@@ -56,6 +56,8 @@ var getLabel = function getLabel(_ref) {
|
|
56
56
|
var Textfield = exports.Textfield = function Textfield(_ref2) {
|
57
57
|
var opened = _ref2.opened,
|
58
58
|
value = _ref2.value,
|
59
|
+
isTargetAmount = _ref2.isTargetAmount,
|
60
|
+
multiselect = _ref2.multiselect,
|
59
61
|
valueToItemMap = _ref2.valueToItemMap,
|
60
62
|
onChipClick = _ref2.onChipClick,
|
61
63
|
label = _ref2.label,
|
@@ -68,8 +70,7 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
68
70
|
disabled = _ref2.disabled,
|
69
71
|
renderValue = _ref2.renderValue,
|
70
72
|
focusedPath = _ref2.focusedPath,
|
71
|
-
focusedToValueMap = _ref2.focusedToValueMap
|
72
|
-
selectProps = _ref2.selectProps;
|
73
|
+
focusedToValueMap = _ref2.focusedToValueMap;
|
73
74
|
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
74
75
|
var getActiveDescendant = function getActiveDescendant() {
|
75
76
|
var _focusedToValueMap$ge;
|
@@ -90,20 +91,19 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
90
91
|
"aria-controls": "tree_level_1",
|
91
92
|
"aria-expanded": opened,
|
92
93
|
"aria-activedescendant": getActiveDescendant(),
|
93
|
-
"aria-label": label
|
94
|
-
|
95
|
-
}, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && (!selectProps.multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
|
94
|
+
"aria-label": label
|
95
|
+
}, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, contentLeft && (!multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
|
96
96
|
value: value,
|
97
|
+
isTargetAmount: isTargetAmount,
|
97
98
|
valueToItemMap: valueToItemMap,
|
98
99
|
onChipClick: onChipClick,
|
99
|
-
focusedChipIndex: focusedChipIndex,
|
100
100
|
label: label,
|
101
|
-
labelPlacement: labelPlacement,
|
102
101
|
placeholder: placeholder,
|
103
|
-
|
104
|
-
|
105
|
-
size: size
|
106
|
-
|
102
|
+
focusedChipIndex: focusedChipIndex,
|
103
|
+
labelPlacement: labelPlacement,
|
104
|
+
size: size,
|
105
|
+
renderValue: renderValue
|
106
|
+
})), /*#__PURE__*/_react["default"].createElement(_Textfield.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Textfield.StyledArrow, {
|
107
107
|
size: (0, _utils2.sizeToIconSize)(size),
|
108
108
|
color: "inherit",
|
109
109
|
className: (0, _utils.cx)(_Select.classes.selectTargetArrow, withArrowInverse)
|
@@ -25,10 +25,7 @@ var TextfieldWrapper = exports.TextfieldWrapper = /*#__PURE__*/_styledComponents
|
|
25
25
|
}, _Select.classes.selectWithoutBoxShadow);
|
26
26
|
var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
|
27
27
|
componentId: "plasma-new-hope__sc-1akl2tk-1"
|
28
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");
|
29
|
-
var renderTarget = _ref3.renderTarget;
|
30
|
-
return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
|
31
|
-
}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetTextfieldPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor, _Select.constants.textfieldBorderSize, _Select.tokens.targetTextfieldBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
|
28
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");", ""], _Button.buttonTokens.buttonColor, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorHover, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorActive, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonHeight, _Select.tokens.targetHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetTextfieldPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor, _Select.constants.textfieldBorderSize, _Select.tokens.targetTextfieldBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
|
32
29
|
outlineOffset: _Select.constants.textfieldBorderSize,
|
33
30
|
outlineSize: _Select.constants.focusSize,
|
34
31
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.borderRadius, ") - ").concat(_Select.constants.textfieldBorderSize, ")"),
|
@@ -6,31 +6,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.getButtonLabel = void 0;
|
7
7
|
var _utils = /*#__PURE__*/require("../../../utils");
|
8
8
|
var getLabel = function getLabel(_ref) {
|
9
|
-
var
|
10
|
-
|
11
|
-
|
9
|
+
var renderValue = _ref.renderValue,
|
10
|
+
value = _ref.value,
|
11
|
+
valueToItemMap = _ref.valueToItemMap;
|
12
12
|
var _ref2 = valueToItemMap.get(value === null || value === void 0 ? void 0 : value.toString()),
|
13
13
|
label = _ref2.label;
|
14
14
|
return renderValue ? renderValue(value, label) : label;
|
15
15
|
};
|
16
16
|
var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
17
17
|
var value = _ref3.value,
|
18
|
-
valueToItemMap = _ref3.valueToItemMap,
|
19
18
|
label = _ref3.label,
|
20
|
-
|
21
|
-
|
19
|
+
isTargetAmount = _ref3.isTargetAmount,
|
20
|
+
multiselect = _ref3.multiselect,
|
21
|
+
valueToItemMap = _ref3.valueToItemMap,
|
22
|
+
renderValue = _ref3.renderValue;
|
22
23
|
if ((0, _utils.isEmpty)(value)) {
|
23
|
-
return label
|
24
|
+
return label;
|
24
25
|
}
|
25
|
-
if (
|
26
|
+
if (multiselect && isTargetAmount) {
|
26
27
|
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
|
27
28
|
}
|
28
|
-
if (
|
29
|
-
return value
|
29
|
+
if (multiselect && Array.isArray(value)) {
|
30
|
+
return value.map(function (itemValue) {
|
30
31
|
return getLabel({
|
32
|
+
renderValue: renderValue,
|
31
33
|
value: itemValue,
|
32
|
-
valueToItemMap: valueToItemMap
|
33
|
-
renderValue: renderValue
|
34
|
+
valueToItemMap: valueToItemMap
|
34
35
|
});
|
35
36
|
}).join(', ');
|
36
37
|
}
|
package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.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-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--surface-transparent-
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);", ":var(--shadow-down-soft-s);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-card);", ":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);"], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor)
|
17
17
|
},
|
18
18
|
size: {
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":26.5rem;", ":0.875rem;", ":0 0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0 0 0 1rem;", ":0;", ":0 0 0.75rem 0;", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":3.5rem;", ":0.875rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":0.875rem;", ":26.5rem;", ":0.5rem 1rem 1.125rem 1rem;", ":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 1rem 1.125rem 1rem;", ":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 1rem 1.125rem 1rem;", ":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.875rem 1rem 0 1rem;", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _DatePicker.datePickerTokens.width, _DatePicker.datePickerTokens.borderRadius, _DatePicker.datePickerTokens.dividerPadding, _DatePicker.datePickerTokens.dividerFontFamily, _DatePicker.datePickerTokens.dividerFontStyle, _DatePicker.datePickerTokens.dividerFontSize, _DatePicker.datePickerTokens.dividerFontWeight, _DatePicker.datePickerTokens.dividerLetterSpacing, _DatePicker.datePickerTokens.dividerLineHeight, _DatePicker.datePickerTokens.leftContentMargin, _DatePicker.datePickerTokens.rightContentMargin, _DatePicker.datePickerTokens.labelOffset, _DatePicker.datePickerTokens.labelInnerPadding, _DatePicker.datePickerTokens.contentLabelInnerPadding, _DatePicker.datePickerTokens.labelFontFamily, _DatePicker.datePickerTokens.labelFontStyle, _DatePicker.datePickerTokens.labelFontSize, _DatePicker.datePickerTokens.labelFontWeight, _DatePicker.datePickerTokens.labelLetterSpacing, _DatePicker.datePickerTokens.labelLineHeight, _DatePicker.datePickerTokens.textFieldHeight, _DatePicker.datePickerTokens.textFieldBorderRadius, _DatePicker.datePickerTokens.textFieldPadding, _DatePicker.datePickerTokens.textFieldFontFamily, _DatePicker.datePickerTokens.textFieldFontStyle, _DatePicker.datePickerTokens.textFieldFontSize, _DatePicker.datePickerTokens.textFieldFontWeight, _DatePicker.datePickerTokens.textFieldLetterSpacing, _DatePicker.datePickerTokens.textFieldLineHeight, _DatePicker.datePickerTokens.leftHelperOffset, _DatePicker.datePickerTokens.leftHelperFontFamily, _DatePicker.datePickerTokens.leftHelperFontStyle, _DatePicker.datePickerTokens.leftHelperFontSize, _DatePicker.datePickerTokens.leftHelperFontWeight, _DatePicker.datePickerTokens.leftHelperLetterSpacing, _DatePicker.datePickerTokens.leftHelperLineHeight, _DatePicker.datePickerTokens.textFieldLeftContentMargin, _DatePicker.datePickerTokens.textFieldRightContentMargin, _DatePicker.datePickerTokens.textFieldTextBeforeMargin, _DatePicker.datePickerTokens.textFieldTextAfterMargin, _DatePicker.datePickerTokens.calendarBorderRadius, _DatePicker.datePickerTokens.calendarWidth, _DatePicker.datePickerTokens.calendarYearsPadding, _DatePicker.datePickerTokens.calendarYearItemBorderRadius, _DatePicker.datePickerTokens.calendarYearItemWidth, _DatePicker.datePickerTokens.calendarYearItemHeight, _DatePicker.datePickerTokens.calendarYearFontFamily, _DatePicker.datePickerTokens.calendarYearFontSize, _DatePicker.datePickerTokens.calendarYearFontStyle, _DatePicker.datePickerTokens.calendarYearFontLetterSpacing, _DatePicker.datePickerTokens.calendarYearFontLineHeight, _DatePicker.datePickerTokens.calendarYearFontWeight, _DatePicker.datePickerTokens.calendarYearSelectedFontWeight, _DatePicker.datePickerTokens.calendarMonthsPadding, _DatePicker.datePickerTokens.calendarMonthItemBorderRadius, _DatePicker.datePickerTokens.calendarMonthItemWidth, _DatePicker.datePickerTokens.calendarMonthItemHeight, _DatePicker.datePickerTokens.calendarMonthFontFamily, _DatePicker.datePickerTokens.calendarMonthFontSize, _DatePicker.datePickerTokens.calendarMonthFontStyle, _DatePicker.datePickerTokens.calendarMonthFontLetterSpacing, _DatePicker.datePickerTokens.calendarMonthFontLineHeight, _DatePicker.datePickerTokens.calendarMonthFontWeight, _DatePicker.datePickerTokens.calendarMonthSelectedFontWeight, _DatePicker.datePickerTokens.calendarQuartersPadding, _DatePicker.datePickerTokens.calendarQuarterItemBorderRadius, _DatePicker.datePickerTokens.calendarQuarterItemWidth, _DatePicker.datePickerTokens.calendarQuarterItemHeight, _DatePicker.datePickerTokens.calendarQuarterFontFamily, _DatePicker.datePickerTokens.calendarQuarterFontSize, _DatePicker.datePickerTokens.calendarQuarterFontStyle, _DatePicker.datePickerTokens.calendarQuarterFontLetterSpacing, _DatePicker.datePickerTokens.calendarQuarterFontLineHeight, _DatePicker.datePickerTokens.calendarQuarterFontWeight, _DatePicker.datePickerTokens.calendarQuarterSelectedFontWeight, _DatePicker.datePickerTokens.calendarDaysPadding, _DatePicker.datePickerTokens.calendarDayItemBorderRadius, _DatePicker.datePickerTokens.calendarDayItemWidth, _DatePicker.datePickerTokens.calendarDayItemHeight, _DatePicker.datePickerTokens.calendarDayFontFamily, _DatePicker.datePickerTokens.calendarDayFontSize, _DatePicker.datePickerTokens.calendarDayFontStyle, _DatePicker.datePickerTokens.calendarDayFontLetterSpacing, _DatePicker.datePickerTokens.calendarDayFontLineHeight, _DatePicker.datePickerTokens.calendarDayFontWeight, _DatePicker.datePickerTokens.calendarDaySelectedFontWeight, _DatePicker.datePickerTokens.calendarHeaderWrapperPadding, _DatePicker.datePickerTokens.calendarHeaderArrowGap, _DatePicker.datePickerTokens.calendarHeaderPadding, _DatePicker.datePickerTokens.calendarHeaderDateGap, _DatePicker.datePickerTokens.calendarHeaderFontFamily, _DatePicker.datePickerTokens.calendarHeaderFontSize, _DatePicker.datePickerTokens.calendarHeaderFontStyle, _DatePicker.datePickerTokens.calendarHeaderFontLetterSpacing, _DatePicker.datePickerTokens.calendarHeaderFontLineHeight, _DatePicker.datePickerTokens.calendarHeaderFontWeight, _DatePicker.datePickerTokens.calendarHeaderFontWeightBold, _DatePicker.datePickerTokens.iconButtonHeight, _DatePicker.datePickerTokens.iconButtonWidth, _DatePicker.datePickerTokens.iconButtonPadding, _DatePicker.datePickerTokens.iconButtonRadius),
|
package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import React, { ComponentProps, useRef, useState } from 'react';
|
1
|
+
import React, { ComponentProps, useEffect, useRef, useState } from 'react';
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
3
3
|
import { action } from '@storybook/addon-actions';
|
4
4
|
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
@@ -263,3 +263,82 @@ export const Range: StoryObj<StoryPropsRange> = {
|
|
263
263
|
},
|
264
264
|
render: (args) => <StoryRange {...args} />,
|
265
265
|
};
|
266
|
+
|
267
|
+
const StoryDeferred = ({
|
268
|
+
enableContentLeft,
|
269
|
+
enableContentRight,
|
270
|
+
valueError,
|
271
|
+
valueSuccess,
|
272
|
+
size,
|
273
|
+
...rest
|
274
|
+
}: StoryPropsDefault) => {
|
275
|
+
const [isOpen, setIsOpen] = useState(false);
|
276
|
+
|
277
|
+
const [defVal, setDefVal] = useState<Date | undefined>(undefined);
|
278
|
+
|
279
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
280
|
+
|
281
|
+
useEffect(() => {
|
282
|
+
setTimeout(() => {
|
283
|
+
setDefVal(new Date(2024, 5, 14));
|
284
|
+
}, 5000);
|
285
|
+
}, []);
|
286
|
+
|
287
|
+
return (
|
288
|
+
<>
|
289
|
+
<h3>Асинхронная установка даты по умолчанию</h3>
|
290
|
+
<DatePicker
|
291
|
+
defaultDate={defVal}
|
292
|
+
isOpen={isOpen}
|
293
|
+
size={size}
|
294
|
+
valueError={valueError}
|
295
|
+
valueSuccess={valueSuccess}
|
296
|
+
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
297
|
+
contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
298
|
+
onBlur={onBlur}
|
299
|
+
onFocus={onFocus}
|
300
|
+
onToggle={(is) => setIsOpen(is)}
|
301
|
+
onChangeValue={(e, currentValue) => {
|
302
|
+
onChangeValue(e, currentValue);
|
303
|
+
}}
|
304
|
+
onCommitDate={() => setIsOpen(false)}
|
305
|
+
{...rest}
|
306
|
+
/>
|
307
|
+
</>
|
308
|
+
);
|
309
|
+
};
|
310
|
+
|
311
|
+
export const Deferred: StoryObj<StoryPropsDefault> = {
|
312
|
+
argTypes: {
|
313
|
+
defaultDate: {
|
314
|
+
control: {
|
315
|
+
type: 'date',
|
316
|
+
},
|
317
|
+
},
|
318
|
+
labelPlacement: {
|
319
|
+
options: labelPlacements,
|
320
|
+
control: {
|
321
|
+
type: 'inline-radio',
|
322
|
+
},
|
323
|
+
},
|
324
|
+
},
|
325
|
+
args: {
|
326
|
+
label: 'Лейбл',
|
327
|
+
leftHelper: 'Подсказка к полю',
|
328
|
+
placeholder: '30.05.2024',
|
329
|
+
size: 'l',
|
330
|
+
view: 'default',
|
331
|
+
labelPlacement: 'outer',
|
332
|
+
min: new Date(2024, 1, 1),
|
333
|
+
max: new Date(2024, 12, 29),
|
334
|
+
maskWithFormat: false,
|
335
|
+
disabled: false,
|
336
|
+
readOnly: false,
|
337
|
+
textBefore: '',
|
338
|
+
enableContentLeft: true,
|
339
|
+
enableContentRight: true,
|
340
|
+
valueError: false,
|
341
|
+
valueSuccess: false,
|
342
|
+
},
|
343
|
+
render: (args) => <StoryDeferred {...args} />,
|
344
|
+
};
|
package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import React, { ComponentProps, useRef, useState } from 'react';
|
1
|
+
import React, { ComponentProps, useEffect, useRef, useState } from 'react';
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
3
3
|
import { action } from '@storybook/addon-actions';
|
4
4
|
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
@@ -262,3 +262,82 @@ export const Range: StoryObj<StoryPropsRange> = {
|
|
262
262
|
},
|
263
263
|
render: (args) => <StoryRange {...args} />,
|
264
264
|
};
|
265
|
+
|
266
|
+
const StoryDeferred = ({
|
267
|
+
enableContentLeft,
|
268
|
+
enableContentRight,
|
269
|
+
valueError,
|
270
|
+
valueSuccess,
|
271
|
+
size,
|
272
|
+
...rest
|
273
|
+
}: StoryPropsDefault) => {
|
274
|
+
const [isOpen, setIsOpen] = useState(false);
|
275
|
+
|
276
|
+
const [defVal, setDefVal] = useState<Date | undefined>(undefined);
|
277
|
+
|
278
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
279
|
+
|
280
|
+
useEffect(() => {
|
281
|
+
setTimeout(() => {
|
282
|
+
setDefVal(new Date(2024, 5, 14));
|
283
|
+
}, 5000);
|
284
|
+
}, []);
|
285
|
+
|
286
|
+
return (
|
287
|
+
<>
|
288
|
+
<h3>Асинхронная установка даты по умолчанию</h3>
|
289
|
+
<DatePicker
|
290
|
+
defaultDate={defVal}
|
291
|
+
isOpen={isOpen}
|
292
|
+
size={size}
|
293
|
+
valueError={valueError}
|
294
|
+
valueSuccess={valueSuccess}
|
295
|
+
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
296
|
+
contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
297
|
+
onBlur={onBlur}
|
298
|
+
onFocus={onFocus}
|
299
|
+
onToggle={(is) => setIsOpen(is)}
|
300
|
+
onChangeValue={(e, currentValue) => {
|
301
|
+
onChangeValue(e, currentValue);
|
302
|
+
}}
|
303
|
+
onCommitDate={() => setIsOpen(false)}
|
304
|
+
{...rest}
|
305
|
+
/>
|
306
|
+
</>
|
307
|
+
);
|
308
|
+
};
|
309
|
+
|
310
|
+
export const Deferred: StoryObj<StoryPropsDefault> = {
|
311
|
+
argTypes: {
|
312
|
+
defaultDate: {
|
313
|
+
control: {
|
314
|
+
type: 'date',
|
315
|
+
},
|
316
|
+
},
|
317
|
+
labelPlacement: {
|
318
|
+
options: labelPlacements,
|
319
|
+
control: {
|
320
|
+
type: 'inline-radio',
|
321
|
+
},
|
322
|
+
},
|
323
|
+
},
|
324
|
+
args: {
|
325
|
+
label: 'Лейбл',
|
326
|
+
leftHelper: 'Подсказка к полю',
|
327
|
+
placeholder: '30.05.2024',
|
328
|
+
size: 'l',
|
329
|
+
view: 'default',
|
330
|
+
labelPlacement: 'outer',
|
331
|
+
min: new Date(2024, 1, 1),
|
332
|
+
max: new Date(2024, 12, 29),
|
333
|
+
maskWithFormat: false,
|
334
|
+
disabled: false,
|
335
|
+
readOnly: false,
|
336
|
+
textBefore: '',
|
337
|
+
enableContentLeft: true,
|
338
|
+
enableContentRight: true,
|
339
|
+
valueError: false,
|
340
|
+
valueSuccess: false,
|
341
|
+
},
|
342
|
+
render: (args) => <StoryDeferred {...args} />,
|
343
|
+
};
|
@@ -35,10 +35,10 @@ export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
|
|
35
35
|
})(["", ":var(", ");", ":var(", ");"], spinnerTokens.size, tokens.buttonSpinnerSize, spinnerTokens.color, tokens.buttonSpinnerColor);
|
36
36
|
export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
|
37
37
|
componentId: "plasma-new-hope__sc-9d9bqj-5"
|
38
|
-
})(["display:flex;margin:var(", ");
|
38
|
+
})(["display:flex;margin:var(", ");"], tokens.buttonLeftContentMargin);
|
39
39
|
export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
|
40
40
|
componentId: "plasma-new-hope__sc-9d9bqj-6"
|
41
|
-
})(["display:flex;margin:var(", ");
|
41
|
+
})(["display:flex;margin:var(", ");"], tokens.buttonRightContentMargin);
|
42
42
|
export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.", " {\n width: var(", ");\n padding: 0;\n }\n"])), /*#__PURE__*/String(classes.buttonSquare), tokens.buttonHeight);
|
43
43
|
|
44
44
|
// INFO: Для возможности переиспользования стилей в других компонентах
|
@@ -29,9 +29,7 @@ export var tokens = {
|
|
29
29
|
buttonLetterSpacing: '--plasma-button-letter-spacing',
|
30
30
|
buttonLineHeight: '--plasma-button-line-height',
|
31
31
|
buttonLeftContentMargin: '--plasma-button-left-content-margin',
|
32
|
-
buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',
|
33
32
|
buttonRightContentMargin: '--plasma-button-right-content-margin',
|
34
|
-
buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',
|
35
33
|
buttonValueMargin: '--plasma-button-value-margin',
|
36
34
|
buttonDisabledOpacity: '--plasma-button-disabled-opacity',
|
37
35
|
buttonFocusColor: '--plasma-button-focus-color',
|
@@ -9,4 +9,4 @@ export var baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(to
|
|
9
9
|
// NOTE: переопределение токенов Calendar
|
10
10
|
export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
|
11
11
|
componentId: "plasma-new-hope__sc-1i6o09y-0"
|
12
|
-
})(["", ""], baseCalendarTokens);
|
12
|
+
})(["width:var(", ");", ""], tokens.width, baseCalendarTokens);
|
@@ -234,6 +234,14 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
234
234
|
return prevOpen !== isOpen && isOpen;
|
235
235
|
});
|
236
236
|
}, [isOpen]);
|
237
|
+
useEffect(function () {
|
238
|
+
setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format));
|
239
|
+
setInputFirstValue(formatInputValue(defaultFirstDate, format));
|
240
|
+
}, [defaultFirstDate]);
|
241
|
+
useEffect(function () {
|
242
|
+
setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format));
|
243
|
+
setInputSecondValue(formatInputValue(defaultSecondDate, format));
|
244
|
+
}, [defaultSecondDate]);
|
237
245
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
238
246
|
ref: rootRef,
|
239
247
|
view: view,
|
@@ -144,6 +144,10 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
144
144
|
return prevOpen !== isOpen && isOpen;
|
145
145
|
});
|
146
146
|
}, [isOpen]);
|
147
|
+
useEffect(function () {
|
148
|
+
setCalendarValue(formatCalendarValue(defaultDate, format));
|
149
|
+
setInputValue(formatInputValue(defaultDate, format));
|
150
|
+
}, [defaultDate]);
|
147
151
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
148
152
|
view: view,
|
149
153
|
size: size,
|
@@ -3,7 +3,7 @@ import { css } from 'styled-components';
|
|
3
3
|
import { component, mergeConfig } from '../../../engines';
|
4
4
|
import { textFieldConfig, textFieldTokens } from '../../TextField';
|
5
5
|
import { classes, tokens } from '../DatePicker.tokens';
|
6
|
-
import { popoverConfig } from '../../Popover';
|
6
|
+
import { popoverClasses, popoverConfig } from '../../Popover';
|
7
7
|
var mergedTextFieldConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
|
8
8
|
var TextField = /*#__PURE__*/component(mergedTextFieldConfig);
|
9
9
|
var mergedPopoverConfig = /*#__PURE__*/mergeConfig(popoverConfig);
|
@@ -15,8 +15,8 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
|
15
15
|
// NOTE: переопределение токенов TextField
|
16
16
|
export var StyledInput = /*#__PURE__*/styled(TextField).withConfig({
|
17
17
|
componentId: "plasma-new-hope__sc-1ye0xbz-1"
|
18
|
-
})(["
|
19
|
-
export var base = /*#__PURE__*/css(["display:inline-block;"]);
|
18
|
+
})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
19
|
+
export var base = /*#__PURE__*/css(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(popoverClasses.wrapper), /*#__PURE__*/String(popoverClasses.target));
|
20
20
|
export var StyledLabel = /*#__PURE__*/styled.label.withConfig({
|
21
21
|
componentId: "plasma-new-hope__sc-1ye0xbz-2"
|
22
22
|
})([""]);
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
2
|
import { tokens } from '../../../DatePicker.tokens';
|
3
3
|
import { StyledLabel, LeftHelper } from '../../SingleDate.styles';
|
4
|
-
export var base = /*#__PURE__*/css(["
|
4
|
+
export var base = /*#__PURE__*/css(["", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], StyledLabel, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight);
|