@salutejs/plasma-new-hope 0.318.0-dev.0 → 0.320.0-dev.0

package/es/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate } from './IconsSvg';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledTrigger,\n    base,\n    StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n    forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            indeterminate,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const forkRef = useForkRef(inputRef, ref);\n\n        useEffect(() => {\n            if (inputRef.current && indeterminate) {\n                inputRef.current.indeterminate = rest.checked === undefined ? Boolean(indeterminate) : rest.checked;\n            }\n        }, [inputRef, indeterminate]);\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const checkboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={checkboxId}\n                    ref={forkRef}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.checkboxTrigger}>\n                            {indeterminate ? <Indeterminate /> : <Done />}\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={singleLineClass}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqDescriptionId}\n                                >\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const checkboxConfig = {\n    name: 'Checkbox',\n    tag: 'div',\n    layout: checkboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","checked","undefined","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","_Indeterminate","Indeterminate","_Done","Done","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate } from './IconsSvg';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledTrigger,\n    base,\n    StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n    forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            indeterminate,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const forkRef = useForkRef(inputRef, ref);\n\n        useEffect(() => {\n            if (inputRef.current) {\n                inputRef.current.indeterminate = Boolean(indeterminate);\n            }\n        }, [inputRef, indeterminate]);\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const checkboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={checkboxId}\n                    ref={forkRef}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.checkboxTrigger}>\n                            {indeterminate ? <Indeterminate /> : <Done />}\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={singleLineClass}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqDescriptionId}\n                                >\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const checkboxConfig = {\n    name: 'Checkbox',\n    tag: 'div',\n    layout: checkboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","_Indeterminate","Indeterminate","_Done","Done","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}

package/es/components/Typography/Body/Body.css

@@ -1 +1 @@
-.Typography_styles_fa07dt_b1ru04lg__867729cb{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_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_typographyBold__867729cb{font-weight:var(--typo-font-weight-bold);}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withNoWrap__867729cb{white-space:nowrap;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withBreakWord__867729cb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Typography_styles_c0qunc_b1ru04lg__3658e3b6{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_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyBold__3658e3b6{font-weight:var(--typo-font-weight-bold);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyMedium__3658e3b6{font-weight:var(--typo-font-weight-medium);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withNoWrap__3658e3b6{white-space:nowrap;}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withBreakWord__3658e3b6{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}

package/es/components/Typography/Typography.js

@@ -4,7 +4,7 @@ import { applySpacing } from '../../mixins/applySpacing.js';
 import { cx } from '../../utils/index.js';
 import { classes } from './tokens.js';
 
-var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "className", "style"];
 var typographyRootCompose = function typographyRootCompose(defaultArgs) {
   return function (Root) {
     return /*#__PURE__*/forwardRef(function (props, ref) {
@@ -14,6 +14,7 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         noWrap = props.noWrap,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
+        medium = props.medium,
         color = props.color,
         className = props.className,
         style = props.style,
@@ -21,11 +22,10 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
       return /*#__PURE__*/React.createElement(Root, _extends({
         size: size,
         ref: ref,
-        className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, className),
+        className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, className),
         style: _objectSpread2(_objectSpread2({
           color: color
-        }, style), applySpacing(rest)),
-        bold: bold
+        }, style), applySpacing(rest))
       }, rest), children);
     });
   };

package/es/components/Typography/Typography.js.map

@@ -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            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                    className,\n                )}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                bold={bold}\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","color","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","cx","classes","typoWithNoWrap","typoWithBreakWord","typoBold","_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,GASJF,KAAK,CATLE,IAAI;QACJC,QAAQ,GAQRH,KAAK,CARLG,QAAQ;QACRC,SAAS,GAOTJ,KAAK,CAPLI,SAAS;QACTC,MAAM,GAMNL,KAAK,CANLK,MAAM;QAAAC,WAAA,GAMNN,KAAK,CALLO,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,KAAK,GAILT,KAAK,CAJLS,KAAK;QACLC,SAAS,GAGTV,KAAK,CAHLU,SAAS;QACTC,KAAK,GAELX,KAAK,CAFLW,KAAK;AACFC,QAAAA,IAAI,GAAAC,wBAAA,CACPb,KAAK,EAAAc,SAAA,CAAA,CAAA;AAET,MAAA,oBACIC,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAAmB,QAAA,CAAA;AACDf,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTS,SAAS,EAAEQ,EAAE,CACTb,MAAM,IAAIc,OAAO,CAACC,cAAc,EAChChB,SAAS,IAAIe,OAAO,CAACE,iBAAiB,EACtCd,IAAI,IAAIY,OAAO,CAACG,QAAQ,EACxBZ,SACJ,CAAE;QACFC,KAAK,EAAAY,cAAA,CAAAA,cAAA,CAAA;AAAId,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAKa,EAAAA,YAAY,CAACZ,IAAI,CAAC,CAAG;AAClDL,QAAAA,IAAI,EAAEA,IAAAA;OACFK,EAAAA,IAAI,CAEPT,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
+{"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,GAUJF,KAAK,CAVLE,IAAI;QACJC,QAAQ,GASRH,KAAK,CATLG,QAAQ;QACRC,SAAS,GAQTJ,KAAK,CARLI,SAAS;QACTC,MAAM,GAONL,KAAK,CAPLK,MAAM;QAAAC,WAAA,GAONN,KAAK,CANLO,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,GAKNT,KAAK,CALLS,MAAM;QACNC,KAAK,GAILV,KAAK,CAJLU,KAAK;QACLC,SAAS,GAGTX,KAAK,CAHLW,SAAS;QACTC,KAAK,GAELZ,KAAK,CAFLY,KAAK;AACFC,QAAAA,IAAI,GAAAC,wBAAA,CACPd,KAAK,EAAAe,SAAA,CAAA,CAAA;AAET,MAAA,oBACIC,KAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,QAAA,CAAA;AACDhB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;AACTU,QAAAA,SAAS,EAAEQ,EAAE,CACTd,MAAM,IAAIe,OAAO,CAACC,cAAc,EAChCjB,SAAS,IAAIgB,OAAO,CAACE,iBAAiB,EACtCf,IAAI,IAAIa,OAAO,CAACG,QAAQ,EACxBd,MAAM,IAAIW,OAAO,CAACI,UAAU,EAC5Bb,SACJ,CAAE;QACFC,KAAK,EAAAa,cAAA,CAAAA,cAAA,CAAA;AAAIf,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAA,EAAKc,YAAY,CAACb,IAAI,CAAC,CAAA;OAC3CA,EAAAA,IAAI,CAEPV,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}

package/es/components/Typography/Typography.styles.js

@@ -1,4 +1,4 @@
-import './Typography.styles_fa07dt.css';
+import './Typography.styles_c0qunc.css';
 var base = "b1ru04lg";
 
 export { base };

package/es/components/Typography/Typography.styles.js.map

@@ -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.typoWithNoWrap} {\n        white-space: nowrap;\n    }\n\n    ${applyHyphensNormal};\n\n    &.${classes.typoWithBreakWord} {\n        ${applyHyphens};\n    }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAqBhB;;;;"}
+{"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,GAyBhB;;;;"}

package/es/components/Typography/{Typography.styles_fa07dt.css → Typography.styles_c0qunc.css}

@@ -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.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;}
+.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;}

package/es/components/Typography/tokens.js

@@ -1,7 +1,8 @@
 var classes = {
   typoWithNoWrap: 'with-no-wrap',
   typoWithBreakWord: 'with-break-word',
-  typoBold: 'typography-bold'
+  typoBold: 'typography-bold',
+  typoMedium: 'typography-medium'
 };
 var tokens = {
   typoFontFamily: '--typo-font-family',
@@ -9,6 +10,7 @@ var tokens = {
   typoFontStyle: '--typo-font-style',
   typoFontWeight: '--typo-font-weight',
   typoFontWeightBold: '--typo-font-weight-bold',
+  typoFontWeightMedium: '--typo-font-weight-medium',
   typoFontLetterSpacing: '--typo-font-letter-spacing',
   typoFontLineHeight: '--typo-font-line-height'
 };

package/es/components/Typography/tokens.js.map

@@ -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};\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    typoFontLetterSpacing: '--typo-font-letter-spacing',\n    typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontLetterSpacing","typoFontLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAA;AACd,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,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;"}
+{"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,mBAAA;AAChB,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

@@ -337,7 +337,7 @@
 .CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
 .CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 
-.Typography_styles_fa07dt_b1ru04lg__867729cb{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_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_typographyBold__867729cb{font-weight:var(--typo-font-weight-bold);}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withNoWrap__867729cb{white-space:nowrap;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withBreakWord__867729cb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Typography_styles_c0qunc_b1ru04lg__3658e3b6{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_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyBold__3658e3b6{font-weight:var(--typo-font-weight-bold);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyMedium__3658e3b6{font-weight:var(--typo-font-weight-medium);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withNoWrap__3658e3b6{white-space:nowrap;}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withBreakWord__3658e3b6{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
 
 .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;}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.318.0-dev.0",
+  "version": "0.320.0-dev.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -135,5 +135,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "8e1c111451e077312d51f19249c0988f740c54f2"
+  "gitHead": "d679083c4f928c155b04e84dab590e866f37ab8c"
 }

package/styled-components/cjs/components/Checkbox/Checkbox.js

@@ -41,8 +41,8 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
     var inputRef = (0, _react.useRef)(null);
     var forkRef = (0, _plasmaCore.useForkRef)(inputRef, ref);
     (0, _react.useEffect)(function () {
-      if (inputRef.current && indeterminate) {
-        inputRef.current.indeterminate = rest.checked === undefined ? Boolean(indeterminate) : rest.checked;
+      if (inputRef.current) {
+        inputRef.current.indeterminate = Boolean(indeterminate);
       }
     }, [inputRef, indeterminate]);
     var uniqId = (0, _plasmaCore.safeUseId)();

package/styled-components/cjs/components/Checkbox/Checkbox.template-doc.mdx

@@ -48,3 +48,16 @@ export function App() {
     );
 }
 ```
+
+Состояние `indeterminate` имеет приоритет и не зависит от свойства `checked`
+
+```tsx live
+import React from 'react';
+import { Checkbox } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <Checkbox label="Чекбокс" description="Описание" defaultChecked indeterminate checked={false} />
+    );
+}
+```

package/styled-components/cjs/components/Typography/Typography.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"))
 var _applySpacing = /*#__PURE__*/require("../../mixins/applySpacing");
 var _utils = /*#__PURE__*/require("../../utils");
 var _tokens = /*#__PURE__*/require("./tokens");
-var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "className", "style"];
 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); }
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -29,6 +29,7 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
         noWrap = props.noWrap,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
+        medium = props.medium,
         color = props.color,
         className = props.className,
         style = props.style,
@@ -36,11 +37,10 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
       return /*#__PURE__*/_react["default"].createElement(Root, _extends({
         size: size,
         ref: ref,
-        className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold, className),
+        className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold, medium && _tokens.classes.typoMedium, className),
         style: _objectSpread(_objectSpread({
           color: color
-        }, style), (0, _applySpacing.applySpacing)(rest)),
-        bold: bold
+        }, style), (0, _applySpacing.applySpacing)(rest))
       }, rest), children);
     });
   };

package/styled-components/cjs/components/Typography/Typography.styles.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _mixins = /*#__PURE__*/require("../../mixins");
 var _tokens = /*#__PURE__*/require("./tokens");
-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(", ");}&.", "{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.typoWithNoWrap, _mixins.applyHyphensNormal, _tokens.classes.typoWithBreakWord, _mixins.applyHyphens);
+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);

package/styled-components/cjs/components/Typography/Typography.template-doc.mdx

@@ -52,12 +52,15 @@ export function App() {
         <div style=\{{ display: 'block' }}>
             <DsplL bold={false}>DsplL</DsplL>
             <DsplL>DsplL Bold</DsplL>
+            <DsplL medium>DsplL Medium</DsplL>
 
             <DsplM bold={false}>DsplM</DsplM>
             <DsplM>DsplM Bold</DsplM>
+            <DsplM medium>DsplM Medium</DsplM>
 
             <DsplS bold={false}>DsplS</DsplS>
             <DsplS>DsplS Bold</DsplS>
+            <DsplS medium>DsplS Medium</DsplS>
         </div>
     );
 }
@@ -74,18 +77,23 @@ export function App() {
         <div style=\{{ display: 'block' }}>
             <H1 bold={false}>H1</H1>
             <H1>H1 Bold</H1>
+            <H1 medium>H1 Medium</H1>
 
             <H2 bold={false}>H2</H2>
             <H2>H2 Bold</H2>
+            <H2 medium>H2 Medium</H2>
 
             <H3 bold={false}>H3</H3>
             <H3>H3 Bold</H3>
+            <H3 medium>H3 Medium</H3>
 
             <H4 bold={false}>H4</H4>
             <H4>H4 Bold</H4>
+            <H4 medium>H4 Medium</H4>
 
             <H5 bold={false}>H5</H5>
             <H5>H5 Bold</H5>
+            <H5 medium>H5 Medium</H5>
         </div>
     );
 }
@@ -102,19 +110,24 @@ export function App() {
     return (
         <div style=\{{ display: 'block' }}>
             <BodyL>BodyL</BodyL>
-            <BodyL bold>BodyL полужирный</BodyL>
+            <BodyL bold>BodyL Bold</BodyL>
+            <BodyL medium>BodyL Medium</BodyL>
 
             <BodyM>BodyM</BodyM>
-            <BodyM bold>BodyM полужирный</BodyM>
+            <BodyM bold>BodyM Bold</BodyM>
+            <BodyM medium>BodyM Medium</BodyM>
 
             <BodyS>BodyS</BodyS>
-            <BodyS bold>BodyS полужирный</BodyS>
+            <BodyS bold>BodyS Bold</BodyS>
+            <BodyS medium>BodyS Medium</BodyS>
 
             <BodyXS>BodyXS</BodyXS>
-            <BodyXS bold>BodyXS полужирный</BodyXS>
+            <BodyXS bold>BodyXS Bold</BodyXS>
+            <BodyXS medium>BodyXS Medium</BodyXS>
 
             <BodyXXS>BodyXXS</BodyXXS>
-            <BodyXXS bold>BodyXXS полужирный</BodyXXS>
+            <BodyXXS bold>BodyXXS Bold</BodyXXS>
+            <BodyXXS medium>BodyXXS Medium</BodyXXS>
         </div>
     );
 }
@@ -131,16 +144,20 @@ export function App() {
     return (
         <div style=\{{ display: 'block' }}>
             <TextL>TextL</TextL>
-            <TextL bold>TextL полужирный</TextL>
+            <TextL bold>TextL Bold</TextL>
+            <TextL medium>TextL Medium</TextL>
 
             <TextM>TextM</TextM>
-            <TextM bold>TextM полужирный</TextM>
+            <TextM bold>TextM Bold</TextM>
+            <TextM medium>TextM Medium</TextM>
 
             <TextS>TextS</TextS>
-            <TextS bold>TextS полужирный</TextS>
+            <TextS bold>TextS Bold</TextS>
+            <TextS medium>TextS Medium</TextS>
 
             <TextXS>TextXS</TextXS>
-            <TextXS bold>TextXS полужирный</TextXS>
+            <TextXS bold>TextXS Bold</TextXS>
+            <TextXS medium>TextXS Medium</TextXS>
         </div>
     );
 }

package/styled-components/cjs/components/Typography/tokens.js

@@ -7,7 +7,8 @@ exports.tokens = exports.classes = void 0;
 var classes = exports.classes = {
   typoWithNoWrap: 'with-no-wrap',
   typoWithBreakWord: 'with-break-word',
-  typoBold: 'typography-bold'
+  typoBold: 'typography-bold',
+  typoMedium: 'typography-medium'
 };
 var tokens = exports.tokens = {
   typoFontFamily: '--typo-font-family',
@@ -15,6 +16,7 @@ var tokens = exports.tokens = {
   typoFontStyle: '--typo-font-style',
   typoFontWeight: '--typo-font-weight',
   typoFontWeightBold: '--typo-font-weight-bold',
+  typoFontWeightMedium: '--typo-font-weight-medium',
   typoFontLetterSpacing: '--typo-font-letter-spacing',
   typoFontLineHeight: '--typo-font-line-height'
 };

package/styled-components/cjs/examples/typography/components/Body/Body.config.js

@@ -12,11 +12,11 @@ var config = exports.config = {
   },
   variations: {
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":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-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":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-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":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-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":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-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      xxs: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-bold-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":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-bold-font-weight);", ":var(--plasma-typo-body-l-medium-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":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-bold-font-weight);", ":var(--plasma-typo-body-m-medium-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":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-bold-font-weight);", ":var(--plasma-typo-body-s-medium-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":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-bold-font-weight);", ":var(--plasma-typo-body-xs-medium-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      xxs: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-bold-font-weight);", ":var(--plasma-typo-body-xxs-medium-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
     }
   }
 };

package/styled-components/cjs/examples/typography/components/Body/Body.stories.tsx

@@ -22,11 +22,24 @@ const meta: Meta<typeof Body> = {
         as: {
             control: 'text',
         },
+        bold: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'medium', truthy: false },
+        },
+        medium: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'bold', truthy: false },
+        },
     },
     args: {
         noWrap: false,
         breakWord: true,
         bold: false,
+        medium: false,
     },
 };
 

package/styled-components/cjs/examples/typography/components/Dspl/Dspl.config.js

@@ -12,9 +12,9 @@ var config = exports.config = {
   },
   variations: {
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-size);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-font-weight);", ":var(--plasma-typo-dspl-l-bold-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":var(--plasma-typo-dspl-l-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-dspl-m-font-size);", ":var(--plasma-typo-dspl-m-font-style);", ":var(--plasma-typo-dspl-m-font-weight);", ":var(--plasma-typo-dspl-m-bold-font-weight);", ":var(--plasma-typo-dspl-m-letter-spacing);", ":var(--plasma-typo-dspl-m-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-dspl-s-font-size);", ":var(--plasma-typo-dspl-s-font-style);", ":var(--plasma-typo-dspl-s-font-weight);", ":var(--plasma-typo-dspl-s-bold-font-weight);", ":var(--plasma-typo-dspl-s-letter-spacing);", ":var(--plasma-typo-dspl-s-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-size);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-font-weight);", ":var(--plasma-typo-dspl-l-bold-font-weight);", ":var(--plasma-typo-dspl-l-medium-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":var(--plasma-typo-dspl-l-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-dspl-m-font-size);", ":var(--plasma-typo-dspl-m-font-style);", ":var(--plasma-typo-dspl-m-font-weight);", ":var(--plasma-typo-dspl-m-bold-font-weight);", ":var(--plasma-typo-dspl-m-medium-font-weight);", ":var(--plasma-typo-dspl-m-letter-spacing);", ":var(--plasma-typo-dspl-m-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-dspl-s-font-size);", ":var(--plasma-typo-dspl-s-font-style);", ":var(--plasma-typo-dspl-s-font-weight);", ":var(--plasma-typo-dspl-s-bold-font-weight);", ":var(--plasma-typo-dspl-s-medium-font-weight);", ":var(--plasma-typo-dspl-s-letter-spacing);", ":var(--plasma-typo-dspl-s-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
     }
   }
 };

package/styled-components/cjs/examples/typography/components/Dspl/Dspl.stories.tsx

@@ -22,11 +22,24 @@ const meta: Meta<typeof Dspl> = {
         as: {
             control: 'text',
         },
+        bold: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'medium', truthy: false },
+        },
+        medium: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'bold', truthy: false },
+        },
     },
     args: {
         noWrap: false,
         breakWord: true,
         bold: false,
+        medium: false,
     },
 };
 

package/styled-components/cjs/examples/typography/components/Heading/Heading.config.js

@@ -12,11 +12,11 @@ var config = exports.config = {
   },
   variations: {
     size: {
-      h1: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h1-font-family);", ":var(--plasma-typo-h1-font-size);", ":var(--plasma-typo-h1-font-style);", ":var(--plasma-typo-h1-font-weight);", ":var(--plasma-typo-h1-bold-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      h2: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-font-weight);", ":var(--plasma-typo-h2-bold-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      h3: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-bold-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      h4: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      h5: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
+      h1: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h1-font-family);", ":var(--plasma-typo-h1-font-size);", ":var(--plasma-typo-h1-font-style);", ":var(--plasma-typo-h1-font-weight);", ":var(--plasma-typo-h1-bold-font-weight);", ":var(--plasma-typo-h1-medium-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      h2: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-font-weight);", ":var(--plasma-typo-h2-bold-font-weight);", ":var(--plasma-typo-h2-medium-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      h3: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-bold-font-weight);", ":var(--plasma-typo-h3-medium-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      h4: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":var(--plasma-typo-h4-medium-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      h5: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":var(--plasma-typo-h5-medium-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
     }
   }
 };

package/styled-components/cjs/examples/typography/components/Heading/Heading.stories.tsx

@@ -22,11 +22,24 @@ const meta: Meta<typeof Heading> = {
         as: {
             control: 'text',
         },
+        bold: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'medium', truthy: false },
+        },
+        medium: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'bold', truthy: false },
+        },
     },
     args: {
         noWrap: false,
         breakWord: true,
         bold: false,
+        medium: false,
     },
 };
 

package/styled-components/cjs/examples/typography/components/Text/Text.config.js

@@ -12,10 +12,10 @@ var config = exports.config = {
   },
   variations: {
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-medium-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-medium-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-medium-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-medium-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
     }
   }
 };

package/styled-components/cjs/examples/typography/components/Text/Text.stories.tsx

@@ -22,11 +22,24 @@ const meta: Meta<typeof Text> = {
         as: {
             control: 'text',
         },
+        bold: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'medium', truthy: false },
+        },
+        medium: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'bold', truthy: false },
+        },
     },
     args: {
         noWrap: false,
         breakWord: true,
         bold: false,
+        medium: false,
     },
 };
 

package/styled-components/es/components/Checkbox/Checkbox.js

@@ -32,8 +32,8 @@ export var checkboxRoot = function checkboxRoot(Root) {
     var inputRef = useRef(null);
     var forkRef = useForkRef(inputRef, ref);
     useEffect(function () {
-      if (inputRef.current && indeterminate) {
-        inputRef.current.indeterminate = rest.checked === undefined ? Boolean(indeterminate) : rest.checked;
+      if (inputRef.current) {
+        inputRef.current.indeterminate = Boolean(indeterminate);
       }
     }, [inputRef, indeterminate]);
     var uniqId = safeUseId();