@salutejs/sdds-cs 0.352.0-next-sbcom.0 → 0.352.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/beta/cjs/Popover/Popover.js +4 -9
  2. package/dist/beta/es/Popover/Popover.js +4 -9
  3. package/dist/beta/types/Popover/Popover.d.ts +15 -2
  4. package/dist/emotion/cjs/components/Button/Button.js +5 -4
  5. package/dist/emotion/cjs/components/Counter/Counter.config.js +25 -38
  6. package/dist/emotion/cjs/components/Link/Link.config.js +27 -18
  7. package/dist/emotion/cjs/components/Slider/Slider.config.js +8 -3
  8. package/dist/emotion/cjs/components/TextArea/TextArea.js +4 -9
  9. package/dist/emotion/cjs/components/TextField/TextField.js +4 -9
  10. package/dist/emotion/cjs/components/Tour/Tour.config.js +7 -8
  11. package/dist/emotion/es/components/Button/Button.js +5 -4
  12. package/dist/emotion/es/components/Counter/Counter.config.js +25 -38
  13. package/dist/emotion/es/components/Link/Link.config.js +27 -18
  14. package/dist/emotion/es/components/Select/Select.config.js +8 -8
  15. package/dist/emotion/es/components/Slider/Slider.config.js +8 -3
  16. package/dist/emotion/es/components/TextArea/TextArea.js +4 -9
  17. package/dist/emotion/es/components/TextField/TextField.js +4 -9
  18. package/dist/emotion/es/components/Tour/Tour.config.js +8 -9
  19. package/package.json +8 -8
  20. package/types/components/Attach/Attach.d.ts +16 -16
  21. package/types/components/Button/Button.d.ts +6 -6
  22. package/types/components/Counter/Counter.config.d.ts +0 -2
  23. package/types/components/Counter/Counter.d.ts +0 -2
  24. package/types/components/DatePicker/DatePicker.d.ts +1 -1
  25. package/types/components/IconButton/IconButton.d.ts +2 -2
  26. package/types/components/Mask/Mask.d.ts +537 -9
  27. package/types/components/Select/Select.d.ts +464 -285
  28. package/types/components/Select/index.d.ts +1 -1
  29. package/types/components/Slider/Slider.d.ts +43 -27
  30. package/types/components/TextArea/TextArea.d.ts +605 -33
  31. package/types/components/TextField/TextField.d.ts +509 -9
package/dist/beta/cjs/Popover/Popover.js CHANGED
@@ -26,12 +26,7 @@ var mergedCloseNoneConfig = (0, _emotion.mergeConfig)(_emotion._beta_popoverConf
26
26
  var PopoverCloseNone = (0, _emotion.component)(mergedCloseNoneConfig);
27
27
  var mergedCloseInnerConfig = (0, _emotion.mergeConfig)(_emotion._beta_popoverConfig, _PopovercloseInnerconfig.config);
28
28
  var PopoverCloseInner = (0, _emotion.component)(mergedCloseInnerConfig);
29
- var Popover = (0, _emotion.createConditionalComponent)(PopoverCloseNone, [
30
- {
31
- conditions: {
32
- prop: 'appearance',
33
- value: 'closeInner'
34
- },
35
- component: PopoverCloseInner
36
- }
37
- ]);
29
+ var Popover = (0, _emotion.createConditionalComponent)({
30
+ default: PopoverCloseNone,
31
+ closeInner: PopoverCloseInner
32
+ });
package/dist/beta/es/Popover/Popover.js CHANGED
@@ -5,12 +5,7 @@ var mergedCloseNoneConfig = mergeConfig(_beta_popoverConfig, closeNoneConfig);
5
5
  export var PopoverCloseNone = component(mergedCloseNoneConfig);
6
6
  var mergedCloseInnerConfig = mergeConfig(_beta_popoverConfig, closeInnerConfig);
7
7
  export var PopoverCloseInner = component(mergedCloseInnerConfig);
8
- export var Popover = createConditionalComponent(PopoverCloseNone, [
9
- {
10
- conditions: {
11
- prop: 'appearance',
12
- value: 'closeInner'
13
- },
14
- component: PopoverCloseInner
15
- }
16
- ]);
8
+ export var Popover = createConditionalComponent({
9
+ default: PopoverCloseNone,
10
+ closeInner: PopoverCloseInner
11
+ });
package/dist/beta/types/Popover/Popover.d.ts CHANGED
@@ -18,7 +18,7 @@ export declare const PopoverCloseInner: import("react").FunctionComponent<import
18
18
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
19
  };
20
20
  }> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types.js").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
21
- export declare const Popover: import("react").ForwardRefExoticComponent<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
21
+ export declare const Popover: import("react").ForwardRefExoticComponent<((Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
22
22
  view: {
23
23
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
24
24
  info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -27,4 +27,17 @@ export declare const Popover: import("react").ForwardRefExoticComponent<Omit<imp
27
27
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
28
28
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
29
29
  };
30
- }> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types.js").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
30
+ }> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types.js").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "appearance"> & {
31
+ appearance?: "default";
32
+ }) | (Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
33
+ view: {
34
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
35
+ info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
36
+ };
37
+ size: {
38
+ m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
39
+ s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
40
+ };
41
+ }> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types.js").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "appearance"> & {
42
+ appearance: "closeInner";
43
+ })) & import("react").RefAttributes<HTMLDivElement>>;
package/dist/emotion/cjs/components/Button/Button.js CHANGED
@@ -10,6 +10,7 @@ Object.defineProperty(exports, "Button", {
10
10
  });
11
11
  var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
12
  var _emotion = require("@salutejs/plasma-new-hope/emotion");
13
+ var _plasmanewhope = require("@salutejs/plasma-new-hope");
13
14
  var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
14
15
  var _Buttonconfig = require("./Button.config");
15
16
  function _array_like_to_array(arr, len) {
@@ -178,10 +179,10 @@ var mergedConfig = (0, _emotion.mergeConfig)(_emotion.buttonConfig, _Buttonconfi
178
179
  var ButtonComponent = (0, _emotion.component)(mergedConfig);
179
180
  // INFO: Данное поведение запрошено продуктом/командой `sdds-cs`
180
181
  var StyledButton = /*#__PURE__*/ (0, _styled.default)(ButtonComponent, {
181
- target: "embbk120",
182
+ target: "e19yzswk0",
182
183
  label: "StyledButton"
183
- })("&&.", String(_emotion.buttonClasses.buttonLoading), "{color:var(", _emotion.buttonTokens.buttonColorActive, ",var(", _emotion.buttonTokens.buttonColor, "));background:var(", _emotion.buttonTokens.buttonBackgroundColorActive, ",var(", _emotion.buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbmZpZyB9IGZyb20gJy4vQnV0dG9uLmNvbmZpZyc7XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZywgY29uZmlnKTtcbmNvbnN0IEJ1dHRvbkNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgdHlwZSBCdXR0b25Qcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBCdXR0b25Db21wb25lbnQ+O1xuXG4vLyBJTkZPOiDQlNCw0L3QvdC+0LUg0L/QvtCy0LXQtNC10L3QuNC1INC30LDQv9GA0L7RiNC10L3QviDQv9GA0L7QtNGD0LrRgtC+0Lwv0LrQvtC80LDQvdC00L7QuSBgc2Rkcy1jc2BcbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b25Db21wb25lbnQpYFxuICAgICYmLiR7U3RyaW5nKGJ1dHRvbkNsYXNzZXMuYnV0dG9uTG9hZGluZyl9IHtcbiAgICAgICAgY29sb3I6IHZhcigke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX0sIHZhcigke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn0pKTtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX0sIHZhcigke2J1dHRvblRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KSk7XG5cbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuYDtcblxuLyoqXG4gKiDQmtC90L7Qv9C60LAuXG4gKi9cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBmb3J3YXJkUmVmPE9taXQ8SFRNTEJ1dHRvbkVsZW1lbnQsICd2YWx1ZSc+LCBCdXR0b25Qcm9wcz4oXG4gICAgKHsgb25DbGljaywgaXNMb2FkaW5nLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc0xvYWRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2lzTG9hZGluZywgb25DbGlja10sXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gPFN0eWxlZEJ1dHRvbiB2YWx1ZT17dmFsdWV9IHJlZj17cmVmfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IHsuLi5wcm9wc30gLz47XG4gICAgfSxcbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXFCIn0= */");
184
- var Button = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
184
+ })("&&.", String(_emotion.buttonClasses.buttonLoading), "{color:var(", _emotion.buttonTokens.buttonColorActive, ",var(", _emotion.buttonTokens.buttonColor, "));background:var(", _emotion.buttonTokens.buttonBackgroundColorActive, ",var(", _emotion.buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgeyBtYWtlUG9seW1vcnBoaWMgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29uZmlnIH0gZnJvbSAnLi9CdXR0b24uY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD47XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvC/QutC+0LzQsNC90LTQvtC5IGBzZGRzLWNzYFxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkNvbXBvbmVudClgXG4gICAgJiYuJHtTdHJpbmcoYnV0dG9uQ2xhc3Nlcy5idXR0b25Mb2FkaW5nKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfSkpO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn0pKTtcblxuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCa0L3QvtC/0LrQsC5cbiAqL1xuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IG1ha2VQb2x5bW9ycGhpYyhcbiAgICBmb3J3YXJkUmVmPE9taXQ8SFRNTEJ1dHRvbkVsZW1lbnQsICd2YWx1ZSc+LCBCdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc0xvYWRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2lzTG9hZGluZywgb25DbGlja10sXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gPFN0eWxlZEJ1dHRvbiB2YWx1ZT17dmFsdWV9IHJlZj17cmVmfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IHsuLi5wcm9wc30gLz47XG4gICAgfSksXG4gICAgJ2J1dHRvbicsXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiJ9 */");
185
+ var Button = (0, _plasmanewhope.makePolymorphic)(/*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
185
186
  var _ref = [
186
187
  _0,
187
188
  _1
@@ -205,4 +206,4 @@ var Button = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
205
206
  onClick: handleClick,
206
207
  isLoading: isLoading
207
208
  }, props));
208
- });
209
+ }), 'button');
package/dist/emotion/cjs/components/Counter/Counter.config.js CHANGED
@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
9
9
  }
10
10
  });
11
11
  var _emotion = require("@salutejs/plasma-new-hope/emotion");
12
+ var _tokens = require("@salutejs/sdds-themes/tokens");
12
13
  function _tagged_template_literal(strings, raw) {
13
14
  if (!raw) {
14
15
  raw = strings.slice(0);
@@ -22,8 +23,10 @@ function _tagged_template_literal(strings, raw) {
22
23
  function _templateObject() {
23
24
  var data = _tagged_template_literal([
24
25
  "\n ",
25
- ": var(--inverse-text-primary);\n ",
26
- ": var(--surface-solid-default);\n "
26
+ ": ",
27
+ ";\n ",
28
+ ": ",
29
+ ";\n "
27
30
  ]);
28
31
  _templateObject = function _templateObject() {
29
32
  return data;
@@ -33,8 +36,10 @@ function _templateObject() {
33
36
  function _templateObject1() {
34
37
  var data = _tagged_template_literal([
35
38
  "\n ",
36
- ": var(--on-dark-text-primary);\n ",
37
- ": var(--surface-accent);\n "
39
+ ": ",
40
+ ";\n ",
41
+ ": ",
42
+ ";\n "
38
43
  ]);
39
44
  _templateObject1 = function _templateObject() {
40
45
  return data;
@@ -42,41 +47,25 @@ function _templateObject1() {
42
47
  return data;
43
48
  }
44
49
  function _templateObject2() {
45
- var data = _tagged_template_literal([
46
- "\n ",
47
- ": var(--on-dark-text-primary);\n ",
48
- ": var(--surface-positive);\n "
49
- ]);
50
- _templateObject2 = function _templateObject() {
51
- return data;
52
- };
53
- return data;
54
- }
55
- function _templateObject3() {
56
- var data = _tagged_template_literal([
57
- "\n ",
58
- ": var(--on-dark-text-primary);\n ",
59
- ": var(--surface-negative);\n "
60
- ]);
61
- _templateObject3 = function _templateObject() {
62
- return data;
63
- };
64
- return data;
65
- }
66
- function _templateObject4() {
67
50
  var data = _tagged_template_literal([
68
51
  "\n ",
69
52
  ": 1.25rem;\n ",
70
53
  ": 1.25rem;\n ",
71
54
  ": 0 0.375rem;\n\n ",
72
- ": var(--plasma-typo-body-s-font-family);\n ",
73
- ": var(--plasma-typo-body-s-font-size);\n ",
74
- ": var(--plasma-typo-body-s-font-style);\n ",
75
- ": var(--plasma-typo-body-s-font-weight);\n ",
76
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
77
- ": var(--plasma-typo-body-s-line-height);\n "
55
+ ": ",
56
+ ";\n ",
57
+ ": ",
58
+ ";\n ",
59
+ ": ",
60
+ ";\n ",
61
+ ": ",
62
+ ";\n ",
63
+ ": ",
64
+ ";\n ",
65
+ ": ",
66
+ ";\n "
78
67
  ]);
79
- _templateObject4 = function _templateObject() {
68
+ _templateObject2 = function _templateObject() {
80
69
  return data;
81
70
  };
82
71
  return data;
@@ -88,13 +77,11 @@ var config = {
88
77
  },
89
78
  variations: {
90
79
  view: {
91
- default: (0, _emotion.css)(_templateObject(), _emotion.counterTokens.color, _emotion.counterTokens.background),
92
- accent: (0, _emotion.css)(_templateObject1(), _emotion.counterTokens.color, _emotion.counterTokens.background),
93
- positive: (0, _emotion.css)(_templateObject2(), _emotion.counterTokens.color, _emotion.counterTokens.background),
94
- negative: (0, _emotion.css)(_templateObject3(), _emotion.counterTokens.color, _emotion.counterTokens.background)
80
+ default: (0, _emotion.css)(_templateObject(), _emotion.counterTokens.color, _tokens.textPrimary, _emotion.counterTokens.background, _tokens.surfaceSolidTertiary),
81
+ negative: (0, _emotion.css)(_templateObject1(), _emotion.counterTokens.color, _tokens.onDarkTextPrimary, _emotion.counterTokens.background, _tokens.surfaceNegative)
95
82
  },
96
83
  size: {
97
- s: (0, _emotion.css)(_templateObject4(), _emotion.counterTokens.borderRadius, _emotion.counterTokens.height, _emotion.counterTokens.padding, _emotion.counterTokens.fontFamily, _emotion.counterTokens.fontSize, _emotion.counterTokens.fontStyle, _emotion.counterTokens.fontWeight, _emotion.counterTokens.letterSpacing, _emotion.counterTokens.lineHeight)
84
+ s: (0, _emotion.css)(_templateObject2(), _emotion.counterTokens.borderRadius, _emotion.counterTokens.height, _emotion.counterTokens.padding, _emotion.counterTokens.fontFamily, _tokens.bodyS.fontFamily, _emotion.counterTokens.fontSize, _tokens.bodyS.fontSize, _emotion.counterTokens.fontStyle, _tokens.bodyS.fontStyle, _emotion.counterTokens.fontWeight, _tokens.bodyS.fontWeight, _emotion.counterTokens.letterSpacing, _tokens.bodyS.letterSpacing, _emotion.counterTokens.lineHeight, _tokens.bodyS.lineHeight)
98
85
  }
99
86
  }
100
87
  };
package/dist/emotion/cjs/components/Link/Link.config.js CHANGED
@@ -29,7 +29,8 @@ function _templateObject() {
29
29
  ": var(--text-primary);\n ",
30
30
  ": var(--text-primary-hover);\n ",
31
31
  ": var(--text-primary-active);\n ",
32
- ": 0;\n "
32
+ ": 0.063rem;\n ",
33
+ ": 0.25rem;\n "
33
34
  ]);
34
35
  _templateObject = function _templateObject() {
35
36
  return data;
@@ -46,7 +47,8 @@ function _templateObject1() {
46
47
  ": var(--text-secondary);\n ",
47
48
  ": var(--text-secondary-hover);\n ",
48
49
  ": var(--text-secondary-active);\n ",
49
- ": 0;\n "
50
+ ": 0.063rem;\n ",
51
+ ": 0.25rem;\n "
50
52
  ]);
51
53
  _templateObject1 = function _templateObject() {
52
54
  return data;
@@ -63,7 +65,8 @@ function _templateObject2() {
63
65
  ": var(--text-tertiary);\n ",
64
66
  ": var(--text-tertiary-hover);\n ",
65
67
  ": var(--text-tertiary-active);\n ",
66
- ": 0;\n "
68
+ ": 0.063rem;\n ",
69
+ ": 0.25rem;\n "
67
70
  ]);
68
71
  _templateObject2 = function _templateObject() {
69
72
  return data;
@@ -80,7 +83,8 @@ function _templateObject3() {
80
83
  ": var(--text-paragraph);\n ",
81
84
  ": var(--text-paragraph-hover);\n ",
82
85
  ": var(--text-paragraph-active);\n ",
83
- ": 0;\n "
86
+ ": 0.063rem;\n ",
87
+ ": 0.25rem;\n "
84
88
  ]);
85
89
  _templateObject3 = function _templateObject() {
86
90
  return data;
@@ -97,7 +101,8 @@ function _templateObject4() {
97
101
  ": var(--text-accent);\n ",
98
102
  ": var(--text-accent-minor);\n ",
99
103
  ": var(--text-accent-active);\n ",
100
- ": 0;\n "
104
+ ": 0.063rem;\n ",
105
+ ": 0.25rem;\n "
101
106
  ]);
102
107
  _templateObject4 = function _templateObject() {
103
108
  return data;
@@ -114,7 +119,8 @@ function _templateObject5() {
114
119
  ": var(--text-positive);\n ",
115
120
  ": var(--text-positive-hover);\n ",
116
121
  ": var(--text-positive-active);\n ",
117
- ": 0;\n "
122
+ ": 0.063rem;\n ",
123
+ ": 0.25rem;\n "
118
124
  ]);
119
125
  _templateObject5 = function _templateObject() {
120
126
  return data;
@@ -131,7 +137,8 @@ function _templateObject6() {
131
137
  ": var(--text-warning);\n ",
132
138
  ": var(--text-warning-hover);\n ",
133
139
  ": var(--text-warning-active);\n ",
134
- ": 0;\n "
140
+ ": 0.063rem;\n ",
141
+ ": 0.25rem;\n "
135
142
  ]);
136
143
  _templateObject6 = function _templateObject() {
137
144
  return data;
@@ -148,7 +155,8 @@ function _templateObject7() {
148
155
  ": var(--text-negative);\n ",
149
156
  ": var(--text-negative-hover);\n ",
150
157
  ": var(--text-negative-active);\n ",
151
- ": 0;\n "
158
+ ": 0.063rem;\n ",
159
+ ": 0.25rem;\n "
152
160
  ]);
153
161
  _templateObject7 = function _templateObject() {
154
162
  return data;
@@ -165,7 +173,8 @@ function _templateObject8() {
165
173
  ": inherit;\n ",
166
174
  ": inherit;\n ",
167
175
  ": inherit;\n ",
168
- ": 0.063rem;\n "
176
+ ": 0.063rem;\n ",
177
+ ": 0.25rem;\n "
169
178
  ]);
170
179
  _templateObject8 = function _templateObject() {
171
180
  return data;
@@ -199,15 +208,15 @@ var config = {
199
208
  },
200
209
  variations: {
201
210
  view: {
202
- default: (0, _emotion.css)(_templateObject(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
203
- secondary: (0, _emotion.css)(_templateObject1(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
204
- tertiary: (0, _emotion.css)(_templateObject2(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
205
- paragraph: (0, _emotion.css)(_templateObject3(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
206
- accent: (0, _emotion.css)(_templateObject4(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
207
- positive: (0, _emotion.css)(_templateObject5(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
208
- warning: (0, _emotion.css)(_templateObject6(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
209
- negative: (0, _emotion.css)(_templateObject7(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
210
- clear: (0, _emotion.css)(_templateObject8(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder)
211
+ default: (0, _emotion.css)(_templateObject(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder, _emotion.linkTokens.linkUnderlineOffset),
212
+ secondary: (0, _emotion.css)(_templateObject1(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder, _emotion.linkTokens.linkUnderlineOffset),
213
+ tertiary: (0, _emotion.css)(_templateObject2(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder, _emotion.linkTokens.linkUnderlineOffset),
214
+ paragraph: (0, _emotion.css)(_templateObject3(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder, _emotion.linkTokens.linkUnderlineOffset),
215
+ accent: (0, _emotion.css)(_templateObject4(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder, _emotion.linkTokens.linkUnderlineOffset),
216
+ positive: (0, _emotion.css)(_templateObject5(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder, _emotion.linkTokens.linkUnderlineOffset),
217
+ warning: (0, _emotion.css)(_templateObject6(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder, _emotion.linkTokens.linkUnderlineOffset),
218
+ negative: (0, _emotion.css)(_templateObject7(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder, _emotion.linkTokens.linkUnderlineOffset),
219
+ clear: (0, _emotion.css)(_templateObject8(), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder, _emotion.linkTokens.linkUnderlineOffset)
211
220
  },
212
221
  disabled: {
213
222
  true: (0, _emotion.css)(_templateObject9(), _emotion.linkTokens.linkDisabledOpacity)
package/dist/emotion/cjs/components/Slider/Slider.config.js CHANGED
@@ -29,6 +29,8 @@ function _templateObject() {
29
29
  ": var(--surface-solid-default);\n\n ",
30
30
  ": var(--surface-solid-primary);\n\n ",
31
31
  ": var(--surface-solid-default);\n\n ",
32
+ ": var(--surface-solid-primary);\n ",
33
+ ": var(--surface-solid-default);\n\n ",
32
34
  ": var(--text-accent);\n ",
33
35
  ": var(--text-primary);\n ",
34
36
  ": var(--text-primary);\n ",
@@ -55,6 +57,8 @@ function _templateObject1() {
55
57
  ": var(--surface-accent);\n\n ",
56
58
  ": var(--surface-solid-primary);\n\n ",
57
59
  ": var(--surface-accent);\n\n ",
60
+ ": var(--surface-solid-primary);\n ",
61
+ ": var(--surface-accent);\n\n ",
58
62
  ": var(--text-secondary);\n\n ",
59
63
  ": var(--text-accent);\n ",
60
64
  ": var(--text-primary);\n ",
@@ -101,6 +105,7 @@ function _templateObject2() {
101
105
  ": 1rem;\n ",
102
106
  ": 1.25rem;\n ",
103
107
  ": 0.0625rem solid;\n\n ",
108
+ ": 0.5rem;\n\n ",
104
109
  ": 1.25rem;\n\n ",
105
110
  ": 0.25rem;\n ",
106
111
  ": 0.125rem;\n ",
@@ -139,11 +144,11 @@ var config = {
139
144
  },
140
145
  variations: {
141
146
  view: {
142
- default: (0, _emotion.css)(_templateObject(), _emotion.sliderTokens.labelColor, _emotion.sliderTokens.rangeValueColor, _emotion.sliderTokens.thumbBorderColor, _emotion.sliderTokens.thumbBackgroundColor, _emotion.sliderTokens.thumbFocusBorderColor, _emotion.sliderTokens.railBackgroundColor, _emotion.sliderTokens.fillColor, _emotion.sliderTokens.textFieldCaretColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFiledFocusColor, _emotion.sliderTokens.textFieldPlaceholderColor, _emotion.sliderTokens.textFieldBorderColor, _emotion.sliderTokens.textFieldBorderColorFocus, _emotion.sliderTokens.textFieldBorderColorHover, _emotion.sliderTokens.textFieldBackgroundColor, _emotion.sliderTokens.textFieldBackgroundColorHover, _emotion.sliderTokens.textFieldBackgroundColorFocus),
143
- accent: (0, _emotion.css)(_templateObject1(), _emotion.sliderTokens.labelColor, _emotion.sliderTokens.rangeValueColor, _emotion.sliderTokens.thumbBorderColor, _emotion.sliderTokens.thumbBackgroundColor, _emotion.sliderTokens.thumbFocusBorderColor, _emotion.sliderTokens.railBackgroundColor, _emotion.sliderTokens.fillColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFieldCaretColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFiledFocusColor, _emotion.sliderTokens.textFieldPlaceholderColor, _emotion.sliderTokens.textFieldBorderColor, _emotion.sliderTokens.textFieldBorderColorFocus, _emotion.sliderTokens.textFieldBorderColorHover, _emotion.sliderTokens.textFieldBackgroundColor, _emotion.sliderTokens.textFieldBackgroundColorHover, _emotion.sliderTokens.textFieldBackgroundColorFocus)
147
+ default: (0, _emotion.css)(_templateObject(), _emotion.sliderTokens.labelColor, _emotion.sliderTokens.rangeValueColor, _emotion.sliderTokens.thumbBorderColor, _emotion.sliderTokens.thumbBackgroundColor, _emotion.sliderTokens.thumbFocusBorderColor, _emotion.sliderTokens.railBackgroundColor, _emotion.sliderTokens.fillColor, _emotion.sliderTokens.tickDotColor, _emotion.sliderTokens.tickDotFilledColor, _emotion.sliderTokens.textFieldCaretColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFiledFocusColor, _emotion.sliderTokens.textFieldPlaceholderColor, _emotion.sliderTokens.textFieldBorderColor, _emotion.sliderTokens.textFieldBorderColorFocus, _emotion.sliderTokens.textFieldBorderColorHover, _emotion.sliderTokens.textFieldBackgroundColor, _emotion.sliderTokens.textFieldBackgroundColorHover, _emotion.sliderTokens.textFieldBackgroundColorFocus),
148
+ accent: (0, _emotion.css)(_templateObject1(), _emotion.sliderTokens.labelColor, _emotion.sliderTokens.rangeValueColor, _emotion.sliderTokens.thumbBorderColor, _emotion.sliderTokens.thumbBackgroundColor, _emotion.sliderTokens.thumbFocusBorderColor, _emotion.sliderTokens.railBackgroundColor, _emotion.sliderTokens.fillColor, _emotion.sliderTokens.tickDotColor, _emotion.sliderTokens.tickDotFilledColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFieldCaretColor, _emotion.sliderTokens.textFieldColor, _emotion.sliderTokens.textFiledFocusColor, _emotion.sliderTokens.textFieldPlaceholderColor, _emotion.sliderTokens.textFieldBorderColor, _emotion.sliderTokens.textFieldBorderColorFocus, _emotion.sliderTokens.textFieldBorderColorHover, _emotion.sliderTokens.textFieldBackgroundColor, _emotion.sliderTokens.textFieldBackgroundColorHover, _emotion.sliderTokens.textFieldBackgroundColorFocus)
144
149
  },
145
150
  size: {
146
- s: (0, _emotion.css)(_templateObject2(), _emotion.sliderTokens.size, _emotion.sliderTokens.doubleWrapperGap, _emotion.sliderTokens.labelWrapperGap, _emotion.sliderTokens.labelWrapperMarginBottom, _emotion.sliderTokens.labelWrapperMarginRight, _emotion.sliderTokens.labelWrapperOnlyIconMarginRight, _emotion.sliderTokens.labelWrapperVerticalMargin, _emotion.sliderTokens.labelFontFamily, _emotion.sliderTokens.labelFontSize, _emotion.sliderTokens.labelFontStyle, _emotion.sliderTokens.labelFontWeight, _emotion.sliderTokens.labelLetterSpacing, _emotion.sliderTokens.labelLineHeight, _emotion.sliderTokens.rangeValueHorizontalMargin, _emotion.sliderTokens.rangeValueBottomOffset, _emotion.sliderTokens.rangeValueHorizontalOffset, _emotion.sliderTokens.rangeValueVerticalMargin, _emotion.sliderTokens.valueFontFamily, _emotion.sliderTokens.valueFontSize, _emotion.sliderTokens.valueFontStyle, _emotion.sliderTokens.valueFontWeight, _emotion.sliderTokens.valueLetterSpacing, _emotion.sliderTokens.valueLineHeight, _emotion.sliderTokens.thumbSize, _emotion.sliderTokens.thumbSizeLarge, _emotion.sliderTokens.thumbBorder, _emotion.sliderTokens.currentValueTopOffset, _emotion.sliderTokens.railThickness, _emotion.sliderTokens.railBorderRadius, _emotion.sliderTokens.railIndent, _emotion.sliderTokens.textFieldWrapperGap, _emotion.sliderTokens.textFieldBorderWidth, _emotion.sliderTokens.textFieldHeight, _emotion.sliderTokens.textFieldPadding, _emotion.sliderTokens.textFieldBorderRadius, _emotion.sliderTokens.textFieldFontFamily, _emotion.sliderTokens.textFieldFontSize, _emotion.sliderTokens.textFieldFontStyle, _emotion.sliderTokens.textFieldFontWeight, _emotion.sliderTokens.textFieldLetterSpacing, _emotion.sliderTokens.textFieldLineHeight)
151
+ s: (0, _emotion.css)(_templateObject2(), _emotion.sliderTokens.size, _emotion.sliderTokens.doubleWrapperGap, _emotion.sliderTokens.labelWrapperGap, _emotion.sliderTokens.labelWrapperMarginBottom, _emotion.sliderTokens.labelWrapperMarginRight, _emotion.sliderTokens.labelWrapperOnlyIconMarginRight, _emotion.sliderTokens.labelWrapperVerticalMargin, _emotion.sliderTokens.labelFontFamily, _emotion.sliderTokens.labelFontSize, _emotion.sliderTokens.labelFontStyle, _emotion.sliderTokens.labelFontWeight, _emotion.sliderTokens.labelLetterSpacing, _emotion.sliderTokens.labelLineHeight, _emotion.sliderTokens.rangeValueHorizontalMargin, _emotion.sliderTokens.rangeValueBottomOffset, _emotion.sliderTokens.rangeValueHorizontalOffset, _emotion.sliderTokens.rangeValueVerticalMargin, _emotion.sliderTokens.valueFontFamily, _emotion.sliderTokens.valueFontSize, _emotion.sliderTokens.valueFontStyle, _emotion.sliderTokens.valueFontWeight, _emotion.sliderTokens.valueLetterSpacing, _emotion.sliderTokens.valueLineHeight, _emotion.sliderTokens.thumbSize, _emotion.sliderTokens.thumbSizeLarge, _emotion.sliderTokens.thumbBorder, _emotion.sliderTokens.tickSize, _emotion.sliderTokens.currentValueTopOffset, _emotion.sliderTokens.railThickness, _emotion.sliderTokens.railBorderRadius, _emotion.sliderTokens.railIndent, _emotion.sliderTokens.textFieldWrapperGap, _emotion.sliderTokens.textFieldBorderWidth, _emotion.sliderTokens.textFieldHeight, _emotion.sliderTokens.textFieldPadding, _emotion.sliderTokens.textFieldBorderRadius, _emotion.sliderTokens.textFieldFontFamily, _emotion.sliderTokens.textFieldFontSize, _emotion.sliderTokens.textFieldFontStyle, _emotion.sliderTokens.textFieldFontWeight, _emotion.sliderTokens.textFieldLetterSpacing, _emotion.sliderTokens.textFieldLineHeight)
147
152
  },
148
153
  disabled: {
149
154
  true: (0, _emotion.css)(_templateObject3(), _emotion.sliderTokens.disabledOpacity)
package/dist/emotion/cjs/components/TextArea/TextArea.js CHANGED
@@ -26,12 +26,7 @@ var mergedConfig = (0, _emotion.mergeConfig)(_emotion.textAreaConfig, _TextAreac
26
26
  var TextAreaDefault = (0, _emotion.component)(mergedConfig);
27
27
  var mergedConfigClear = (0, _emotion.mergeConfig)(_emotion.textAreaConfig, _TextAreaclearconfig.config);
28
28
  var TextAreaClear = (0, _emotion.component)(mergedConfigClear);
29
- var TextArea = (0, _emotion.createConditionalComponent)(TextAreaDefault, [
30
- {
31
- conditions: {
32
- prop: 'appearance',
33
- value: 'clear'
34
- },
35
- component: TextAreaClear
36
- }
37
- ]);
29
+ var TextArea = (0, _emotion.createConditionalComponent)({
30
+ default: TextAreaDefault,
31
+ clear: TextAreaClear
32
+ });
package/dist/emotion/cjs/components/TextField/TextField.js CHANGED
@@ -26,12 +26,7 @@ var mergedConfigDefault = (0, _emotion.mergeConfig)(_emotion.textFieldConfig, _T
26
26
  var TextFieldDefault = (0, _emotion.component)(mergedConfigDefault);
27
27
  var mergedConfigClear = (0, _emotion.mergeConfig)(_emotion.textFieldConfig, _TextFieldclearconfig.config);
28
28
  var TextFieldClear = (0, _emotion.component)(mergedConfigClear);
29
- var TextField = (0, _emotion.createConditionalComponent)(TextFieldDefault, [
30
- {
31
- conditions: {
32
- prop: 'appearance',
33
- value: 'clear'
34
- },
35
- component: TextFieldClear
36
- }
37
- ]);
29
+ var TextField = (0, _emotion.createConditionalComponent)({
30
+ default: TextFieldDefault,
31
+ clear: TextFieldClear
32
+ });
package/dist/emotion/cjs/components/Tour/Tour.config.js CHANGED
@@ -21,7 +21,9 @@ function _tagged_template_literal(strings, raw) {
21
21
  }
22
22
  function _templateObject() {
23
23
  var data = _tagged_template_literal([
24
- ""
24
+ "\n ",
25
+ ": var(--surface-solid-card);\n ",
26
+ ": rgba(0, 0, 0, 0.45);\n "
25
27
  ]);
26
28
  _templateObject = function _templateObject() {
27
29
  return data;
@@ -30,10 +32,7 @@ function _templateObject() {
30
32
  }
31
33
  function _templateObject1() {
32
34
  var data = _tagged_template_literal([
33
- "\n ",
34
- ": 0.75rem;\n ",
35
- ": 0.75rem;\n ",
36
- ": 0.75rem;\n "
35
+ ""
37
36
  ]);
38
37
  _templateObject1 = function _templateObject() {
39
38
  return data;
@@ -42,15 +41,15 @@ function _templateObject1() {
42
41
  }
43
42
  var config = {
44
43
  defaults: {
45
- view: 'accent',
44
+ view: 'default',
46
45
  size: 's'
47
46
  },
48
47
  variations: {
49
48
  view: {
50
- default: (0, _emotion.css)(_templateObject())
49
+ default: (0, _emotion.css)(_templateObject(), _emotion.tourTokens.tailColor, _emotion.tourTokens.overlayColor)
51
50
  },
52
51
  size: {
53
- s: (0, _emotion.css)(_templateObject1(), _emotion.tourTokens.cardPadding, _emotion.tourTokens.cardRadius, _emotion.tourTokens.highlightRadius)
52
+ s: (0, _emotion.css)(_templateObject1())
54
53
  }
55
54
  }
56
55
  };
package/dist/emotion/es/components/Button/Button.js CHANGED
@@ -116,18 +116,19 @@ function _unsupported_iterable_to_array(o, minLen) {
116
116
  }
117
117
  import React, { useCallback, forwardRef } from 'react';
118
118
  import { buttonConfig, component, mergeConfig, buttonClasses, buttonTokens } from '@salutejs/plasma-new-hope/emotion';
119
+ import { makePolymorphic } from '@salutejs/plasma-new-hope';
119
120
  import styled from '@emotion/styled';
120
121
  import { config } from './Button.config';
121
122
  var mergedConfig = mergeConfig(buttonConfig, config);
122
123
  var ButtonComponent = component(mergedConfig);
123
124
  // INFO: Данное поведение запрошено продуктом/командой `sdds-cs`
124
125
  var StyledButton = /*#__PURE__*/ styled(ButtonComponent, {
125
- target: "embbk120",
126
+ target: "e19yzswk0",
126
127
  label: "StyledButton"
127
- })("&&.", String(buttonClasses.buttonLoading), "{color:var(", buttonTokens.buttonColorActive, ",var(", buttonTokens.buttonColor, "));background:var(", buttonTokens.buttonBackgroundColorActive, ",var(", buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbmZpZyB9IGZyb20gJy4vQnV0dG9uLmNvbmZpZyc7XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZywgY29uZmlnKTtcbmNvbnN0IEJ1dHRvbkNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgdHlwZSBCdXR0b25Qcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBCdXR0b25Db21wb25lbnQ+O1xuXG4vLyBJTkZPOiDQlNCw0L3QvdC+0LUg0L/QvtCy0LXQtNC10L3QuNC1INC30LDQv9GA0L7RiNC10L3QviDQv9GA0L7QtNGD0LrRgtC+0Lwv0LrQvtC80LDQvdC00L7QuSBgc2Rkcy1jc2BcbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b25Db21wb25lbnQpYFxuICAgICYmLiR7U3RyaW5nKGJ1dHRvbkNsYXNzZXMuYnV0dG9uTG9hZGluZyl9IHtcbiAgICAgICAgY29sb3I6IHZhcigke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX0sIHZhcigke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn0pKTtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX0sIHZhcigke2J1dHRvblRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KSk7XG5cbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuYDtcblxuLyoqXG4gKiDQmtC90L7Qv9C60LAuXG4gKi9cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBmb3J3YXJkUmVmPE9taXQ8SFRNTEJ1dHRvbkVsZW1lbnQsICd2YWx1ZSc+LCBCdXR0b25Qcm9wcz4oXG4gICAgKHsgb25DbGljaywgaXNMb2FkaW5nLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc0xvYWRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2lzTG9hZGluZywgb25DbGlja10sXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gPFN0eWxlZEJ1dHRvbiB2YWx1ZT17dmFsdWV9IHJlZj17cmVmfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IHsuLi5wcm9wc30gLz47XG4gICAgfSxcbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXFCIn0= */");
128
+ })("&&.", String(buttonClasses.buttonLoading), "{color:var(", buttonTokens.buttonColorActive, ",var(", buttonTokens.buttonColor, "));background:var(", buttonTokens.buttonBackgroundColorActive, ",var(", buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgeyBtYWtlUG9seW1vcnBoaWMgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29uZmlnIH0gZnJvbSAnLi9CdXR0b24uY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD47XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvC/QutC+0LzQsNC90LTQvtC5IGBzZGRzLWNzYFxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkNvbXBvbmVudClgXG4gICAgJiYuJHtTdHJpbmcoYnV0dG9uQ2xhc3Nlcy5idXR0b25Mb2FkaW5nKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfSkpO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn0pKTtcblxuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCa0L3QvtC/0LrQsC5cbiAqL1xuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IG1ha2VQb2x5bW9ycGhpYyhcbiAgICBmb3J3YXJkUmVmPE9taXQ8SFRNTEJ1dHRvbkVsZW1lbnQsICd2YWx1ZSc+LCBCdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc0xvYWRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2lzTG9hZGluZywgb25DbGlja10sXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gPFN0eWxlZEJ1dHRvbiB2YWx1ZT17dmFsdWV9IHJlZj17cmVmfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IHsuLi5wcm9wc30gLz47XG4gICAgfSksXG4gICAgJ2J1dHRvbicsXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiJ9 */");
128
129
  /**
129
130
  * Кнопка.
130
- */ export var Button = /*#__PURE__*/ forwardRef(function(_0, _1) {
131
+ */ export var Button = makePolymorphic(/*#__PURE__*/ forwardRef(function(_0, _1) {
131
132
  var _ref = [
132
133
  _0,
133
134
  _1
@@ -151,4 +152,4 @@ var StyledButton = /*#__PURE__*/ styled(ButtonComponent, {
151
152
  onClick: handleClick,
152
153
  isLoading: isLoading
153
154
  }, props));
154
- });
155
+ }), 'button');
package/dist/emotion/es/components/Counter/Counter.config.js CHANGED
@@ -11,8 +11,10 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
- ": var(--inverse-text-primary);\n ",
15
- ": var(--surface-solid-default);\n "
14
+ ": ",
15
+ ";\n ",
16
+ ": ",
17
+ ";\n "
16
18
  ]);
17
19
  _templateObject = function _templateObject() {
18
20
  return data;
@@ -22,8 +24,10 @@ function _templateObject() {
22
24
  function _templateObject1() {
23
25
  var data = _tagged_template_literal([
24
26
  "\n ",
25
- ": var(--on-dark-text-primary);\n ",
26
- ": var(--surface-accent);\n "
27
+ ": ",
28
+ ";\n ",
29
+ ": ",
30
+ ";\n "
27
31
  ]);
28
32
  _templateObject1 = function _templateObject() {
29
33
  return data;
@@ -31,46 +35,31 @@ function _templateObject1() {
31
35
  return data;
32
36
  }
33
37
  function _templateObject2() {
34
- var data = _tagged_template_literal([
35
- "\n ",
36
- ": var(--on-dark-text-primary);\n ",
37
- ": var(--surface-positive);\n "
38
- ]);
39
- _templateObject2 = function _templateObject() {
40
- return data;
41
- };
42
- return data;
43
- }
44
- function _templateObject3() {
45
- var data = _tagged_template_literal([
46
- "\n ",
47
- ": var(--on-dark-text-primary);\n ",
48
- ": var(--surface-negative);\n "
49
- ]);
50
- _templateObject3 = function _templateObject() {
51
- return data;
52
- };
53
- return data;
54
- }
55
- function _templateObject4() {
56
38
  var data = _tagged_template_literal([
57
39
  "\n ",
58
40
  ": 1.25rem;\n ",
59
41
  ": 1.25rem;\n ",
60
42
  ": 0 0.375rem;\n\n ",
61
- ": var(--plasma-typo-body-s-font-family);\n ",
62
- ": var(--plasma-typo-body-s-font-size);\n ",
63
- ": var(--plasma-typo-body-s-font-style);\n ",
64
- ": var(--plasma-typo-body-s-font-weight);\n ",
65
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
66
- ": var(--plasma-typo-body-s-line-height);\n "
43
+ ": ",
44
+ ";\n ",
45
+ ": ",
46
+ ";\n ",
47
+ ": ",
48
+ ";\n ",
49
+ ": ",
50
+ ";\n ",
51
+ ": ",
52
+ ";\n ",
53
+ ": ",
54
+ ";\n "
67
55
  ]);
68
- _templateObject4 = function _templateObject() {
56
+ _templateObject2 = function _templateObject() {
69
57
  return data;
70
58
  };
71
59
  return data;
72
60
  }
73
61
  import { css, counterTokens } from '@salutejs/plasma-new-hope/emotion';
62
+ import { surfaceSolidTertiary, textPrimary, surfaceNegative, onDarkTextPrimary, bodyS } from '@salutejs/sdds-themes/tokens';
74
63
  export var config = {
75
64
  defaults: {
76
65
  view: 'default',
@@ -78,13 +67,11 @@ export var config = {
78
67
  },
79
68
  variations: {
80
69
  view: {
81
- default: css(_templateObject(), counterTokens.color, counterTokens.background),
82
- accent: css(_templateObject1(), counterTokens.color, counterTokens.background),
83
- positive: css(_templateObject2(), counterTokens.color, counterTokens.background),
84
- negative: css(_templateObject3(), counterTokens.color, counterTokens.background)
70
+ default: css(_templateObject(), counterTokens.color, textPrimary, counterTokens.background, surfaceSolidTertiary),
71
+ negative: css(_templateObject1(), counterTokens.color, onDarkTextPrimary, counterTokens.background, surfaceNegative)
85
72
  },
86
73
  size: {
87
- s: css(_templateObject4(), counterTokens.borderRadius, counterTokens.height, counterTokens.padding, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight)
74
+ s: css(_templateObject2(), counterTokens.borderRadius, counterTokens.height, counterTokens.padding, counterTokens.fontFamily, bodyS.fontFamily, counterTokens.fontSize, bodyS.fontSize, counterTokens.fontStyle, bodyS.fontStyle, counterTokens.fontWeight, bodyS.fontWeight, counterTokens.letterSpacing, bodyS.letterSpacing, counterTokens.lineHeight, bodyS.lineHeight)
88
75
  }
89
76
  }
90
77
  };