@salutejs/plasma-new-hope 0.320.1-canary.1913.14457152885.0 → 0.320.1-canary.1913.14480249004.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/Autocomplete/Autocomplete.js +2 -2
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Typography/Body/Body.css +1 -1
- package/cjs/components/Typography/Typography.js +3 -2
- package/cjs/components/Typography/Typography.js.map +1 -1
- package/cjs/components/Typography/Typography.styles.js +1 -1
- package/cjs/components/Typography/Typography.styles.js.map +1 -1
- package/cjs/components/Typography/{Typography.styles_c0qunc.css → Typography.styles_ysh8u6.css} +1 -1
- package/cjs/components/Typography/tokens.js +2 -1
- package/cjs/components/Typography/tokens.js.map +1 -1
- package/cjs/index.css +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/emotion/cjs/components/Typography/Typography.js +3 -2
- package/emotion/cjs/components/Typography/Typography.styles.js +1 -1
- package/emotion/cjs/components/Typography/Typography.template-doc.mdx +3 -0
- package/emotion/cjs/components/Typography/tokens.js +2 -1
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +13 -12
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +13 -12
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +13 -12
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +13 -12
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +13 -12
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +13 -12
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/emotion/cjs/examples/typography/components/Body/Body.stories.tsx +9 -4
- package/emotion/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +3 -0
- package/emotion/cjs/examples/typography/components/Heading/Heading.stories.tsx +3 -0
- package/emotion/cjs/examples/typography/components/Text/Text.stories.tsx +3 -0
- package/emotion/es/components/Autocomplete/Autocomplete.js +2 -2
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +2 -2
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/emotion/es/components/Typography/Typography.js +3 -2
- package/emotion/es/components/Typography/Typography.styles.js +1 -1
- package/emotion/es/components/Typography/Typography.template-doc.mdx +3 -0
- package/emotion/es/components/Typography/tokens.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +13 -12
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +13 -12
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +13 -12
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +13 -12
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +13 -12
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +13 -12
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/emotion/es/examples/typography/components/Body/Body.stories.tsx +9 -4
- package/emotion/es/examples/typography/components/Dspl/Dspl.stories.tsx +3 -0
- package/emotion/es/examples/typography/components/Heading/Heading.stories.tsx +3 -0
- package/emotion/es/examples/typography/components/Text/Text.stories.tsx +3 -0
- package/es/components/Autocomplete/Autocomplete.js +2 -2
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js +2 -2
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Typography/Body/Body.css +1 -1
- package/es/components/Typography/Typography.js +3 -2
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/Typography/Typography.styles.js +1 -1
- package/es/components/Typography/Typography.styles.js.map +1 -1
- package/es/components/Typography/{Typography.styles_c0qunc.css → Typography.styles_ysh8u6.css} +1 -1
- package/es/components/Typography/tokens.js +2 -1
- package/es/components/Typography/tokens.js.map +1 -1
- package/es/index.css +1 -1
- package/package.json +3 -3
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/styled-components/cjs/components/Typography/Typography.js +3 -2
- package/styled-components/cjs/components/Typography/Typography.styles.js +1 -1
- package/styled-components/cjs/components/Typography/Typography.template-doc.mdx +3 -0
- package/styled-components/cjs/components/Typography/tokens.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/styled-components/cjs/examples/typography/components/Body/Body.stories.tsx +9 -4
- package/styled-components/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +3 -0
- package/styled-components/cjs/examples/typography/components/Heading/Heading.stories.tsx +3 -0
- package/styled-components/cjs/examples/typography/components/Text/Text.stories.tsx +3 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.js +2 -2
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +2 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/styled-components/es/components/Typography/Typography.js +3 -2
- package/styled-components/es/components/Typography/Typography.styles.js +1 -1
- package/styled-components/es/components/Typography/Typography.template-doc.mdx +3 -0
- package/styled-components/es/components/Typography/tokens.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/styled-components/es/examples/typography/components/Body/Body.stories.tsx +9 -4
- package/styled-components/es/examples/typography/components/Dspl/Dspl.stories.tsx +3 -0
- package/styled-components/es/examples/typography/components/Heading/Heading.stories.tsx +3 -0
- package/styled-components/es/examples/typography/components/Text/Text.stories.tsx +3 -0
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Typography/Typography.d.ts.map +1 -1
- package/types/components/Typography/Typography.styles.d.ts.map +1 -1
- package/types/components/Typography/Typography.types.d.ts +4 -0
- package/types/components/Typography/Typography.types.d.ts.map +1 -1
- package/types/components/Typography/tokens.d.ts +1 -0
- package/types/components/Typography/tokens.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n Root: RootProps<HTMLDivElement, FontProps>,\n) =>\n forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n const {\n size,\n children,\n breakWord,\n noWrap,\n bold = defaultArgs?.defaultBold,\n medium,\n color,\n className,\n style,\n ...rest\n } = props;\n\n return (\n <Root\n size={size}\n ref={ref}\n className={cx(\n noWrap && classes.typoWithNoWrap,\n breakWord && classes.typoWithBreakWord,\n bold && classes.typoBold,\n medium && classes.typoMedium,\n className,\n )}\n style={{ color, ...style, ...applySpacing(rest) }}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n"],"names":["typographyRootCompose","defaultArgs","Root","forwardRef","props","ref","size","children","breakWord","noWrap","_props$bold","bold","defaultBold","medium","color","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","cx","classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","_objectSpread","applySpacing"],"mappings":";;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IACIC,IAAI,
|
|
1
|
+
{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n Root: RootProps<HTMLDivElement, FontProps>,\n) =>\n forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n const {\n size,\n children,\n breakWord,\n noWrap,\n bold = defaultArgs?.defaultBold,\n medium,\n color,\n isNumeric,\n className,\n style,\n ...rest\n } = props;\n\n return (\n <Root\n size={size}\n ref={ref}\n className={cx(\n noWrap && classes.typoWithNoWrap,\n breakWord && classes.typoWithBreakWord,\n bold && classes.typoBold,\n medium && classes.typoMedium,\n isNumeric && classes.typoIsNumeric,\n className,\n )}\n style={{ color, ...style, ...applySpacing(rest) }}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n"],"names":["typographyRootCompose","defaultArgs","Root","forwardRef","props","ref","size","children","breakWord","noWrap","_props$bold","bold","defaultBold","medium","color","isNumeric","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","cx","classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","typoIsNumeric","_objectSpread","applySpacing"],"mappings":";;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IACIC,IAAI,GAWJF,KAAK,CAXLE,IAAI;QACJC,QAAQ,GAURH,KAAK,CAVLG,QAAQ;QACRC,SAAS,GASTJ,KAAK,CATLI,SAAS;QACTC,MAAM,GAQNL,KAAK,CARLK,MAAM;QAAAC,WAAA,GAQNN,KAAK,CAPLO,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGT,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEW,WAAW,GAAAF,WAAA;QAC/BG,MAAM,GAMNT,KAAK,CANLS,MAAM;QACNC,KAAK,GAKLV,KAAK,CALLU,KAAK;QACLC,SAAS,GAITX,KAAK,CAJLW,SAAS;QACTC,SAAS,GAGTZ,KAAK,CAHLY,SAAS;QACTC,KAAK,GAELb,KAAK,CAFLa,KAAK;AACFC,QAAAA,IAAI,GAAAC,wBAAA,CACPf,KAAK,EAAAgB,SAAA,CAAA,CAAA;AAET,MAAA,oBACIC,KAAA,CAAAC,aAAA,CAACpB,IAAI,EAAAqB,QAAA,CAAA;AACDjB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;AACTW,QAAAA,SAAS,EAAEQ,EAAE,CACTf,MAAM,IAAIgB,OAAO,CAACC,cAAc,EAChClB,SAAS,IAAIiB,OAAO,CAACE,iBAAiB,EACtChB,IAAI,IAAIc,OAAO,CAACG,QAAQ,EACxBf,MAAM,IAAIY,OAAO,CAACI,UAAU,EAC5Bd,SAAS,IAAIU,OAAO,CAACK,aAAa,EAClCd,SACJ,CAAE;QACFC,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAA;AAAIjB,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKG,KAAK,CAAA,EAAKe,YAAY,CAACd,IAAI,CAAC,CAAA;OAC3CA,EAAAA,IAAI,CAEPX,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.styles.js","sources":["../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyHyphens, applyHyphensNormal } from '../../mixins';\n\nimport { classes, tokens } from './tokens';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n &.${classes.typoBold} {\n font-weight: var(${tokens.typoFontWeightBold});\n }\n\n &.${classes.typoMedium} {\n font-weight: var(${tokens.typoFontWeightMedium});\n }\n\n &.${classes.typoWithNoWrap} {\n white-space: nowrap;\n }\n\n ${applyHyphensNormal};\n\n &.${classes.typoWithBreakWord} {\n ${applyHyphens};\n }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,
|
|
1
|
+
{"version":3,"file":"Typography.styles.js","sources":["../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyHyphens, applyHyphensNormal } from '../../mixins';\n\nimport { classes, tokens } from './tokens';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n &.${classes.typoBold} {\n font-weight: var(${tokens.typoFontWeightBold});\n }\n\n &.${classes.typoMedium} {\n font-weight: var(${tokens.typoFontWeightMedium});\n }\n\n &.${classes.typoWithNoWrap} {\n white-space: nowrap;\n }\n\n &.${classes.typoIsNumeric} {\n font-variant-numeric: tabular-nums;\n }\n\n ${applyHyphensNormal};\n\n &.${classes.typoWithBreakWord} {\n ${applyHyphens};\n }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GA6BhB;;;;"}
|
package/es/components/Typography/{Typography.styles_c0qunc.css → Typography.styles_ysh8u6.css}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b1ru04lg{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1ru04lg.typography-bold{font-weight:var(--typo-font-weight-bold);}.b1ru04lg.typography-medium{font-weight:var(--typo-font-weight-medium);}.b1ru04lg.with-no-wrap{white-space:nowrap;}.b1ru04lg.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
|
|
1
|
+
.b1ru04lg{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1ru04lg.typography-bold{font-weight:var(--typo-font-weight-bold);}.b1ru04lg.typography-medium{font-weight:var(--typo-font-weight-medium);}.b1ru04lg.with-no-wrap{white-space:nowrap;}.b1ru04lg.typography-is-numeric{font-variant-numeric:tabular-nums;}.b1ru04lg.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
|
|
@@ -2,7 +2,8 @@ var classes = {
|
|
|
2
2
|
typoWithNoWrap: 'with-no-wrap',
|
|
3
3
|
typoWithBreakWord: 'with-break-word',
|
|
4
4
|
typoBold: 'typography-bold',
|
|
5
|
-
typoMedium: 'typography-medium'
|
|
5
|
+
typoMedium: 'typography-medium',
|
|
6
|
+
typoIsNumeric: 'typography-is-numeric'
|
|
6
7
|
};
|
|
7
8
|
var tokens = {
|
|
8
9
|
typoFontFamily: '--typo-font-family',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","sources":["../../../src/components/Typography/tokens.ts"],"sourcesContent":["export const classes = {\n typoWithNoWrap: 'with-no-wrap',\n typoWithBreakWord: 'with-break-word',\n typoBold: 'typography-bold',\n typoMedium: 'typography-medium',\n};\n\nexport const tokens = {\n typoFontFamily: '--typo-font-family',\n typoFontSize: '--typo-font-size',\n typoFontStyle: '--typo-font-style',\n typoFontWeight: '--typo-font-weight',\n typoFontWeightBold: '--typo-font-weight-bold',\n typoFontWeightMedium: '--typo-font-weight-medium',\n typoFontLetterSpacing: '--typo-font-letter-spacing',\n typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontWeightMedium","typoFontLetterSpacing","typoFontLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAiB;AAC3BC,EAAAA,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"tokens.js","sources":["../../../src/components/Typography/tokens.ts"],"sourcesContent":["export const classes = {\n typoWithNoWrap: 'with-no-wrap',\n typoWithBreakWord: 'with-break-word',\n typoBold: 'typography-bold',\n typoMedium: 'typography-medium',\n typoIsNumeric: 'typography-is-numeric',\n};\n\nexport const tokens = {\n typoFontFamily: '--typo-font-family',\n typoFontSize: '--typo-font-size',\n typoFontStyle: '--typo-font-style',\n typoFontWeight: '--typo-font-weight',\n typoFontWeightBold: '--typo-font-weight-bold',\n typoFontWeightMedium: '--typo-font-weight-medium',\n typoFontLetterSpacing: '--typo-font-letter-spacing',\n typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","typoIsNumeric","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontWeightMedium","typoFontLetterSpacing","typoFontLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAiB;AAC3BC,EAAAA,UAAU,EAAE,mBAAmB;AAC/BC,EAAAA,aAAa,EAAE,uBAAA;AACnB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,YAAY,EAAE,kBAAkB;AAChCC,EAAAA,aAAa,EAAE,mBAAmB;AAClCC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,kBAAkB,EAAE,yBAAyB;AAC7CC,EAAAA,oBAAoB,EAAE,2BAA2B;AACjDC,EAAAA,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;"}
|
package/es/index.css
CHANGED
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
.CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
|
|
338
338
|
.CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
339
339
|
|
|
340
|
-
.
|
|
340
|
+
.Typography_styles_ysh8u6_b1ru04lg__63d1851b{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyBold__63d1851b{font-weight:var(--typo-font-weight-bold);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyMedium__63d1851b{font-weight:var(--typo-font-weight-medium);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withNoWrap__63d1851b{white-space:nowrap;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyIsNumeric__63d1851b{font-variant-numeric:tabular-nums;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withBreakWord__63d1851b{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
|
|
341
341
|
|
|
342
342
|
.TypographyOld_styles_168abbx_b9p5ato__094dcd73{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withNoWrap__094dcd73{white-space:nowrap;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withBreakWord__094dcd73{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
|
|
343
343
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.320.1-canary.1913.
|
|
3
|
+
"version": "0.320.1-canary.1913.14480249004.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
82
82
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
83
83
|
"@salutejs/plasma-sb-utils": "0.195.0",
|
|
84
|
-
"@salutejs/plasma-themes": "0.31.1-canary.1913.
|
|
84
|
+
"@salutejs/plasma-themes": "0.31.1-canary.1913.14480249004.0",
|
|
85
85
|
"@storybook/addon-docs": "8.6.12",
|
|
86
86
|
"@storybook/addon-essentials": "8.6.12",
|
|
87
87
|
"@storybook/manager-api": "8.6.12",
|
|
@@ -136,5 +136,5 @@
|
|
|
136
136
|
"sideEffects": [
|
|
137
137
|
"*.css"
|
|
138
138
|
],
|
|
139
|
-
"gitHead": "
|
|
139
|
+
"gitHead": "46b1053b333581ee6e46eceba7a81e0c0e28c1ef"
|
|
140
140
|
}
|
|
@@ -183,9 +183,9 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
|
183
183
|
hintText: String(hintText || ''),
|
|
184
184
|
labelPlacement: labelPlacement,
|
|
185
185
|
keepPlaceholder: keepPlaceholder,
|
|
186
|
-
leftHelper: _StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/_react["default"].createElement(_Autocomplete.StyledLeftHelper, {
|
|
186
|
+
leftHelper: leftHelper && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/_react["default"].createElement(_Autocomplete.StyledLeftHelper, {
|
|
187
187
|
onClick: helperTextStopPropagation
|
|
188
|
-
}, leftHelper))
|
|
188
|
+
}, leftHelper)))
|
|
189
189
|
}, rest));
|
|
190
190
|
}
|
|
191
191
|
}, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/_react["default"].createElement(Root, {
|
|
@@ -509,9 +509,9 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
|
509
509
|
textBefore: textBefore,
|
|
510
510
|
textAfter: textAfter,
|
|
511
511
|
onKeyDown: onKeyDown,
|
|
512
|
-
leftHelper: _StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/_react["default"].createElement(_Combobox2.StyledLeftHelper, {
|
|
512
|
+
leftHelper: helperText && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/_react["default"].createElement(_Combobox2.StyledLeftHelper, {
|
|
513
513
|
onClick: helperTextStopPropagation
|
|
514
|
-
}, helperText)),
|
|
514
|
+
}, helperText))),
|
|
515
515
|
role: "combobox",
|
|
516
516
|
"aria-autocomplete": "list",
|
|
517
517
|
"aria-controls": "".concat(treeId, "_tree_level_1"),
|
|
@@ -144,7 +144,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
|
144
144
|
className: withArrowInverse
|
|
145
145
|
})),
|
|
146
146
|
onKeyDown: onKeyDown,
|
|
147
|
-
leftHelper: /*#__PURE__*/_react["default"].createElement(_Textfield.StyledLeftHelper, {
|
|
147
|
+
leftHelper: helperText && /*#__PURE__*/_react["default"].createElement(_Textfield.StyledLeftHelper, {
|
|
148
148
|
onClick: helperTextStopPropagation
|
|
149
149
|
}, helperText),
|
|
150
150
|
role: "combobox",
|
|
@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"))
|
|
|
9
9
|
var _applySpacing = /*#__PURE__*/require("../../mixins/applySpacing");
|
|
10
10
|
var _utils = /*#__PURE__*/require("../../utils");
|
|
11
11
|
var _tokens = /*#__PURE__*/require("./tokens");
|
|
12
|
-
var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "className", "style"];
|
|
12
|
+
var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "isNumeric", "className", "style"];
|
|
13
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
15
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
@@ -31,13 +31,14 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
|
|
|
31
31
|
bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
|
|
32
32
|
medium = props.medium,
|
|
33
33
|
color = props.color,
|
|
34
|
+
isNumeric = props.isNumeric,
|
|
34
35
|
className = props.className,
|
|
35
36
|
style = props.style,
|
|
36
37
|
rest = _objectWithoutProperties(props, _excluded);
|
|
37
38
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
|
38
39
|
size: size,
|
|
39
40
|
ref: ref,
|
|
40
|
-
className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold, medium && _tokens.classes.typoMedium, className),
|
|
41
|
+
className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold, medium && _tokens.classes.typoMedium, isNumeric && _tokens.classes.typoIsNumeric, className),
|
|
41
42
|
style: _objectSpread(_objectSpread({
|
|
42
43
|
color: color
|
|
43
44
|
}, style), (0, _applySpacing.applySpacing)(rest))
|
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
8
|
var _mixins = /*#__PURE__*/require("../../mixins");
|
|
9
9
|
var _tokens = /*#__PURE__*/require("./tokens");
|
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{font-weight:var(", ");}&.", "{font-weight:var(", ");}&.", "{white-space:nowrap;}", ";&.", "{", ";}"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, _tokens.classes.typoBold, _tokens.tokens.typoFontWeightBold, _tokens.classes.typoMedium, _tokens.tokens.typoFontWeightMedium, _tokens.classes.typoWithNoWrap, _mixins.applyHyphensNormal, _tokens.classes.typoWithBreakWord, _mixins.applyHyphens);
|
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{font-weight:var(", ");}&.", "{font-weight:var(", ");}&.", "{white-space:nowrap;}&.", "{font-variant-numeric:tabular-nums;}", ";&.", "{", ";}"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, _tokens.classes.typoBold, _tokens.tokens.typoFontWeightBold, _tokens.classes.typoMedium, _tokens.tokens.typoFontWeightMedium, _tokens.classes.typoWithNoWrap, _tokens.classes.typoIsNumeric, _mixins.applyHyphensNormal, _tokens.classes.typoWithBreakWord, _mixins.applyHyphens);
|
|
@@ -8,7 +8,8 @@ var classes = exports.classes = {
|
|
|
8
8
|
typoWithNoWrap: 'with-no-wrap',
|
|
9
9
|
typoWithBreakWord: 'with-break-word',
|
|
10
10
|
typoBold: 'typography-bold',
|
|
11
|
-
typoMedium: 'typography-medium'
|
|
11
|
+
typoMedium: 'typography-medium',
|
|
12
|
+
typoIsNumeric: 'typography-is-numeric'
|
|
12
13
|
};
|
|
13
14
|
var tokens = exports.tokens = {
|
|
14
15
|
typoFontFamily: '--typo-font-family',
|
|
@@ -16,7 +16,8 @@ var config = exports.config = {
|
|
|
16
16
|
*/
|
|
17
17
|
size: {
|
|
18
18
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":0;", ":0.5rem;", ":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);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
|
|
19
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":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-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
|
|
19
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":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-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
|
|
20
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.0625rem;", ":0.75rem;", ":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);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
|
|
20
21
|
},
|
|
21
22
|
/**
|
|
22
23
|
* Вид контрола.
|
package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js
CHANGED
|
@@ -16,7 +16,8 @@ var config = exports.config = {
|
|
|
16
16
|
*/
|
|
17
17
|
size: {
|
|
18
18
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.0625rem;", ":0;", ":0.5rem;", ":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);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
|
|
19
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":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-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
|
|
19
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":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-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
|
|
20
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.0625rem;", ":0.75rem;", ":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);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
|
|
20
21
|
},
|
|
21
22
|
/**
|
|
22
23
|
* Вид контрола.
|
|
@@ -17,7 +17,8 @@ var config = exports.config = {
|
|
|
17
17
|
*/
|
|
18
18
|
size: {
|
|
19
19
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":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);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
|
20
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
|
21
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":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);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
|
21
22
|
},
|
|
22
23
|
/**
|
|
23
24
|
* Вид контрола.
|
package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js
CHANGED
|
@@ -17,7 +17,8 @@ var config = exports.config = {
|
|
|
17
17
|
*/
|
|
18
18
|
size: {
|
|
19
19
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.0625rem;", ":0.5rem;", ":0;", ":0.5rem;", ":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);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
|
20
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
|
21
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":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);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
|
21
22
|
},
|
|
22
23
|
/**
|
|
23
24
|
* Вид контрола.
|
|
@@ -16,7 +16,8 @@ var config = exports.config = {
|
|
|
16
16
|
*/
|
|
17
17
|
size: {
|
|
18
18
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":0;", ":0.5rem;", ":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);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
|
|
19
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":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-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
|
|
19
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":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-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
|
|
20
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.0625rem;", ":0.75rem;", ":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);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
|
|
20
21
|
},
|
|
21
22
|
/**
|
|
22
23
|
* Вид контрола.
|
package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js
CHANGED
|
@@ -16,7 +16,8 @@ var config = exports.config = {
|
|
|
16
16
|
*/
|
|
17
17
|
size: {
|
|
18
18
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.0625rem;", ":0;", ":0.5rem;", ":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);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
|
|
19
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":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-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
|
|
19
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":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-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
|
|
20
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.0625rem;", ":0.75rem;", ":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);", ":0.125rem;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
|
|
20
21
|
},
|
|
21
22
|
/**
|
|
22
23
|
* Вид контрола.
|
|
@@ -17,7 +17,8 @@ var config = exports.config = {
|
|
|
17
17
|
*/
|
|
18
18
|
size: {
|
|
19
19
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":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);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
|
20
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
|
21
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":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);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
|
21
22
|
},
|
|
22
23
|
/**
|
|
23
24
|
* Вид контрола.
|
package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js
CHANGED
|
@@ -17,7 +17,8 @@ var config = exports.config = {
|
|
|
17
17
|
*/
|
|
18
18
|
size: {
|
|
19
19
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.0625rem;", ":0.5rem;", ":0;", ":0.5rem;", ":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);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
|
20
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
|
21
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":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);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
|
21
22
|
},
|
|
22
23
|
/**
|
|
23
24
|
* Вид контрола.
|
|
@@ -40,6 +40,7 @@ const meta: Meta<typeof Body> = {
|
|
|
40
40
|
breakWord: true,
|
|
41
41
|
bold: false,
|
|
42
42
|
medium: false,
|
|
43
|
+
isNumeric: false,
|
|
43
44
|
},
|
|
44
45
|
};
|
|
45
46
|
|
|
@@ -48,10 +49,14 @@ export default meta;
|
|
|
48
49
|
export const Default: StoryObj<typeof Body> = {
|
|
49
50
|
render: (args) => {
|
|
50
51
|
return (
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
52
|
+
<>
|
|
53
|
+
<Body {...args}>
|
|
54
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
|
55
|
+
distinctio modi quo, provident quod.
|
|
56
|
+
<br />
|
|
57
|
+
1234567890
|
|
58
|
+
</Body>
|
|
59
|
+
</>
|
|
55
60
|
);
|
|
56
61
|
},
|
|
57
62
|
};
|
|
@@ -40,6 +40,7 @@ const meta: Meta<typeof Dspl> = {
|
|
|
40
40
|
breakWord: true,
|
|
41
41
|
bold: false,
|
|
42
42
|
medium: false,
|
|
43
|
+
isNumeric: false,
|
|
43
44
|
},
|
|
44
45
|
};
|
|
45
46
|
|
|
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Dspl> = {
|
|
|
51
52
|
<Dspl {...props}>
|
|
52
53
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
|
53
54
|
distinctio modi quo, provident quod.
|
|
55
|
+
<br />
|
|
56
|
+
1234567890
|
|
54
57
|
</Dspl>
|
|
55
58
|
);
|
|
56
59
|
},
|
|
@@ -40,6 +40,7 @@ const meta: Meta<typeof Heading> = {
|
|
|
40
40
|
breakWord: true,
|
|
41
41
|
bold: false,
|
|
42
42
|
medium: false,
|
|
43
|
+
isNumeric: false,
|
|
43
44
|
},
|
|
44
45
|
};
|
|
45
46
|
|
|
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Heading> = {
|
|
|
51
52
|
<Heading {...props}>
|
|
52
53
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
|
53
54
|
distinctio modi quo, provident quod.
|
|
55
|
+
<br />
|
|
56
|
+
1234567890
|
|
54
57
|
</Heading>
|
|
55
58
|
);
|
|
56
59
|
},
|
|
@@ -40,6 +40,7 @@ const meta: Meta<typeof Text> = {
|
|
|
40
40
|
breakWord: true,
|
|
41
41
|
bold: false,
|
|
42
42
|
medium: false,
|
|
43
|
+
isNumeric: false,
|
|
43
44
|
},
|
|
44
45
|
};
|
|
45
46
|
|
|
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Text> = {
|
|
|
51
52
|
<Text {...props}>
|
|
52
53
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
|
53
54
|
distinctio modi quo, provident quod.
|
|
55
|
+
<br />
|
|
56
|
+
1234567890
|
|
54
57
|
</Text>
|
|
55
58
|
);
|
|
56
59
|
},
|
|
@@ -175,9 +175,9 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
|
|
|
175
175
|
hintText: String(hintText || ''),
|
|
176
176
|
labelPlacement: labelPlacement,
|
|
177
177
|
keepPlaceholder: keepPlaceholder,
|
|
178
|
-
leftHelper: _StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
|
|
178
|
+
leftHelper: leftHelper && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
|
|
179
179
|
onClick: helperTextStopPropagation
|
|
180
|
-
}, leftHelper))
|
|
180
|
+
}, leftHelper)))
|
|
181
181
|
}, rest));
|
|
182
182
|
}
|
|
183
183
|
}, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Root, {
|
|
@@ -502,9 +502,9 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
|
502
502
|
textBefore: textBefore,
|
|
503
503
|
textAfter: textAfter,
|
|
504
504
|
onKeyDown: onKeyDown,
|
|
505
|
-
leftHelper: _StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
|
|
505
|
+
leftHelper: helperText && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
|
|
506
506
|
onClick: helperTextStopPropagation
|
|
507
|
-
}, helperText)),
|
|
507
|
+
}, helperText))),
|
|
508
508
|
role: "combobox",
|
|
509
509
|
"aria-autocomplete": "list",
|
|
510
510
|
"aria-controls": "".concat(treeId, "_tree_level_1"),
|
|
@@ -135,7 +135,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
135
135
|
className: withArrowInverse
|
|
136
136
|
})),
|
|
137
137
|
onKeyDown: onKeyDown,
|
|
138
|
-
leftHelper: /*#__PURE__*/React.createElement(StyledLeftHelper, {
|
|
138
|
+
leftHelper: helperText && /*#__PURE__*/React.createElement(StyledLeftHelper, {
|
|
139
139
|
onClick: helperTextStopPropagation
|
|
140
140
|
}, helperText),
|
|
141
141
|
role: "combobox",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "className", "style"];
|
|
2
|
+
var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "isNumeric", "className", "style"];
|
|
3
3
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -23,13 +23,14 @@ export var typographyRootCompose = function typographyRootCompose(defaultArgs) {
|
|
|
23
23
|
bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
|
|
24
24
|
medium = props.medium,
|
|
25
25
|
color = props.color,
|
|
26
|
+
isNumeric = props.isNumeric,
|
|
26
27
|
className = props.className,
|
|
27
28
|
style = props.style,
|
|
28
29
|
rest = _objectWithoutProperties(props, _excluded);
|
|
29
30
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
|
30
31
|
size: size,
|
|
31
32
|
ref: ref,
|
|
32
|
-
className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, className),
|
|
33
|
+
className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, isNumeric && classes.typoIsNumeric, className),
|
|
33
34
|
style: _objectSpread(_objectSpread({
|
|
34
35
|
color: color
|
|
35
36
|
}, style), applySpacing(rest))
|