@salutejs/plasma-new-hope 0.249.0-canary.1724.13029024228.0 → 0.249.0-canary.1726.13028333782.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 (107) hide show
  1. package/cjs/components/Accordion/Accordion.tokens.js +0 -1
  2. package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
  3. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
  4. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +8 -10
  5. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  6. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  7. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  8. package/cjs/components/Accordion/ui/AccordionItem/{AccordionItem.styles_56cr5h.css → AccordionItem.styles_aus2x3.css} +1 -1
  9. package/cjs/components/Segment/tokens.js +1 -0
  10. package/cjs/components/Segment/tokens.js.map +1 -1
  11. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +2 -2
  12. package/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
  13. package/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js.map +1 -1
  14. package/{es/components/Segment/ui/SegmentItem/variations/_size/base_7kjuok.css → cjs/components/Segment/ui/SegmentItem/variations/_size/base_1n8lr7x.css} +1 -1
  15. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  16. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  17. package/{es/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css → cjs/components/Segment/ui/SegmentItem/variations/_view/base_1gbqhvi.css} +1 -1
  18. package/cjs/components/_Icon/Icons/IconChevronDownFill.js +3 -6
  19. package/cjs/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
  20. package/cjs/components/_Icon/Icons/IconMinus.js +3 -6
  21. package/cjs/components/_Icon/Icons/IconMinus.js.map +1 -1
  22. package/cjs/index.css +13 -13
  23. package/emotion/cjs/components/Accordion/Accordion.tokens.js +0 -1
  24. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +8 -10
  25. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +20 -11
  26. package/emotion/cjs/components/Segment/tokens.js +1 -0
  27. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
  28. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  29. package/emotion/cjs/components/_Icon/Icons/IconChevronDownFill.js +3 -8
  30. package/emotion/cjs/components/_Icon/Icons/IconMinus.js +3 -8
  31. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -10
  32. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -33
  33. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +10 -10
  34. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -33
  35. package/emotion/es/components/Accordion/Accordion.tokens.js +0 -1
  36. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +8 -10
  37. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +20 -11
  38. package/emotion/es/components/Segment/tokens.js +1 -0
  39. package/emotion/es/components/Segment/ui/SegmentItem/variations/_size/base.js +2 -2
  40. package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  41. package/emotion/es/components/_Icon/Icons/IconChevronDownFill.js +3 -8
  42. package/emotion/es/components/_Icon/Icons/IconMinus.js +3 -8
  43. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -10
  44. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -33
  45. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +10 -10
  46. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -33
  47. package/es/components/Accordion/Accordion.tokens.js +0 -1
  48. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  49. package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
  50. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +8 -10
  51. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  52. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  53. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  54. package/es/components/Accordion/ui/AccordionItem/{AccordionItem.styles_56cr5h.css → AccordionItem.styles_aus2x3.css} +1 -1
  55. package/es/components/Segment/tokens.js +1 -0
  56. package/es/components/Segment/tokens.js.map +1 -1
  57. package/es/components/Segment/ui/SegmentItem/SegmentItem.css +2 -2
  58. package/es/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
  59. package/es/components/Segment/ui/SegmentItem/variations/_size/base.js.map +1 -1
  60. package/{cjs/components/Segment/ui/SegmentItem/variations/_size/base_7kjuok.css → es/components/Segment/ui/SegmentItem/variations/_size/base_1n8lr7x.css} +1 -1
  61. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  62. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  63. package/{cjs/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css → es/components/Segment/ui/SegmentItem/variations/_view/base_1gbqhvi.css} +1 -1
  64. package/es/components/_Icon/Icons/IconChevronDownFill.js +3 -6
  65. package/es/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
  66. package/es/components/_Icon/Icons/IconMinus.js +3 -6
  67. package/es/components/_Icon/Icons/IconMinus.js.map +1 -1
  68. package/es/index.css +13 -13
  69. package/package.json +2 -2
  70. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -1
  71. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +8 -10
  72. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  73. package/styled-components/cjs/components/Segment/tokens.js +1 -0
  74. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
  75. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  76. package/styled-components/cjs/components/_Icon/Icons/IconChevronDownFill.js +3 -8
  77. package/styled-components/cjs/components/_Icon/Icons/IconMinus.js +3 -8
  78. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -6
  79. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -33
  80. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +6 -6
  81. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -33
  82. package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -1
  83. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +8 -10
  84. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  85. package/styled-components/es/components/Segment/tokens.js +1 -0
  86. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_size/base.js +2 -2
  87. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  88. package/styled-components/es/components/_Icon/Icons/IconChevronDownFill.js +3 -8
  89. package/styled-components/es/components/_Icon/Icons/IconMinus.js +3 -8
  90. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -6
  91. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -33
  92. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +6 -6
  93. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -33
  94. package/types/components/Accordion/Accordion.tokens.d.ts +0 -1
  95. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  96. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
  97. package/types/components/Segment/tokens.d.ts +1 -0
  98. package/types/components/Segment/tokens.d.ts.map +1 -1
  99. package/types/components/Segment/ui/SegmentItem/variations/_size/base.d.ts.map +1 -1
  100. package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
  101. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts +0 -4
  102. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
  103. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts +0 -4
  104. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts.map +1 -1
  105. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts +4 -4
  106. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
  107. package/types/examples/plasma_web/components/Accordion/Accordion.d.ts +4 -4
@@ -1,7 +1,3 @@
1
- var _excluded = ["size", "color", "className"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
1
  import React from 'react';
6
2
  import { ChevronDownFill } from '../Icon.assets/ChevronDownFill';
7
3
  import { IconRoot } from '../IconRoot';
@@ -9,12 +5,11 @@ export var IconChevronDownFill = function IconChevronDownFill(_ref) {
9
5
  var _ref$size = _ref.size,
10
6
  size = _ref$size === void 0 ? 'xs' : _ref$size,
11
7
  color = _ref.color,
12
- className = _ref.className,
13
- rest = _objectWithoutProperties(_ref, _excluded);
14
- return /*#__PURE__*/React.createElement(IconRoot, _extends({
8
+ className = _ref.className;
9
+ return /*#__PURE__*/React.createElement(IconRoot, {
15
10
  className: className,
16
11
  size: size,
17
12
  color: color,
18
13
  icon: ChevronDownFill
19
- }, rest));
14
+ });
20
15
  };
@@ -1,7 +1,3 @@
1
- var _excluded = ["size", "color", "className"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
1
  import React from 'react';
6
2
  import { Minus } from '../Icon.assets/Minus';
7
3
  import { IconRoot } from '../IconRoot';
@@ -9,12 +5,11 @@ export var IconMinus = function IconMinus(_ref) {
9
5
  var _ref$size = _ref.size,
10
6
  size = _ref$size === void 0 ? 's' : _ref$size,
11
7
  color = _ref.color,
12
- className = _ref.className,
13
- rest = _objectWithoutProperties(_ref, _excluded);
14
- return /*#__PURE__*/React.createElement(IconRoot, _extends({
8
+ className = _ref.className;
9
+ return /*#__PURE__*/React.createElement(IconRoot, {
15
10
  className: className,
16
11
  size: size,
17
12
  color: color,
18
13
  icon: Minus
19
- }, rest));
14
+ });
20
15
  };
@@ -8,17 +8,13 @@ export var config = {
8
8
  variations: {
9
9
  view: {
10
10
  "default": /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") var(", ");", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--surface-clear);", ":none;", ":0;", ":var(", ");"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft, accordionTokens.accordionItemPaddingHorizontal),
11
- clear: /*#__PURE__*/css(["", ":0;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.063rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
11
+ clear: /*#__PURE__*/css(["", ":0;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.125rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
12
12
  },
13
13
  size: {
14
14
  l: /*#__PURE__*/css(["", ":1.0625rem;", ":1.25rem;", ":0.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
15
15
  m: /*#__PURE__*/css(["", ":0.875rem;", ":1.125rem;", ":0.375rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
16
16
  s: /*#__PURE__*/css(["", ":0.6875rem;", ":0.875rem;", ":0.375rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
17
- xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
18
- h2: /*#__PURE__*/css(["", ":1rem;", ":1.25rem;", ":0.25rem;", ":0.75rem;", ":1.5rem;", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-bold-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
19
- h3: /*#__PURE__*/css(["", ":0.875rem;", ":1.125rem;", ":0.25rem;", ":0.75rem;", ":1.5rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-bold-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
20
- h4: /*#__PURE__*/css(["", ":0.688rem;", ":0.875rem;", ":0.25rem;", ":0.625rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-bold-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
21
- h5: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-bold-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
17
+ xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
22
18
  }
23
19
  }
24
20
  };
@@ -95,24 +95,6 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
- const getSizeForIconButton = (size) => {
99
- switch (size) {
100
- case 'l':
101
- case 'h2':
102
- case 'h3':
103
- return 'l';
104
- case 'm':
105
- return 'm';
106
- case 's':
107
- case 'h4':
108
- return 's';
109
- case 'xs':
110
- case 'h5':
111
- return 'xs';
112
- default:
113
- return 'm';
114
- }
115
- };
116
98
 
117
99
  const ControlledAccordion = (props: AccordionProps) => {
118
100
  const args = { ...props, text: undefined };
@@ -124,11 +106,7 @@ const ControlledAccordion = (props: AccordionProps) => {
124
106
  <Accordion {...args}>
125
107
  <AccordionItem
126
108
  contentRight={
127
- <IconButton
128
- view="secondary"
129
- size={getSizeForIconButton(args.size)}
130
- onClick={() => setActiveFirst(!activeFirst)}
131
- >
109
+ <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
132
110
  <IconPlus size={getSizeForIcon(args.size)} />
133
111
  </IconButton>
134
112
  }
@@ -142,11 +120,7 @@ const ControlledAccordion = (props: AccordionProps) => {
142
120
  </AccordionItem>
143
121
  <AccordionItem
144
122
  contentRight={
145
- <IconButton
146
- view="secondary"
147
- size={getSizeForIconButton(args.size)}
148
- onClick={() => setActiveSecond(!activeSecond)}
149
- >
123
+ <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
150
124
  <IconPlus size={getSizeForIcon(args.size)} />
151
125
  </IconButton>
152
126
  }
@@ -160,11 +134,7 @@ const ControlledAccordion = (props: AccordionProps) => {
160
134
  </AccordionItem>
161
135
  <AccordionItem
162
136
  contentRight={
163
- <IconButton
164
- view="secondary"
165
- size={getSizeForIconButton(args.size)}
166
- onClick={() => setActiveThree(!activeThree)}
167
- >
137
+ <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
168
138
  <IconPlus size={getSizeForIcon(args.size)} />
169
139
  </IconButton>
170
140
  }
@@ -8,17 +8,17 @@ export var config = {
8
8
  variations: {
9
9
  view: {
10
10
  "default": /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") var(", ");", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--surface-clear);", ":none;", ":0;", ":var(", ");"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft, accordionTokens.accordionItemPaddingHorizontal),
11
- clear: /*#__PURE__*/css(["", ":0;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.063rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
11
+ clear: /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.125rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
12
12
  },
13
13
  size: {
14
14
  l: /*#__PURE__*/css(["", ":1.0625rem;", ":1.25rem;", ":0.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
15
15
  m: /*#__PURE__*/css(["", ":0.875rem;", ":1.125rem;", ":0.375rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
16
16
  s: /*#__PURE__*/css(["", ":0.6875rem;", ":0.875rem;", ":0.375rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
17
- xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
18
- h2: /*#__PURE__*/css(["", ":1rem;", ":1.25rem;", ":0.25rem;", ":0.75rem;", ":1.5rem;", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-bold-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
19
- h3: /*#__PURE__*/css(["", ":0.875rem;", ":1.125rem;", ":0.25rem;", ":0.75rem;", ":1.5rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-bold-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
20
- h4: /*#__PURE__*/css(["", ":0.688rem;", ":0.875rem;", ":0.25rem;", ":0.625rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-bold-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
21
- h5: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-bold-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
17
+ xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
18
+ },
19
+ stretching: {
20
+ filled: /*#__PURE__*/css([""]),
21
+ fixed: /*#__PURE__*/css([""])
22
22
  }
23
23
  }
24
24
  };
@@ -95,24 +95,6 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
- const getSizeForIconButton = (size) => {
99
- switch (size) {
100
- case 'l':
101
- case 'h2':
102
- case 'h3':
103
- return 'l';
104
- case 'm':
105
- return 'm';
106
- case 's':
107
- case 'h4':
108
- return 's';
109
- case 'xs':
110
- case 'h5':
111
- return 'xs';
112
- default:
113
- return 'm';
114
- }
115
- };
116
98
 
117
99
  const ControlledAccordion = (props: AccordionProps) => {
118
100
  const args = { ...props, text: undefined };
@@ -124,11 +106,7 @@ const ControlledAccordion = (props: AccordionProps) => {
124
106
  <Accordion {...args}>
125
107
  <AccordionItem
126
108
  contentRight={
127
- <IconButton
128
- view="secondary"
129
- size={getSizeForIconButton(args.size)}
130
- onClick={() => setActiveFirst(!activeFirst)}
131
- >
109
+ <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
132
110
  <IconPlus size={getSizeForIcon(args.size)} />
133
111
  </IconButton>
134
112
  }
@@ -142,11 +120,7 @@ const ControlledAccordion = (props: AccordionProps) => {
142
120
  </AccordionItem>
143
121
  <AccordionItem
144
122
  contentRight={
145
- <IconButton
146
- view="secondary"
147
- size={getSizeForIconButton(args.size)}
148
- onClick={() => setActiveSecond(!activeSecond)}
149
- >
123
+ <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
150
124
  <IconPlus size={getSizeForIcon(args.size)} />
151
125
  </IconButton>
152
126
  }
@@ -160,11 +134,7 @@ const ControlledAccordion = (props: AccordionProps) => {
160
134
  </AccordionItem>
161
135
  <AccordionItem
162
136
  contentRight={
163
- <IconButton
164
- view="secondary"
165
- size={getSizeForIconButton(args.size)}
166
- onClick={() => setActiveThree(!activeThree)}
167
- >
137
+ <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
168
138
  <IconPlus size={getSizeForIcon(args.size)} />
169
139
  </IconButton>
170
140
  }
@@ -24,7 +24,6 @@ export declare const tokens: {
24
24
  accordionItemBorder: string;
25
25
  accordionItemBorderBottom: string;
26
26
  accordionItemIconColor: string;
27
- accordionItemIconSize: string;
28
27
  accordionItemTitleColor: string;
29
28
  accordionItemTitleFontFamily: string;
30
29
  accordionItemTitleFontSize: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClB,CAAC"}
1
+ {"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgClB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqBvE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;wCAuHzB,CAAC"}
1
+ {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqBvE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;wCAkHzB,CAAC"}
@@ -14,6 +14,7 @@ export declare const tokens: {
14
14
  fontSize: string;
15
15
  fontStyle: string;
16
16
  fontWeight: string;
17
+ fontWeightSelectedItem: string;
17
18
  letterSpacing: string;
18
19
  lineHeight: string;
19
20
  outlineFocusColor: string;
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Segment/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ClB,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Segment/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Segment/ui/SegmentItem/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAehB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Segment/ui/SegmentItem/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAmBhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Segment/ui/SegmentItem/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAsChB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Segment/ui/SegmentItem/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA0ChB,CAAC"}
@@ -13,10 +13,6 @@ export declare const config: {
13
13
  m: import("@linaria/core").LinariaClassName;
14
14
  s: import("@linaria/core").LinariaClassName;
15
15
  xs: import("@linaria/core").LinariaClassName;
16
- h2: import("@linaria/core").LinariaClassName;
17
- h3: import("@linaria/core").LinariaClassName;
18
- h4: import("@linaria/core").LinariaClassName;
19
- h5: import("@linaria/core").LinariaClassName;
20
16
  };
21
17
  };
22
18
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CA6MlB,CAAC"}
1
+ {"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CA2HlB,CAAC"}
@@ -10,10 +10,6 @@ export declare const Accordion: import("react").FunctionComponent<import("../../
10
10
  m: import("@linaria/core").LinariaClassName;
11
11
  s: import("@linaria/core").LinariaClassName;
12
12
  xs: import("@linaria/core").LinariaClassName;
13
- h2: import("@linaria/core").LinariaClassName;
14
- h3: import("@linaria/core").LinariaClassName;
15
- h4: import("@linaria/core").LinariaClassName;
16
- h5: import("@linaria/core").LinariaClassName;
17
13
  };
18
14
  }> & {
19
15
  view?: string | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Accordion/Accordion.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmB,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAOlF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Accordion/Accordion.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmB,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAOlF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -13,10 +13,10 @@ export declare const config: {
13
13
  m: import("@linaria/core").LinariaClassName;
14
14
  s: import("@linaria/core").LinariaClassName;
15
15
  xs: import("@linaria/core").LinariaClassName;
16
- h2: import("@linaria/core").LinariaClassName;
17
- h3: import("@linaria/core").LinariaClassName;
18
- h4: import("@linaria/core").LinariaClassName;
19
- h5: import("@linaria/core").LinariaClassName;
16
+ };
17
+ stretching: {
18
+ filled: import("@linaria/core").LinariaClassName;
19
+ fixed: import("@linaria/core").LinariaClassName;
20
20
  };
21
21
  };
22
22
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CA6MlB,CAAC"}
1
+ {"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CA4HlB,CAAC"}
@@ -10,10 +10,10 @@ export declare const Accordion: import("react").FunctionComponent<import("../../
10
10
  m: import("@linaria/core").LinariaClassName;
11
11
  s: import("@linaria/core").LinariaClassName;
12
12
  xs: import("@linaria/core").LinariaClassName;
13
- h2: import("@linaria/core").LinariaClassName;
14
- h3: import("@linaria/core").LinariaClassName;
15
- h4: import("@linaria/core").LinariaClassName;
16
- h5: import("@linaria/core").LinariaClassName;
13
+ };
14
+ stretching: {
15
+ filled: import("@linaria/core").LinariaClassName;
16
+ fixed: import("@linaria/core").LinariaClassName;
17
17
  };
18
18
  }> & {
19
19
  view?: string | undefined;