@salutejs/plasma-web 1.367.1-canary.1359.10386530867.0 → 1.367.2-canary.1362.10405734898.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) hide show
  1. package/api/plasma-web.api.md +5 -27
  2. package/components/Dropdown/Dropdown.config.js +1 -1
  3. package/components/Popover/Popover.config.js +1 -1
  4. package/components/Switch/Switch.config.js +2 -2
  5. package/components/Tabs/TabItem.config.js +4 -4
  6. package/components/Tabs/TabItem.d.ts +1 -13
  7. package/components/Tabs/Tabs.config.js +4 -4
  8. package/components/Tabs/Tabs.d.ts +1 -13
  9. package/components/Tabs/TabsController.d.ts +1 -1
  10. package/components/Tabs/TabsController.js +1 -1
  11. package/components/TextField/TextField.config.js +2 -2
  12. package/css/cjs/components/Dropdown/Dropdown.config.js +1 -1
  13. package/css/cjs/components/Dropdown/Dropdown.config.js.map +1 -1
  14. package/css/cjs/components/Dropdown/{Dropdown.config_169uaoi.css → Dropdown.config_kvz7m2.css} +1 -1
  15. package/css/cjs/components/Dropdown/Dropdown.css +5 -5
  16. package/css/cjs/components/Popover/Popover.config.js +1 -1
  17. package/css/cjs/components/Popover/Popover.config.js.map +1 -1
  18. package/css/{es/components/Popover/Popover.config_1l18nlm.css → cjs/components/Popover/Popover.config_14o0rv7.css} +1 -1
  19. package/css/cjs/components/Popover/Popover.css +1 -1
  20. package/css/cjs/components/Tabs/TabItem.config.js +1 -1
  21. package/css/cjs/components/Tabs/TabItem.config.js.map +1 -1
  22. package/css/{es/components/Tabs/TabItem.config_1fqdgmr.css → cjs/components/Tabs/TabItem.config_mjoml6.css} +4 -4
  23. package/css/cjs/components/Tabs/TabItem.css +15 -15
  24. package/css/cjs/components/Tabs/Tabs.config.js +1 -1
  25. package/css/cjs/components/Tabs/Tabs.config.js.map +1 -1
  26. package/css/{es/components/Tabs/Tabs.config_hnbp5.css → cjs/components/Tabs/Tabs.config_1g344dn.css} +4 -4
  27. package/css/cjs/components/Tabs/Tabs.css +15 -15
  28. package/css/cjs/components/Tabs/TabsController.css +30 -30
  29. package/css/cjs/components/Tabs/TabsController.js +1 -1
  30. package/css/cjs/components/Tabs/TabsController.js.map +1 -1
  31. package/css/cjs/components/TextField/TextField.config.js +1 -1
  32. package/css/cjs/components/TextField/TextField.config.js.map +1 -1
  33. package/css/cjs/components/TextField/{TextField.config_1fkm7bk.css → TextField.config_1e6yupa.css} +2 -2
  34. package/css/cjs/components/TextField/TextField.css +11 -11
  35. package/css/cjs/index.css +49 -49
  36. package/css/es/components/Dropdown/Dropdown.config.js +1 -1
  37. package/css/es/components/Dropdown/Dropdown.config.js.map +1 -1
  38. package/css/es/components/Dropdown/{Dropdown.config_169uaoi.css → Dropdown.config_kvz7m2.css} +1 -1
  39. package/css/es/components/Dropdown/Dropdown.css +5 -5
  40. package/css/es/components/Popover/Popover.config.js +1 -1
  41. package/css/es/components/Popover/Popover.config.js.map +1 -1
  42. package/css/{cjs/components/Popover/Popover.config_1l18nlm.css → es/components/Popover/Popover.config_14o0rv7.css} +1 -1
  43. package/css/es/components/Popover/Popover.css +1 -1
  44. package/css/es/components/Tabs/TabItem.config.js +1 -1
  45. package/css/es/components/Tabs/TabItem.config.js.map +1 -1
  46. package/css/{cjs/components/Tabs/TabItem.config_1fqdgmr.css → es/components/Tabs/TabItem.config_mjoml6.css} +4 -4
  47. package/css/es/components/Tabs/TabItem.css +15 -15
  48. package/css/es/components/Tabs/Tabs.config.js +1 -1
  49. package/css/es/components/Tabs/Tabs.config.js.map +1 -1
  50. package/css/{cjs/components/Tabs/Tabs.config_hnbp5.css → es/components/Tabs/Tabs.config_1g344dn.css} +4 -4
  51. package/css/es/components/Tabs/Tabs.css +15 -15
  52. package/css/es/components/Tabs/TabsController.css +30 -30
  53. package/css/es/components/Tabs/TabsController.js +1 -1
  54. package/css/es/components/Tabs/TabsController.js.map +1 -1
  55. package/css/es/components/TextField/TextField.config.js +1 -1
  56. package/css/es/components/TextField/TextField.config.js.map +1 -1
  57. package/css/es/components/TextField/{TextField.config_1fkm7bk.css → TextField.config_1e6yupa.css} +2 -2
  58. package/css/es/components/TextField/TextField.css +11 -11
  59. package/css/es/index.css +49 -49
  60. package/es/components/Dropdown/Dropdown.config.js +1 -1
  61. package/es/components/Popover/Popover.config.js +1 -1
  62. package/es/components/Switch/Switch.config.js +2 -2
  63. package/es/components/Tabs/TabItem.config.js +4 -4
  64. package/es/components/Tabs/Tabs.config.js +4 -4
  65. package/es/components/Tabs/TabsController.js +1 -1
  66. package/es/components/TextField/TextField.config.js +2 -2
  67. package/package.json +3 -3
  68. package/temp/plasma-web.api.md +5 -27
@@ -8,15 +8,15 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": transparent;\n ", ": var(--plasma-colors-button-focused);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
12
- filled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--plasma-colors-button-focused);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
13
- divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": transparent;\n ", ": var(--plasma-colors-button-focused);\n\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
11
+ clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
12
+ filled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
13
+ divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
14
14
  },
15
15
  size: {
16
16
  xs: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
17
17
  s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.25rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
18
18
  m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.625rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
19
- l: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.75rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
19
+ l: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.75rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
20
20
  h5: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.25rem;\n ", ": 0rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
21
21
  h4: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.25rem;\n ", ": 0rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
22
22
  h3: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.375rem;\n ", ": 0rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
@@ -3,7 +3,7 @@ import { Tabs } from './Tabs';
3
3
  import { TabItem } from './TabItem';
4
4
 
5
5
  /**
6
- * @deprecated
6
+ * #deprecated
7
7
  * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange
8
8
  *
9
9
  * Контроллер вкладок.
@@ -9,7 +9,7 @@ export var config = {
9
9
  },
10
10
  variations: {
11
11
  view: {
12
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--plasma-colors-secondary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n "])), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor),
12
+ "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n "])), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor),
13
13
  positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n "])), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor),
14
14
  warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n "])), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor),
15
15
  negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n "])), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor)
@@ -21,7 +21,7 @@ export var config = {
21
21
  xs: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight)
22
22
  },
23
23
  labelPlacement: {
24
- inner: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
24
+ inner: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--text-secondary)));\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
25
25
  outer: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
26
26
  },
27
27
  disabled: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.367.1-canary.1359.10386530867.0",
3
+ "version": "1.367.2-canary.1362.10405734898.0",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -21,7 +21,7 @@
21
21
  "dependencies": {
22
22
  "@salutejs/plasma-core": "1.166.0",
23
23
  "@salutejs/plasma-hope": "1.292.0",
24
- "@salutejs/plasma-new-hope": "0.121.1-canary.1359.10386530867.0",
24
+ "@salutejs/plasma-new-hope": "0.121.2-canary.1362.10405734898.0",
25
25
  "@salutejs/plasma-tokens-b2b": "1.41.0",
26
26
  "@salutejs/plasma-tokens-b2c": "0.51.0",
27
27
  "@salutejs/plasma-tokens-web": "1.56.0",
@@ -110,5 +110,5 @@
110
110
  "Fanil Zubairov"
111
111
  ],
112
112
  "sideEffects": false,
113
- "gitHead": "0f228786a0728769d0971a34f3a04ec9fe4ab2d4"
113
+ "gitHead": "7fac672e02aaa74e226e7049d5bdc61b1fd9c982"
114
114
  }
@@ -99,6 +99,8 @@ import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
99
99
  import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
100
100
  import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types';
101
101
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
102
+ import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
103
+ import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
102
104
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
103
105
  import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
104
106
  import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
@@ -2230,42 +2232,18 @@ export type SwitchProps = ComponentProps<typeof SwitchComponent>;
2230
2232
  export { syntheticFocus }
2231
2233
 
2232
2234
  // @public
2233
- export const TabItem: ForwardRefExoticComponent<AsProps<any> & ButtonHTMLAttributes<HTMLButtonElement> & {
2234
- isActive?: boolean | undefined;
2235
- selected?: boolean | undefined;
2236
- disabled?: boolean | undefined;
2237
- pilled?: boolean | undefined;
2238
- animated?: boolean | undefined;
2239
- contentLeft?: ReactNode;
2240
- contentRight?: ReactNode;
2241
- onIndexChange?: ((index: number) => void) | undefined;
2242
- itemIndex?: number | undefined;
2243
- size?: string | undefined;
2244
- view?: string | undefined;
2245
- } & RefAttributes<HTMLDivElement>>;
2235
+ export const TabItem: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & AsProps_2<any> & CustomTabItemProps & RefAttributes<HTMLDivElement>>;
2246
2236
 
2247
2237
  export { TabItemProps }
2248
2238
 
2249
2239
  export { TabItemRefs }
2250
2240
 
2251
2241
  // @public
2252
- export const Tabs: ForwardRefExoticComponent<AsProps_2<any> & HTMLAttributes<HTMLDivElement> & {
2253
- clip?: "scroll" | "showAll" | undefined;
2254
- disabled?: boolean | undefined;
2255
- stretch?: boolean | undefined;
2256
- pilled?: boolean | undefined;
2257
- size?: string | undefined;
2258
- view?: string | undefined;
2259
- index?: number | undefined;
2260
- outsideScroll?: boolean | {
2261
- left?: string | undefined;
2262
- right?: string | undefined;
2263
- } | undefined;
2264
- } & RefAttributes<HTMLDivElement>>;
2242
+ export const Tabs: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AsProps_2<any> & CustomTabsProps & RefAttributes<HTMLDivElement>>;
2265
2243
 
2266
2244
  export { TabsContext }
2267
2245
 
2268
- // @public @deprecated (undocumented)
2246
+ // @public
2269
2247
  export const TabsController: ForwardRefExoticComponent<TabsControllerProps & RefAttributes<HTMLDivElement>>;
2270
2248
 
2271
2249
  export { TabsControllerProps }