@salutejs/sdds-cs 0.321.0-dev.0 → 0.321.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 (19) hide show
  1. package/components/Combobox/Combobox.config.js +16 -10
  2. package/components/Divider/Divider.config.js +4 -4
  3. package/components/Select/Select.config.js +19 -14
  4. package/components/TextArea/TextArea.d.ts +8 -0
  5. package/components/Tooltip/Tooltip.config.d.ts +1 -0
  6. package/components/Tooltip/Tooltip.config.js +20 -6
  7. package/emotion/cjs/components/Combobox/Combobox.config.js +16 -10
  8. package/emotion/cjs/components/Divider/Divider.config.js +4 -4
  9. package/emotion/cjs/components/Select/Select.config.js +19 -14
  10. package/emotion/cjs/components/Tooltip/Tooltip.config.js +20 -6
  11. package/emotion/es/components/Combobox/Combobox.config.js +16 -10
  12. package/emotion/es/components/Divider/Divider.config.js +4 -4
  13. package/emotion/es/components/Select/Select.config.js +19 -14
  14. package/emotion/es/components/Tooltip/Tooltip.config.js +20 -6
  15. package/es/components/Combobox/Combobox.config.js +16 -10
  16. package/es/components/Divider/Divider.config.js +4 -4
  17. package/es/components/Select/Select.config.js +19 -14
  18. package/es/components/Tooltip/Tooltip.config.js +20 -6
  19. package/package.json +8 -8
package/emotion/cjs/components/Select/Select.config.js CHANGED
@@ -9,7 +9,6 @@ Object.defineProperty(exports, "config", {
9
9
  }
10
10
  });
11
11
  var _emotion = require("@salutejs/plasma-new-hope/emotion");
12
- var _plasmanewhope = require("@salutejs/plasma-new-hope");
13
12
  function _tagged_template_literal(strings, raw) {
14
13
  if (!raw) {
15
14
  raw = strings.slice(0);
@@ -51,7 +50,12 @@ function _templateObject() {
51
50
  ": var(--text-secondary);\n\n ",
52
51
  ": var(--outline-solid-primary);\n ",
53
52
  ": var(--text-primary);\n\n ",
54
- ": var(--surface-solid-primary);\n "
53
+ ": var(--surface-solid-primary);\n\n ",
54
+ ": var(--text-accent);\n\n ",
55
+ ": var(--text-accent);\n ",
56
+ ": var(--on-dark-text-primary);\n ",
57
+ ": none;\n ",
58
+ ": var(--outline-accent);\n "
55
59
  ]);
56
60
  _templateObject = function _templateObject() {
57
61
  return data;
@@ -89,7 +93,12 @@ function _templateObject1() {
89
93
  ": var(--text-secondary);\n\n ",
90
94
  ": var(--outline-solid-primary);\n ",
91
95
  ": var(--text-accent);\n\n ",
92
- ": var(--surface-solid-primary);\n "
96
+ ": var(--surface-solid-primary);\n\n ",
97
+ ": var(--text-accent);\n\n ",
98
+ ": var(--text-accent);\n ",
99
+ ": var(--on-dark-text-primary);\n ",
100
+ ": none;\n ",
101
+ ": var(--outline-accent);\n "
93
102
  ]);
94
103
  _templateObject1 = function _templateObject() {
95
104
  return data;
@@ -188,10 +197,6 @@ function _templateObject2() {
188
197
  ": 0.875rem;\n ",
189
198
  ": 0.375rem;\n ",
190
199
  ": 0.25rem;\n ",
191
- ": var(--text-primary);\n ",
192
- ": var(--on-dark-text-primary);\n ",
193
- ": var(--outline-accent);\n ",
194
- ": transparent;\n ",
195
200
  ": 0.125rem;\n\n ",
196
201
  ": 0.375rem;\n\n ",
197
202
  ": 0.375rem;\n ",
@@ -287,24 +292,24 @@ var config = {
287
292
  },
288
293
  variations: {
289
294
  view: {
290
- default: (0, _emotion.css)(_templateObject(), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _plasmanewhope.selectTokens.textFieldIndicatorColor, _plasmanewhope.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover, _emotion.selectTokens.itemDisabledOpacity, _emotion.selectTokens.itemDisabledColor, _emotion.selectTokens.dropdownBorderColor, _emotion.selectTokens.checkboxIconColor, _plasmanewhope.selectTokens.dividerColor),
291
- negative: (0, _emotion.css)(_templateObject1(), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _plasmanewhope.selectTokens.textFieldIndicatorColor, _plasmanewhope.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover, _emotion.selectTokens.itemDisabledOpacity, _emotion.selectTokens.itemDisabledColor, _emotion.selectTokens.dropdownBorderColor, _emotion.selectTokens.checkboxIconColor, _plasmanewhope.selectTokens.dividerColor)
295
+ default: (0, _emotion.css)(_templateObject(), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _emotion.selectTokens.textFieldIndicatorColor, _emotion.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover, _emotion.selectTokens.itemDisabledOpacity, _emotion.selectTokens.itemDisabledColor, _emotion.selectTokens.dropdownBorderColor, _emotion.selectTokens.checkboxIconColor, _emotion.selectTokens.dividerColor, _emotion.selectTokens.itemIconColor, _emotion.selectTokens.checkboxFillColor, _emotion.selectTokens.checkboxIconColor, _emotion.selectTokens.checkboxTriggerBorderCheckedColor, _emotion.selectTokens.checkboxTriggerBorderColor),
296
+ negative: (0, _emotion.css)(_templateObject1(), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _emotion.selectTokens.textFieldIndicatorColor, _emotion.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover, _emotion.selectTokens.itemDisabledOpacity, _emotion.selectTokens.itemDisabledColor, _emotion.selectTokens.dropdownBorderColor, _emotion.selectTokens.checkboxIconColor, _emotion.selectTokens.dividerColor, _emotion.selectTokens.itemIconColor, _emotion.selectTokens.checkboxFillColor, _emotion.selectTokens.checkboxIconColor, _emotion.selectTokens.checkboxTriggerBorderCheckedColor, _emotion.selectTokens.checkboxTriggerBorderColor)
292
297
  },
293
298
  size: {
294
- s: (0, _emotion.css)(_templateObject2(), _plasmanewhope.selectTokens.textFieldHeight, _plasmanewhope.selectTokens.textFieldPadding, _plasmanewhope.selectTokens.textFieldPaddingWithChips, _plasmanewhope.selectTokens.textFieldBorderRadius, _plasmanewhope.selectTokens.textFieldBorderWidth, _plasmanewhope.selectTokens.textFieldLeftContentMargin, _plasmanewhope.selectTokens.textFieldRightContentMargin, _plasmanewhope.selectTokens.textFieldTextBeforeMargin, _plasmanewhope.selectTokens.textFieldTextAfterMargin, _plasmanewhope.selectTokens.textFieldFontFamily, _plasmanewhope.selectTokens.textFieldFontSize, _plasmanewhope.selectTokens.textFieldFontStyle, _plasmanewhope.selectTokens.textFieldFontWeight, _plasmanewhope.selectTokens.textFieldLetterSpacing, _plasmanewhope.selectTokens.textFieldLineHeight, _plasmanewhope.selectTokens.textFieldLabelOffset, _plasmanewhope.selectTokens.textFieldLabelFontFamily, _plasmanewhope.selectTokens.textFieldLabelFontSize, _plasmanewhope.selectTokens.textFieldLabelFontStyle, _plasmanewhope.selectTokens.textFieldLabelFontWeight, _plasmanewhope.selectTokens.textFieldLabelLetterSpacing, _plasmanewhope.selectTokens.textFieldLabelLineHeight, _plasmanewhope.selectTokens.textFieldLeftHelperOffset, _plasmanewhope.selectTokens.textFieldLeftHelperFontFamily, _plasmanewhope.selectTokens.textFieldLeftHelperFontSize, _plasmanewhope.selectTokens.textFieldLeftHelperFontStyle, _plasmanewhope.selectTokens.textFieldLeftHelperFontWeight, _plasmanewhope.selectTokens.textFieldLeftHelperLetterSpacing, _plasmanewhope.selectTokens.textFieldLeftHelperLineHeight, _plasmanewhope.selectTokens.textFieldLabelInnerPadding, _plasmanewhope.selectTokens.textFieldContentLabelInnerPadding, _plasmanewhope.selectTokens.textFieldIndicatorSizeInner, _plasmanewhope.selectTokens.textFieldIndicatorSizeOuter, _plasmanewhope.selectTokens.textFieldIndicatorLabelPlacementInner, _plasmanewhope.selectTokens.textFieldIndicatorLabelPlacementOuter, _plasmanewhope.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _plasmanewhope.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _plasmanewhope.selectTokens.textFieldClearIndicatorLabelPlacementInner, _plasmanewhope.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _plasmanewhope.selectTokens.textFieldClearIndicatorHintInnerRight, _plasmanewhope.selectTokens.textFieldChipGap, _plasmanewhope.selectTokens.textFieldChipBorderRadius, _plasmanewhope.selectTokens.textFieldChipWidth, _plasmanewhope.selectTokens.textFieldChipHeight, _plasmanewhope.selectTokens.textFieldChipPadding, _plasmanewhope.selectTokens.textFieldChipClearContentMarginLeft, _plasmanewhope.selectTokens.textFieldChipClearContentMarginRight, _plasmanewhope.selectTokens.textFieldChipCloseIconSize, _plasmanewhope.selectTokens.textFieldChipFontFamily, _plasmanewhope.selectTokens.textFieldChipFontSize, _plasmanewhope.selectTokens.textFieldChipFontStyle, _plasmanewhope.selectTokens.textFieldChipFontWeight, _plasmanewhope.selectTokens.textFieldChipLetterSpacing, _plasmanewhope.selectTokens.textFieldChipLineHeight, _plasmanewhope.selectTokens.buttonArrowMargin, _plasmanewhope.selectTokens.targetHeight, _plasmanewhope.selectTokens.buttonPadding, _plasmanewhope.selectTokens.padding, _plasmanewhope.selectTokens.borderRadius, _plasmanewhope.selectTokens.dropdownBorderWidth, _plasmanewhope.selectTokens.itemHeight, _plasmanewhope.selectTokens.itemPadding, _plasmanewhope.selectTokens.itemPaddingTight, _plasmanewhope.selectTokens.itemBorderRadius, _plasmanewhope.selectTokens.itemIconSize, _plasmanewhope.selectTokens.itemIconSizeTight, _plasmanewhope.selectTokens.itemIconMargin, _plasmanewhope.selectTokens.cellPadding, _plasmanewhope.selectTokens.cellPaddingLeftContent, _plasmanewhope.selectTokens.cellPaddingContent, _plasmanewhope.selectTokens.cellPaddingRightContent, _plasmanewhope.selectTokens.cellTextboxGap, _plasmanewhope.selectTokens.cellGap, _plasmanewhope.selectTokens.cellTitleFontFamily, _plasmanewhope.selectTokens.cellTitleFontSize, _plasmanewhope.selectTokens.cellTitleFontStyle, _plasmanewhope.selectTokens.cellTitleFontWeight, _plasmanewhope.selectTokens.cellTitleLetterSpacing, _plasmanewhope.selectTokens.cellTitleLineHeight, _plasmanewhope.selectTokens.fontFamily, _plasmanewhope.selectTokens.fontSize, _plasmanewhope.selectTokens.fontStyle, _plasmanewhope.selectTokens.fontWeight, _plasmanewhope.selectTokens.fontLetterSpacing, _plasmanewhope.selectTokens.fontLineHeight, _plasmanewhope.selectTokens.checkboxTriggerSize, _plasmanewhope.selectTokens.checkboxTriggerSizeTight, _plasmanewhope.selectTokens.checkboxTriggerBorderRadius, _plasmanewhope.selectTokens.checkboxTriggerBorderRadiusTight, _plasmanewhope.selectTokens.checkboxFillColor, _plasmanewhope.selectTokens.checkboxIconColor, _plasmanewhope.selectTokens.checkboxTriggerBorderColor, _plasmanewhope.selectTokens.checkboxTriggerBorderCheckedColor, _plasmanewhope.selectTokens.checkboxTriggerBorderWidth, _plasmanewhope.selectTokens.indicatorSize, _plasmanewhope.selectTokens.dividerMarginTop, _plasmanewhope.selectTokens.dividerMarginRight, _plasmanewhope.selectTokens.dividerMarginBottom, _plasmanewhope.selectTokens.dividerMarginLeft, _plasmanewhope.selectTokens.dividerMarginTopTight, _plasmanewhope.selectTokens.dividerMarginBottomTight)
299
+ s: (0, _emotion.css)(_templateObject2(), _emotion.selectTokens.textFieldHeight, _emotion.selectTokens.textFieldPadding, _emotion.selectTokens.textFieldPaddingWithChips, _emotion.selectTokens.textFieldBorderRadius, _emotion.selectTokens.textFieldBorderWidth, _emotion.selectTokens.textFieldLeftContentMargin, _emotion.selectTokens.textFieldRightContentMargin, _emotion.selectTokens.textFieldTextBeforeMargin, _emotion.selectTokens.textFieldTextAfterMargin, _emotion.selectTokens.textFieldFontFamily, _emotion.selectTokens.textFieldFontSize, _emotion.selectTokens.textFieldFontStyle, _emotion.selectTokens.textFieldFontWeight, _emotion.selectTokens.textFieldLetterSpacing, _emotion.selectTokens.textFieldLineHeight, _emotion.selectTokens.textFieldLabelOffset, _emotion.selectTokens.textFieldLabelFontFamily, _emotion.selectTokens.textFieldLabelFontSize, _emotion.selectTokens.textFieldLabelFontStyle, _emotion.selectTokens.textFieldLabelFontWeight, _emotion.selectTokens.textFieldLabelLetterSpacing, _emotion.selectTokens.textFieldLabelLineHeight, _emotion.selectTokens.textFieldLeftHelperOffset, _emotion.selectTokens.textFieldLeftHelperFontFamily, _emotion.selectTokens.textFieldLeftHelperFontSize, _emotion.selectTokens.textFieldLeftHelperFontStyle, _emotion.selectTokens.textFieldLeftHelperFontWeight, _emotion.selectTokens.textFieldLeftHelperLetterSpacing, _emotion.selectTokens.textFieldLeftHelperLineHeight, _emotion.selectTokens.textFieldLabelInnerPadding, _emotion.selectTokens.textFieldContentLabelInnerPadding, _emotion.selectTokens.textFieldIndicatorSizeInner, _emotion.selectTokens.textFieldIndicatorSizeOuter, _emotion.selectTokens.textFieldIndicatorLabelPlacementInner, _emotion.selectTokens.textFieldIndicatorLabelPlacementOuter, _emotion.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _emotion.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _emotion.selectTokens.textFieldClearIndicatorLabelPlacementInner, _emotion.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _emotion.selectTokens.textFieldClearIndicatorHintInnerRight, _emotion.selectTokens.textFieldChipGap, _emotion.selectTokens.textFieldChipBorderRadius, _emotion.selectTokens.textFieldChipWidth, _emotion.selectTokens.textFieldChipHeight, _emotion.selectTokens.textFieldChipPadding, _emotion.selectTokens.textFieldChipClearContentMarginLeft, _emotion.selectTokens.textFieldChipClearContentMarginRight, _emotion.selectTokens.textFieldChipCloseIconSize, _emotion.selectTokens.textFieldChipFontFamily, _emotion.selectTokens.textFieldChipFontSize, _emotion.selectTokens.textFieldChipFontStyle, _emotion.selectTokens.textFieldChipFontWeight, _emotion.selectTokens.textFieldChipLetterSpacing, _emotion.selectTokens.textFieldChipLineHeight, _emotion.selectTokens.buttonArrowMargin, _emotion.selectTokens.targetHeight, _emotion.selectTokens.buttonPadding, _emotion.selectTokens.padding, _emotion.selectTokens.borderRadius, _emotion.selectTokens.dropdownBorderWidth, _emotion.selectTokens.itemHeight, _emotion.selectTokens.itemPadding, _emotion.selectTokens.itemPaddingTight, _emotion.selectTokens.itemBorderRadius, _emotion.selectTokens.itemIconSize, _emotion.selectTokens.itemIconSizeTight, _emotion.selectTokens.itemIconMargin, _emotion.selectTokens.cellPadding, _emotion.selectTokens.cellPaddingLeftContent, _emotion.selectTokens.cellPaddingContent, _emotion.selectTokens.cellPaddingRightContent, _emotion.selectTokens.cellTextboxGap, _emotion.selectTokens.cellGap, _emotion.selectTokens.cellTitleFontFamily, _emotion.selectTokens.cellTitleFontSize, _emotion.selectTokens.cellTitleFontStyle, _emotion.selectTokens.cellTitleFontWeight, _emotion.selectTokens.cellTitleLetterSpacing, _emotion.selectTokens.cellTitleLineHeight, _emotion.selectTokens.fontFamily, _emotion.selectTokens.fontSize, _emotion.selectTokens.fontStyle, _emotion.selectTokens.fontWeight, _emotion.selectTokens.fontLetterSpacing, _emotion.selectTokens.fontLineHeight, _emotion.selectTokens.checkboxTriggerSize, _emotion.selectTokens.checkboxTriggerSizeTight, _emotion.selectTokens.checkboxTriggerBorderRadius, _emotion.selectTokens.checkboxTriggerBorderRadiusTight, _emotion.selectTokens.checkboxTriggerBorderWidth, _emotion.selectTokens.indicatorSize, _emotion.selectTokens.dividerMarginTop, _emotion.selectTokens.dividerMarginRight, _emotion.selectTokens.dividerMarginBottom, _emotion.selectTokens.dividerMarginLeft, _emotion.selectTokens.dividerMarginTopTight, _emotion.selectTokens.dividerMarginBottomTight)
295
300
  },
296
301
  labelPlacement: {
297
- inner: (0, _emotion.css)(_templateObject3(), _plasmanewhope.selectTokens.textFieldPlaceholderColor, _plasmanewhope.selectTokens.textFieldLabelInnerFontFamily, _plasmanewhope.selectTokens.textFieldLabelInnerFontSize, _plasmanewhope.selectTokens.textFieldLabelInnerFontStyle, _plasmanewhope.selectTokens.textFieldLabelInnerFontWeight, _plasmanewhope.selectTokens.textFieldLabelInnerLetterSpacing, _plasmanewhope.selectTokens.textFieldLabelInnerLineHeight),
302
+ inner: (0, _emotion.css)(_templateObject3(), _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldLabelInnerFontFamily, _emotion.selectTokens.textFieldLabelInnerFontSize, _emotion.selectTokens.textFieldLabelInnerFontStyle, _emotion.selectTokens.textFieldLabelInnerFontWeight, _emotion.selectTokens.textFieldLabelInnerLetterSpacing, _emotion.selectTokens.textFieldLabelInnerLineHeight),
298
303
  outer: (0, _emotion.css)(_templateObject4())
299
304
  },
300
305
  chipView: {
301
- default: (0, _emotion.css)(_templateObject5(), _plasmanewhope.selectTokens.textFieldChipColor, _plasmanewhope.selectTokens.textFieldChipBackground, _plasmanewhope.selectTokens.textFieldChipBackgroundHover, _plasmanewhope.selectTokens.textFieldChipCloseIconColor, _plasmanewhope.selectTokens.textFieldChipOpacityReadonly)
306
+ default: (0, _emotion.css)(_templateObject5(), _emotion.selectTokens.textFieldChipColor, _emotion.selectTokens.textFieldChipBackground, _emotion.selectTokens.textFieldChipBackgroundHover, _emotion.selectTokens.textFieldChipCloseIconColor, _emotion.selectTokens.textFieldChipOpacityReadonly)
302
307
  },
303
308
  disabled: {
304
- true: (0, _emotion.css)(_templateObject6(), _plasmanewhope.selectTokens.textFieldDisabledOpacity, _plasmanewhope.selectTokens.textFieldBackgroundColor, _plasmanewhope.selectTokens.textFieldBackgroundColorFocus, _plasmanewhope.selectTokens.textFieldBorderColor, _plasmanewhope.selectTokens.textFieldBorderColorHover, _plasmanewhope.selectTokens.textFieldBorderColorFocus, _plasmanewhope.selectTokens.textFieldColor)
309
+ true: (0, _emotion.css)(_templateObject6(), _emotion.selectTokens.textFieldDisabledOpacity, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _emotion.selectTokens.textFieldColor)
305
310
  },
306
311
  readOnly: {
307
- true: (0, _emotion.css)(_templateObject7(), _plasmanewhope.selectTokens.disclosureIconOpacityReadOnly, _plasmanewhope.selectTokens.textFieldColorReadOnly, _plasmanewhope.selectTokens.textFieldBackgroundColorReadOnly, _plasmanewhope.selectTokens.textFieldPlaceholderColorReadOnly, _plasmanewhope.selectTokens.textFieldLeftHelperColorReadOnly, _plasmanewhope.selectTokens.textFieldTitleCaptionColorReadOnly, _plasmanewhope.selectTokens.textFieldLabelColorReadOnly, _plasmanewhope.selectTokens.textFieldDividerColorReadOnly)
312
+ true: (0, _emotion.css)(_templateObject7(), _emotion.selectTokens.disclosureIconOpacityReadOnly, _emotion.selectTokens.textFieldColorReadOnly, _emotion.selectTokens.textFieldBackgroundColorReadOnly, _emotion.selectTokens.textFieldPlaceholderColorReadOnly, _emotion.selectTokens.textFieldLeftHelperColorReadOnly, _emotion.selectTokens.textFieldTitleCaptionColorReadOnly, _emotion.selectTokens.textFieldLabelColorReadOnly, _emotion.selectTokens.textFieldDividerColorReadOnly)
308
313
  }
309
314
  }
310
315
  };
package/emotion/cjs/components/Tooltip/Tooltip.config.js CHANGED
@@ -39,8 +39,7 @@ function _templateObject() {
39
39
  ": 1rem;\n ",
40
40
  ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
41
41
  ": 0.375rem;\n ",
42
- ": 0.5625rem;\n ",
43
- ": var(--surface-solid-card-brightness);\n "
42
+ ": 0.5625rem;\n "
44
43
  ]);
45
44
  _templateObject = function _templateObject() {
46
45
  return data;
@@ -50,15 +49,29 @@ function _templateObject() {
50
49
  function _templateObject1() {
51
50
  var data = _tagged_template_literal([
52
51
  "\n ",
53
- ": var(--surface-solid-card-brightness);\n ",
52
+ ": var(--inverse-surface-solid-card);\n ",
53
+ ": var(--inverse-surface-solid-card);\n ",
54
54
  ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ",
55
- ": var(--text-primary);\n "
55
+ ": var(--inverse-text-primary);\n "
56
56
  ]);
57
57
  _templateObject1 = function _templateObject() {
58
58
  return data;
59
59
  };
60
60
  return data;
61
61
  }
62
+ function _templateObject2() {
63
+ var data = _tagged_template_literal([
64
+ "\n ",
65
+ ": var(--on-dark-surface-solid-secondary);\n ",
66
+ ": var(--on-dark-surface-solid-secondary);\n ",
67
+ ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ",
68
+ ": var(--inverse-text-primary);\n "
69
+ ]);
70
+ _templateObject2 = function _templateObject() {
71
+ return data;
72
+ };
73
+ return data;
74
+ }
62
75
  var config = {
63
76
  defaults: {
64
77
  view: 'default',
@@ -66,11 +79,12 @@ var config = {
66
79
  },
67
80
  variations: {
68
81
  size: {
69
- s: (0, _emotion.css)(_templateObject(), _emotion.tooltipTokens.paddingTop, _emotion.tooltipTokens.paddingRight, _emotion.tooltipTokens.paddingBottom, _emotion.tooltipTokens.paddingLeft, _emotion.tooltipTokens.minHeight, _emotion.tooltipTokens.borderRadius, _emotion.tooltipTokens.textFontFamily, _emotion.tooltipTokens.textFontSize, _emotion.tooltipTokens.textFontStyle, _emotion.tooltipTokens.textFontWeight, _emotion.tooltipTokens.textFontLetterSpacing, _emotion.tooltipTokens.textFontLineHeight, _emotion.tooltipTokens.contentLeftMargin, _emotion.tooltipTokens.arrowMaskWidth, _emotion.tooltipTokens.arrowMaskHeight, _emotion.tooltipTokens.arrowMaskImage, _emotion.tooltipTokens.arrowHeight, _emotion.tooltipTokens.arrowEdgeMargin, _emotion.tooltipTokens.arrowBackground)
82
+ s: (0, _emotion.css)(_templateObject(), _emotion.tooltipTokens.paddingTop, _emotion.tooltipTokens.paddingRight, _emotion.tooltipTokens.paddingBottom, _emotion.tooltipTokens.paddingLeft, _emotion.tooltipTokens.minHeight, _emotion.tooltipTokens.borderRadius, _emotion.tooltipTokens.textFontFamily, _emotion.tooltipTokens.textFontSize, _emotion.tooltipTokens.textFontStyle, _emotion.tooltipTokens.textFontWeight, _emotion.tooltipTokens.textFontLetterSpacing, _emotion.tooltipTokens.textFontLineHeight, _emotion.tooltipTokens.contentLeftMargin, _emotion.tooltipTokens.arrowMaskWidth, _emotion.tooltipTokens.arrowMaskHeight, _emotion.tooltipTokens.arrowMaskImage, _emotion.tooltipTokens.arrowHeight, _emotion.tooltipTokens.arrowEdgeMargin)
70
83
  },
71
84
  view: {
72
85
  // TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
73
- default: (0, _emotion.css)(_templateObject1(), _emotion.tooltipTokens.backgroundColor, _emotion.tooltipTokens.boxShadow, _emotion.tooltipTokens.color)
86
+ default: (0, _emotion.css)(_templateObject1(), _emotion.tooltipTokens.backgroundColor, _emotion.tooltipTokens.arrowBackground, _emotion.tooltipTokens.boxShadow, _emotion.tooltipTokens.color),
87
+ secondary: (0, _emotion.css)(_templateObject2(), _emotion.tooltipTokens.backgroundColor, _emotion.tooltipTokens.arrowBackground, _emotion.tooltipTokens.boxShadow, _emotion.tooltipTokens.color)
74
88
  }
75
89
  }
76
90
  };
package/emotion/es/components/Combobox/Combobox.config.js CHANGED
@@ -52,7 +52,12 @@ function _templateObject() {
52
52
  ": var(--text-accent);\n ",
53
53
  ": #1A9E32;\n ",
54
54
  ": var(--surface-transparent-accent);\n\n ",
55
- ": var(--surface-solid-primary);\n "
55
+ ": var(--surface-solid-primary);\n\n ",
56
+ ": var(--text-accent);\n\n ",
57
+ ": var(--text-accent);\n ",
58
+ ": var(--on-dark-text-primary);\n ",
59
+ ": none;\n ",
60
+ ": var(--outline-accent);\n "
56
61
  ]);
57
62
  _templateObject = function _templateObject() {
58
63
  return data;
@@ -103,7 +108,12 @@ function _templateObject1() {
103
108
  ": var(--text-accent);\n ",
104
109
  ": #1A9E32;\n ",
105
110
  ": var(--surface-transparent-accent);\n\n ",
106
- ": var(--surface-solid-primary);\n "
111
+ ": var(--surface-solid-primary);\n\n ",
112
+ ": var(--text-accent);\n\n ",
113
+ ": var(--text-accent);\n ",
114
+ ": var(--on-dark-text-primary);\n ",
115
+ ": none;\n ",
116
+ ": var(--outline-accent);\n "
107
117
  ]);
108
118
  _templateObject1 = function _templateObject() {
109
119
  return data;
@@ -199,11 +209,7 @@ function _templateObject2() {
199
209
  ": 0.875rem;\n ",
200
210
  ": 0.375rem;\n ",
201
211
  ": 0.25rem;\n ",
202
- ": var(--text-accent);\n ",
203
- ": var(--on-dark-text-primary);\n ",
204
- ": none;\n ",
205
- ": 0.125rem;\n ",
206
- ": var(--outline-accent);\n\n ",
212
+ ": 0.125rem;\n\n ",
207
213
  ": 0.375rem;\n ",
208
214
  ": 0.0625rem;\n\n ",
209
215
  ": 0.375rem;\n ",
@@ -288,11 +294,11 @@ export var config = {
288
294
  },
289
295
  variations: {
290
296
  view: {
291
- default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor),
292
- negative: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor)
297
+ default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
298
+ negative: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
293
299
  },
294
300
  size: {
295
- s: css(_templateObject2(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize, tokens.dropdownBorderWidth, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
301
+ s: css(_templateObject2(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dropdownBorderWidth, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
296
302
  },
297
303
  labelPlacement: {
298
304
  inner: css(_templateObject3(), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
package/emotion/es/components/Divider/Divider.config.js CHANGED
@@ -11,7 +11,7 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
- ": var(--surface-solid-primary);\n "
14
+ ": var(--surface-solid-tertiary);\n "
15
15
  ]);
16
16
  _templateObject = function _templateObject() {
17
17
  return data;
@@ -21,7 +21,7 @@ function _templateObject() {
21
21
  function _templateObject1() {
22
22
  var data = _tagged_template_literal([
23
23
  "\n ",
24
- ": var(--on-dark-surface-solid-primary);\n "
24
+ ": var(--on-dark-surface-solid-default);\n "
25
25
  ]);
26
26
  _templateObject1 = function _templateObject() {
27
27
  return data;
@@ -31,7 +31,7 @@ function _templateObject1() {
31
31
  function _templateObject2() {
32
32
  var data = _tagged_template_literal([
33
33
  "\n ",
34
- ": var(--on-light-surface-solid-primary);\n "
34
+ ": var(--on-light-surface-solid-default);\n "
35
35
  ]);
36
36
  _templateObject2 = function _templateObject() {
37
37
  return data;
@@ -41,7 +41,7 @@ function _templateObject2() {
41
41
  function _templateObject3() {
42
42
  var data = _tagged_template_literal([
43
43
  "\n ",
44
- ": var(--inverse-surface-solid-primary);\n "
44
+ ": var(--inverse-surface-solid-default);\n "
45
45
  ]);
46
46
  _templateObject3 = function _templateObject() {
47
47
  return data;
package/emotion/es/components/Select/Select.config.js CHANGED
@@ -39,7 +39,12 @@ function _templateObject() {
39
39
  ": var(--text-secondary);\n\n ",
40
40
  ": var(--outline-solid-primary);\n ",
41
41
  ": var(--text-primary);\n\n ",
42
- ": var(--surface-solid-primary);\n "
42
+ ": var(--surface-solid-primary);\n\n ",
43
+ ": var(--text-accent);\n\n ",
44
+ ": var(--text-accent);\n ",
45
+ ": var(--on-dark-text-primary);\n ",
46
+ ": none;\n ",
47
+ ": var(--outline-accent);\n "
43
48
  ]);
44
49
  _templateObject = function _templateObject() {
45
50
  return data;
@@ -77,7 +82,12 @@ function _templateObject1() {
77
82
  ": var(--text-secondary);\n\n ",
78
83
  ": var(--outline-solid-primary);\n ",
79
84
  ": var(--text-accent);\n\n ",
80
- ": var(--surface-solid-primary);\n "
85
+ ": var(--surface-solid-primary);\n\n ",
86
+ ": var(--text-accent);\n\n ",
87
+ ": var(--text-accent);\n ",
88
+ ": var(--on-dark-text-primary);\n ",
89
+ ": none;\n ",
90
+ ": var(--outline-accent);\n "
81
91
  ]);
82
92
  _templateObject1 = function _templateObject() {
83
93
  return data;
@@ -176,10 +186,6 @@ function _templateObject2() {
176
186
  ": 0.875rem;\n ",
177
187
  ": 0.375rem;\n ",
178
188
  ": 0.25rem;\n ",
179
- ": var(--text-primary);\n ",
180
- ": var(--on-dark-text-primary);\n ",
181
- ": var(--outline-accent);\n ",
182
- ": transparent;\n ",
183
189
  ": 0.125rem;\n\n ",
184
190
  ": 0.375rem;\n\n ",
185
191
  ": 0.375rem;\n ",
@@ -267,7 +273,6 @@ function _templateObject7() {
267
273
  return data;
268
274
  }
269
275
  import { css, selectTokens } from '@salutejs/plasma-new-hope/emotion';
270
- import { selectTokens as tokens } from '@salutejs/plasma-new-hope';
271
276
  export var config = {
272
277
  defaults: {
273
278
  view: 'default',
@@ -277,24 +282,24 @@ export var config = {
277
282
  },
278
283
  variations: {
279
284
  view: {
280
- default: css(_templateObject(), selectTokens.textFieldColor, selectTokens.textFieldPlaceholderColor, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldLabelColor, selectTokens.textFieldLeftHelperColor, selectTokens.textFieldContentSlotColor, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, selectTokens.buttonColor, selectTokens.buttonColorHover, selectTokens.buttonColorActive, selectTokens.buttonArrowColor, selectTokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, selectTokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.itemBackgroundHover, selectTokens.itemDisabledOpacity, selectTokens.itemDisabledColor, selectTokens.dropdownBorderColor, selectTokens.checkboxIconColor, tokens.dividerColor),
281
- negative: css(_templateObject1(), selectTokens.textFieldColor, selectTokens.textFieldPlaceholderColor, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldLabelColor, selectTokens.textFieldLeftHelperColor, selectTokens.textFieldContentSlotColor, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, selectTokens.buttonColor, selectTokens.buttonColorHover, selectTokens.buttonColorActive, selectTokens.buttonArrowColor, selectTokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, selectTokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.itemBackgroundHover, selectTokens.itemDisabledOpacity, selectTokens.itemDisabledColor, selectTokens.dropdownBorderColor, selectTokens.checkboxIconColor, tokens.dividerColor)
285
+ default: css(_templateObject(), selectTokens.textFieldColor, selectTokens.textFieldPlaceholderColor, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldLabelColor, selectTokens.textFieldLeftHelperColor, selectTokens.textFieldContentSlotColor, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldIndicatorColor, selectTokens.textFieldOptionalColor, selectTokens.buttonColor, selectTokens.buttonColorHover, selectTokens.buttonColorActive, selectTokens.buttonArrowColor, selectTokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, selectTokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.itemBackgroundHover, selectTokens.itemDisabledOpacity, selectTokens.itemDisabledColor, selectTokens.dropdownBorderColor, selectTokens.checkboxIconColor, selectTokens.dividerColor, selectTokens.itemIconColor, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderCheckedColor, selectTokens.checkboxTriggerBorderColor),
286
+ negative: css(_templateObject1(), selectTokens.textFieldColor, selectTokens.textFieldPlaceholderColor, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldLabelColor, selectTokens.textFieldLeftHelperColor, selectTokens.textFieldContentSlotColor, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldIndicatorColor, selectTokens.textFieldOptionalColor, selectTokens.buttonColor, selectTokens.buttonColorHover, selectTokens.buttonColorActive, selectTokens.buttonArrowColor, selectTokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, selectTokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.itemBackgroundHover, selectTokens.itemDisabledOpacity, selectTokens.itemDisabledColor, selectTokens.dropdownBorderColor, selectTokens.checkboxIconColor, selectTokens.dividerColor, selectTokens.itemIconColor, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderCheckedColor, selectTokens.checkboxTriggerBorderColor)
282
287
  },
283
288
  size: {
284
- s: css(_templateObject2(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.dropdownBorderWidth, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
289
+ s: css(_templateObject2(), selectTokens.textFieldHeight, selectTokens.textFieldPadding, selectTokens.textFieldPaddingWithChips, selectTokens.textFieldBorderRadius, selectTokens.textFieldBorderWidth, selectTokens.textFieldLeftContentMargin, selectTokens.textFieldRightContentMargin, selectTokens.textFieldTextBeforeMargin, selectTokens.textFieldTextAfterMargin, selectTokens.textFieldFontFamily, selectTokens.textFieldFontSize, selectTokens.textFieldFontStyle, selectTokens.textFieldFontWeight, selectTokens.textFieldLetterSpacing, selectTokens.textFieldLineHeight, selectTokens.textFieldLabelOffset, selectTokens.textFieldLabelFontFamily, selectTokens.textFieldLabelFontSize, selectTokens.textFieldLabelFontStyle, selectTokens.textFieldLabelFontWeight, selectTokens.textFieldLabelLetterSpacing, selectTokens.textFieldLabelLineHeight, selectTokens.textFieldLeftHelperOffset, selectTokens.textFieldLeftHelperFontFamily, selectTokens.textFieldLeftHelperFontSize, selectTokens.textFieldLeftHelperFontStyle, selectTokens.textFieldLeftHelperFontWeight, selectTokens.textFieldLeftHelperLetterSpacing, selectTokens.textFieldLeftHelperLineHeight, selectTokens.textFieldLabelInnerPadding, selectTokens.textFieldContentLabelInnerPadding, selectTokens.textFieldIndicatorSizeInner, selectTokens.textFieldIndicatorSizeOuter, selectTokens.textFieldIndicatorLabelPlacementInner, selectTokens.textFieldIndicatorLabelPlacementOuter, selectTokens.textFieldIndicatorLabelPlacementInnerRight, selectTokens.textFieldIndicatorLabelPlacementOuterRight, selectTokens.textFieldClearIndicatorLabelPlacementInner, selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, selectTokens.textFieldClearIndicatorHintInnerRight, selectTokens.textFieldChipGap, selectTokens.textFieldChipBorderRadius, selectTokens.textFieldChipWidth, selectTokens.textFieldChipHeight, selectTokens.textFieldChipPadding, selectTokens.textFieldChipClearContentMarginLeft, selectTokens.textFieldChipClearContentMarginRight, selectTokens.textFieldChipCloseIconSize, selectTokens.textFieldChipFontFamily, selectTokens.textFieldChipFontSize, selectTokens.textFieldChipFontStyle, selectTokens.textFieldChipFontWeight, selectTokens.textFieldChipLetterSpacing, selectTokens.textFieldChipLineHeight, selectTokens.buttonArrowMargin, selectTokens.targetHeight, selectTokens.buttonPadding, selectTokens.padding, selectTokens.borderRadius, selectTokens.dropdownBorderWidth, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.cellPadding, selectTokens.cellPaddingLeftContent, selectTokens.cellPaddingContent, selectTokens.cellPaddingRightContent, selectTokens.cellTextboxGap, selectTokens.cellGap, selectTokens.cellTitleFontFamily, selectTokens.cellTitleFontSize, selectTokens.cellTitleFontStyle, selectTokens.cellTitleFontWeight, selectTokens.cellTitleLetterSpacing, selectTokens.cellTitleLineHeight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxTriggerBorderWidth, selectTokens.indicatorSize, selectTokens.dividerMarginTop, selectTokens.dividerMarginRight, selectTokens.dividerMarginBottom, selectTokens.dividerMarginLeft, selectTokens.dividerMarginTopTight, selectTokens.dividerMarginBottomTight)
285
290
  },
286
291
  labelPlacement: {
287
- inner: css(_templateObject3(), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
292
+ inner: css(_templateObject3(), selectTokens.textFieldPlaceholderColor, selectTokens.textFieldLabelInnerFontFamily, selectTokens.textFieldLabelInnerFontSize, selectTokens.textFieldLabelInnerFontStyle, selectTokens.textFieldLabelInnerFontWeight, selectTokens.textFieldLabelInnerLetterSpacing, selectTokens.textFieldLabelInnerLineHeight),
288
293
  outer: css(_templateObject4())
289
294
  },
290
295
  chipView: {
291
- default: css(_templateObject5(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipOpacityReadonly)
296
+ default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipOpacityReadonly)
292
297
  },
293
298
  disabled: {
294
- true: css(_templateObject6(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldColor)
299
+ true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
295
300
  },
296
301
  readOnly: {
297
- true: css(_templateObject7(), tokens.disclosureIconOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
302
+ true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly)
298
303
  }
299
304
  }
300
305
  };
package/emotion/es/components/Tooltip/Tooltip.config.js CHANGED
@@ -28,8 +28,7 @@ function _templateObject() {
28
28
  ": 1rem;\n ",
29
29
  ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
30
30
  ": 0.375rem;\n ",
31
- ": 0.5625rem;\n ",
32
- ": var(--surface-solid-card-brightness);\n "
31
+ ": 0.5625rem;\n "
33
32
  ]);
34
33
  _templateObject = function _templateObject() {
35
34
  return data;
@@ -39,15 +38,29 @@ function _templateObject() {
39
38
  function _templateObject1() {
40
39
  var data = _tagged_template_literal([
41
40
  "\n ",
42
- ": var(--surface-solid-card-brightness);\n ",
41
+ ": var(--inverse-surface-solid-card);\n ",
42
+ ": var(--inverse-surface-solid-card);\n ",
43
43
  ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ",
44
- ": var(--text-primary);\n "
44
+ ": var(--inverse-text-primary);\n "
45
45
  ]);
46
46
  _templateObject1 = function _templateObject() {
47
47
  return data;
48
48
  };
49
49
  return data;
50
50
  }
51
+ function _templateObject2() {
52
+ var data = _tagged_template_literal([
53
+ "\n ",
54
+ ": var(--on-dark-surface-solid-secondary);\n ",
55
+ ": var(--on-dark-surface-solid-secondary);\n ",
56
+ ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ",
57
+ ": var(--inverse-text-primary);\n "
58
+ ]);
59
+ _templateObject2 = function _templateObject() {
60
+ return data;
61
+ };
62
+ return data;
63
+ }
51
64
  import { css, tooltipTokens } from '@salutejs/plasma-new-hope/emotion';
52
65
  export var config = {
53
66
  defaults: {
@@ -56,11 +69,12 @@ export var config = {
56
69
  },
57
70
  variations: {
58
71
  size: {
59
- s: css(_templateObject(), tooltipTokens.paddingTop, tooltipTokens.paddingRight, tooltipTokens.paddingBottom, tooltipTokens.paddingLeft, tooltipTokens.minHeight, tooltipTokens.borderRadius, tooltipTokens.textFontFamily, tooltipTokens.textFontSize, tooltipTokens.textFontStyle, tooltipTokens.textFontWeight, tooltipTokens.textFontLetterSpacing, tooltipTokens.textFontLineHeight, tooltipTokens.contentLeftMargin, tooltipTokens.arrowMaskWidth, tooltipTokens.arrowMaskHeight, tooltipTokens.arrowMaskImage, tooltipTokens.arrowHeight, tooltipTokens.arrowEdgeMargin, tooltipTokens.arrowBackground)
72
+ s: css(_templateObject(), tooltipTokens.paddingTop, tooltipTokens.paddingRight, tooltipTokens.paddingBottom, tooltipTokens.paddingLeft, tooltipTokens.minHeight, tooltipTokens.borderRadius, tooltipTokens.textFontFamily, tooltipTokens.textFontSize, tooltipTokens.textFontStyle, tooltipTokens.textFontWeight, tooltipTokens.textFontLetterSpacing, tooltipTokens.textFontLineHeight, tooltipTokens.contentLeftMargin, tooltipTokens.arrowMaskWidth, tooltipTokens.arrowMaskHeight, tooltipTokens.arrowMaskImage, tooltipTokens.arrowHeight, tooltipTokens.arrowEdgeMargin)
60
73
  },
61
74
  view: {
62
75
  // TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
63
- default: css(_templateObject1(), tooltipTokens.backgroundColor, tooltipTokens.boxShadow, tooltipTokens.color)
76
+ default: css(_templateObject1(), tooltipTokens.backgroundColor, tooltipTokens.arrowBackground, tooltipTokens.boxShadow, tooltipTokens.color),
77
+ secondary: css(_templateObject2(), tooltipTokens.backgroundColor, tooltipTokens.arrowBackground, tooltipTokens.boxShadow, tooltipTokens.color)
64
78
  }
65
79
  }
66
80
  };
package/es/components/Combobox/Combobox.config.js CHANGED
@@ -52,7 +52,12 @@ function _templateObject() {
52
52
  ": var(--text-accent);\n ",
53
53
  ": #1A9E32;\n ",
54
54
  ": var(--surface-transparent-accent);\n\n ",
55
- ": var(--surface-solid-primary);\n "
55
+ ": var(--surface-solid-primary);\n\n ",
56
+ ": var(--text-accent);\n\n ",
57
+ ": var(--text-accent);\n ",
58
+ ": var(--on-dark-text-primary);\n ",
59
+ ": none;\n ",
60
+ ": var(--outline-accent);\n "
56
61
  ]);
57
62
  _templateObject = function _templateObject() {
58
63
  return data;
@@ -103,7 +108,12 @@ function _templateObject1() {
103
108
  ": var(--text-accent);\n ",
104
109
  ": #1A9E32;\n ",
105
110
  ": var(--surface-transparent-accent);\n\n ",
106
- ": var(--surface-solid-primary);\n "
111
+ ": var(--surface-solid-primary);\n\n ",
112
+ ": var(--text-accent);\n\n ",
113
+ ": var(--text-accent);\n ",
114
+ ": var(--on-dark-text-primary);\n ",
115
+ ": none;\n ",
116
+ ": var(--outline-accent);\n "
107
117
  ]);
108
118
  _templateObject1 = function _templateObject() {
109
119
  return data;
@@ -199,11 +209,7 @@ function _templateObject2() {
199
209
  ": 0.875rem;\n ",
200
210
  ": 0.375rem;\n ",
201
211
  ": 0.25rem;\n ",
202
- ": var(--text-accent);\n ",
203
- ": var(--on-dark-text-primary);\n ",
204
- ": none;\n ",
205
- ": 0.125rem;\n ",
206
- ": var(--outline-accent);\n\n ",
212
+ ": 0.125rem;\n\n ",
207
213
  ": 0.375rem;\n ",
208
214
  ": 0.0625rem;\n\n ",
209
215
  ": 0.375rem;\n ",
@@ -288,11 +294,11 @@ export var config = {
288
294
  },
289
295
  variations: {
290
296
  view: {
291
- default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor),
292
- negative: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor)
297
+ default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
298
+ negative: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
293
299
  },
294
300
  size: {
295
- s: css(_templateObject2(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize, tokens.dropdownBorderWidth, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
301
+ s: css(_templateObject2(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dropdownBorderWidth, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
296
302
  },
297
303
  labelPlacement: {
298
304
  inner: css(_templateObject3(), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
package/es/components/Divider/Divider.config.js CHANGED
@@ -11,7 +11,7 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
- ": var(--surface-solid-primary);\n "
14
+ ": var(--surface-solid-tertiary);\n "
15
15
  ]);
16
16
  _templateObject = function _templateObject() {
17
17
  return data;
@@ -21,7 +21,7 @@ function _templateObject() {
21
21
  function _templateObject1() {
22
22
  var data = _tagged_template_literal([
23
23
  "\n ",
24
- ": var(--on-dark-surface-solid-primary);\n "
24
+ ": var(--on-dark-surface-solid-default);\n "
25
25
  ]);
26
26
  _templateObject1 = function _templateObject() {
27
27
  return data;
@@ -31,7 +31,7 @@ function _templateObject1() {
31
31
  function _templateObject2() {
32
32
  var data = _tagged_template_literal([
33
33
  "\n ",
34
- ": var(--on-light-surface-solid-primary);\n "
34
+ ": var(--on-light-surface-solid-default);\n "
35
35
  ]);
36
36
  _templateObject2 = function _templateObject() {
37
37
  return data;
@@ -41,7 +41,7 @@ function _templateObject2() {
41
41
  function _templateObject3() {
42
42
  var data = _tagged_template_literal([
43
43
  "\n ",
44
- ": var(--inverse-surface-solid-primary);\n "
44
+ ": var(--inverse-surface-solid-default);\n "
45
45
  ]);
46
46
  _templateObject3 = function _templateObject() {
47
47
  return data;