@salutejs/plasma-new-hope 0.249.0-dev.0 → 0.250.0-canary.1733.13050080190.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.
- package/cjs/components/Accordion/Accordion.tokens.js +4 -0
- package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +12 -10
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +5 -5
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/{AccordionItem.styles_aus2x3.css → AccordionItem.styles_1yw1mrq.css} +2 -2
- package/cjs/components/_Icon/Icons/IconChevronDownFill.js +6 -3
- package/cjs/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconMinus.js +6 -3
- package/cjs/components/_Icon/Icons/IconMinus.js.map +1 -1
- package/cjs/index.css +11 -11
- package/emotion/cjs/components/Accordion/Accordion.tokens.js +4 -0
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +12 -10
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -20
- package/emotion/cjs/components/_Icon/Icons/IconChevronDownFill.js +8 -3
- package/emotion/cjs/components/_Icon/Icons/IconMinus.js +8 -3
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +10 -6
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +10 -10
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
- package/emotion/es/components/Accordion/Accordion.tokens.js +4 -0
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +12 -10
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -20
- package/emotion/es/components/_Icon/Icons/IconChevronDownFill.js +8 -3
- package/emotion/es/components/_Icon/Icons/IconMinus.js +8 -3
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +10 -6
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +10 -10
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
- package/es/components/Accordion/Accordion.tokens.js +4 -0
- package/es/components/Accordion/Accordion.tokens.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +12 -10
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +5 -5
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/{AccordionItem.styles_aus2x3.css → AccordionItem.styles_1yw1mrq.css} +2 -2
- package/es/components/_Icon/Icons/IconChevronDownFill.js +6 -3
- package/es/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
- package/es/components/_Icon/Icons/IconMinus.js +6 -3
- package/es/components/_Icon/Icons/IconMinus.js.map +1 -1
- package/es/index.css +11 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +4 -0
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +12 -10
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/styled-components/cjs/components/_Icon/Icons/IconChevronDownFill.js +8 -3
- package/styled-components/cjs/components/_Icon/Icons/IconMinus.js +8 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +6 -6
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
- package/styled-components/es/components/Accordion/Accordion.tokens.js +4 -0
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +12 -10
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/styled-components/es/components/_Icon/Icons/IconChevronDownFill.js +8 -3
- package/styled-components/es/components/_Icon/Icons/IconMinus.js +8 -3
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -2
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +6 -6
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
- package/types/components/Accordion/Accordion.tokens.d.ts +4 -0
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts +4 -0
- package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts +4 -0
- package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts +4 -4
- package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Accordion/Accordion.d.ts +4 -4
@@ -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
|
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)
|
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
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
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)
|
22
22
|
}
|
23
23
|
}
|
24
24
|
};
|
@@ -95,6 +95,24 @@ 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
|
+
};
|
98
116
|
|
99
117
|
const ControlledAccordion = (props: AccordionProps) => {
|
100
118
|
const args = { ...props, text: undefined };
|
@@ -106,7 +124,11 @@ const ControlledAccordion = (props: AccordionProps) => {
|
|
106
124
|
<Accordion {...args}>
|
107
125
|
<AccordionItem
|
108
126
|
contentRight={
|
109
|
-
<IconButton
|
127
|
+
<IconButton
|
128
|
+
view="secondary"
|
129
|
+
size={getSizeForIconButton(args.size)}
|
130
|
+
onClick={() => setActiveFirst(!activeFirst)}
|
131
|
+
>
|
110
132
|
<IconPlus size={getSizeForIcon(args.size)} />
|
111
133
|
</IconButton>
|
112
134
|
}
|
@@ -120,7 +142,11 @@ const ControlledAccordion = (props: AccordionProps) => {
|
|
120
142
|
</AccordionItem>
|
121
143
|
<AccordionItem
|
122
144
|
contentRight={
|
123
|
-
<IconButton
|
145
|
+
<IconButton
|
146
|
+
view="secondary"
|
147
|
+
size={getSizeForIconButton(args.size)}
|
148
|
+
onClick={() => setActiveSecond(!activeSecond)}
|
149
|
+
>
|
124
150
|
<IconPlus size={getSizeForIcon(args.size)} />
|
125
151
|
</IconButton>
|
126
152
|
}
|
@@ -134,7 +160,11 @@ const ControlledAccordion = (props: AccordionProps) => {
|
|
134
160
|
</AccordionItem>
|
135
161
|
<AccordionItem
|
136
162
|
contentRight={
|
137
|
-
<IconButton
|
163
|
+
<IconButton
|
164
|
+
view="secondary"
|
165
|
+
size={getSizeForIconButton(args.size)}
|
166
|
+
onClick={() => setActiveThree(!activeThree)}
|
167
|
+
>
|
138
168
|
<IconPlus size={getSizeForIcon(args.size)} />
|
139
169
|
</IconButton>
|
140
170
|
}
|
@@ -24,6 +24,10 @@ export declare const tokens: {
|
|
24
24
|
accordionItemBorder: string;
|
25
25
|
accordionItemBorderBottom: string;
|
26
26
|
accordionItemIconColor: string;
|
27
|
+
accordionItemIconSize: string;
|
28
|
+
accordionItemHeaderLeftGap: string;
|
29
|
+
accordionItemHeaderLeftGapDefault: string;
|
30
|
+
accordionItemHeaderLeftGapClear: string;
|
27
31
|
accordionItemTitleColor: string;
|
28
32
|
accordionItemTitleFontFamily: string;
|
29
33
|
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
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqClB,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;;;;;;;;;;;;;;;;
|
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;;;;;;;;;;;;;;;;wCAwHzB,CAAC"}
|
@@ -13,6 +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
20
|
};
|
17
21
|
};
|
18
22
|
};
|
@@ -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
|
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"}
|
@@ -10,6 +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
17
|
};
|
14
18
|
}> & {
|
15
19
|
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
|
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
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
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
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;;;;;;;;;;;;;;;;;;;;;
|
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"}
|
@@ -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
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
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
17
|
};
|
18
18
|
}> & {
|
19
19
|
view?: string | undefined;
|