@salutejs/plasma-new-hope 0.79.0-dev.0 → 0.80.0-canary.1176.9060349970.0

package/cjs/components/Radiobox/Radiobox.js

@@ -1,30 +1,21 @@
-import './Radiobox_1ri2eqv.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var react = require('@linaria/react');
 var plasmaCore = require('@salutejs/plasma-core');
-var Checkbox = require('../Checkbox/Checkbox.js');
+var Checkbox_styles = require('../Checkbox/Checkbox.styles.js');
 var index = require('../../utils/index.js');
-var base$2 = require('./_view/base.js');
-var base$1 = require('./_size/base.js');
-var base$3 = require('./_disabled/base.js');
-var base$4 = require('./_focused/base.js');
+var base$1 = require('./variations/_view/base.js');
+var base = require('./variations/_size/base.js');
+var base$2 = require('./variations/_disabled/base.js');
+var base$3 = require('./variations/_focused/base.js');
+var Radiobox_styles = require('./Radiobox.styles.js');
+var Radiobox_tokens = require('./Radiobox.tokens.js');
 
 var _StyledEllipse;
 var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "style", "className", "singleLine", "aria-label"];
-
-// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
-
-var StyledEllipse = /*#__PURE__*/react.styled('div')({
-  name: "StyledEllipse",
-  "class": "sv18cw2",
-  propsAsIs: false
-});
-var base = "b1ls92xy";
 var radioboxRoot = function radioboxRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     var size = props.size,
@@ -50,17 +41,17 @@ var radioboxRoot = function radioboxRoot(Root) {
     var isLabelAriaHidden = typeof label === 'string';
     var canFocused = focused ? 0 : -1;
     var hasContent = label || description;
-    var singleLineClass = singleLine ? 'single-line' : undefined;
-    var resetMargins = !hasContent ? 'reset-margins' : undefined;
+    var singleLineClass = singleLine ? Radiobox_tokens.classes.singleLine : undefined;
+    var onlyDescriptionClass = !label && description ? Radiobox_tokens.classes.onlyDescription : undefined;
     return /*#__PURE__*/React.createElement(Root, {
       view: view,
       size: size,
       disabled: disabled,
       focused: focused,
       style: style,
-      className: index.cx(className, resetMargins),
+      className: className,
       tabIndex: -1
-    }, /*#__PURE__*/React.createElement(Checkbox.StyledInput, _rollupPluginBabelHelpers.extends({}, rest, {
+    }, /*#__PURE__*/React.createElement(Checkbox_styles.StyledInput, _rollupPluginBabelHelpers.extends({}, rest, {
       id: radioboxId,
       ref: ref,
       type: "radio",
@@ -68,17 +59,17 @@ var radioboxRoot = function radioboxRoot(Root) {
       "aria-label": ariaLabel,
       "aria-describedby": uniqDescriptionId,
       tabIndex: canFocused
-    })), /*#__PURE__*/React.createElement(Checkbox.StyledContentWrapper, {
+    })), /*#__PURE__*/React.createElement(Checkbox_styles.StyledContentWrapper, {
       htmlFor: radioboxId
-    }, /*#__PURE__*/React.createElement(Checkbox.StyledTrigger, {
-      className: index.cx('radiobox-trigger', resetMargins)
-    }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(Checkbox.StyledContent, {
+    }, /*#__PURE__*/React.createElement(Checkbox_styles.StyledTrigger, {
+      className: Radiobox_tokens.classes.radioboxTrigger
+    }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(Radiobox_styles.StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(Checkbox_styles.StyledContent, {
       className: singleLineClass
-    }, label && /*#__PURE__*/React.createElement(Checkbox.StyledLabel, {
-      className: singleLineClass,
+    }, label && /*#__PURE__*/React.createElement(Checkbox_styles.StyledLabel, {
+      className: index.cx(singleLineClass, onlyDescriptionClass),
       id: uniqLabelId,
       "aria-hidden": isLabelAriaHidden
-    }, label), description && /*#__PURE__*/React.createElement(Checkbox.StyledDescription, {
+    }, label), description && /*#__PURE__*/React.createElement(Checkbox_styles.StyledDescription, {
       className: singleLineClass,
       id: uniqDescriptionId
     }, description))));
@@ -88,19 +79,19 @@ var radioboxConfig = {
   name: 'Radiobox',
   tag: 'div',
   layout: radioboxRoot,
-  base: base,
+  base: Radiobox_styles.base,
   variations: {
     size: {
-      css: base$1.base
+      css: base.base
     },
     view: {
-      css: base$2.base
+      css: base$1.base
     },
     disabled: {
-      css: base$3.base
+      css: base$2.base
     },
     focused: {
-      css: base$4.base
+      css: base$3.base
     }
   },
   defaults: {

package/cjs/components/Radiobox/Radiobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { safeUseId, extractTextFrom } from '@salutejs/plasma-core';\nimport type { InputHTMLAttributes } from '@salutejs/plasma-core';\n\nimport { applyNoUserSelect, applyEllipsis } from '../../mixins';\nimport type { Filter, RootProps } from '../../engines/types';\nimport {\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledContent,\n    StyledTrigger,\n    BaseboxProps,\n} from '../Checkbox/Checkbox';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './_view/base';\nimport { base as sizeCSS } from './_size/base';\nimport { base as disabledCSS } from './_disabled/base';\nimport { base as focusedCSS } from './_focused/base';\n\n// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части\nconst mappingOverride = `\n    --plasma-checkbox-label-font-family: var(--plasma-radiobox-label-font-family);\n    --plasma-checkbox-label-font-size: var(--plasma-radiobox-label-font-size);\n    --plasma-checkbox-label-font-style: var(--plasma-radiobox-label-font-style);\n    --plasma-checkbox-label-font-weight: var(--plasma-radiobox-label-font-weight);\n    --plasma-checkbox-label-letter-spacing: var(--plasma-radiobox-label-letter-spacing);\n    --plasma-checkbox-label-line-height: var(--plasma-radiobox-label-line-height);\n    --plasma-checkbox-description-font-family: var(--plasma-radiobox-description-font-family);\n    --plasma-checkbox-description-font-size: var(--plasma-radiobox-description-font-size);\n    --plasma-checkbox-description-font-style: var(--plasma-radiobox-description-font-style);\n    --plasma-checkbox-description-font-weight: var(--plasma-radiobox-description-font-weight);\n    --plasma-checkbox-description-letter-spacing: var(--plasma-radiobox-description-letter-spacing);\n    --plasma-checkbox-description-line-height: var(--plasma-radiobox-description-line-height);\n    --plasma-checkbox-fill-color: var(--plasma-radiobox-fill-color);\n    --plasma-checkbox-description-color: var(--plasma-radiobox-description-color);\n    --plasma-checkbox-trigger-border-color: var(--plasma-radiobox-trigger-border-color);\n    --plasma-checkbox-content-top-offset: var(--plasma-radiobox-content-top-offset);\n    --plasma-checkbox-content-left-offset: var(--plasma-radiobox-content-left-offset);\n    --plasma-checkbox-trigger-size: var(--plasma-radiobox-trigger-size);\n    --plasma-checkbox-trigger-border-radius: var(--plasma-radiobox-trigger-border-radius);\n    --plasma-checkbox-trigger-margin: var(--plasma-radiobox-trigger-margin); \n`;\n\nconst StyledEllipse = styled.div`\n    width: var(--plasma-radiobox-ellipse-size);\n    height: var(--plasma-radiobox-ellipse-size);\n    border-radius: var(--plasma-radiobox-ellipse-size);\n\n    background-color: var(--plasma-radiobox-ellipse-color);\n    transition: transform 0.3s ease-in-out;\n    transform: scale(0);\n\n    input:checked + label & {\n        transform: scale(1);\n    }\n`;\n\nconst base = css`\n    ${mappingOverride};\n\n    .single-line {\n        ${applyEllipsis()};\n    }\n\n    margin: var(--plasma-radiobox-margin);\n\n    &.reset-margins {\n        margin: 0;\n    }\n\n    ${applyNoUserSelect()};\n\n    position: relative;\n    align-items: flex-start;\n    display: flex;\n    cursor: pointer;\n`;\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<BaseboxProps, 'indeterminate'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n    forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const radioboxId = 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 ? 'single-line' : undefined;\n        const resetMargins = !hasContent ? 'reset-margins' : undefined;\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={cx(className, resetMargins)}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={radioboxId}\n                    ref={ref}\n                    type=\"radio\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={radioboxId}>\n                    <StyledTrigger className={cx('radiobox-trigger', resetMargins)}>\n                        <StyledEllipse />\n                    </StyledTrigger>\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 className={singleLineClass} id={uniqDescriptionId}>\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const radioboxConfig = {\n    name: 'Radiobox',\n    tag: 'div',\n    layout: radioboxRoot,\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":["StyledEllipse","styled","name","class","propsAsIs","base","radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_excluded","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","undefined","resetMargins","React","createElement","cx","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","_StyledEllipse","StyledContent","StyledLabel","StyledDescription","radioboxConfig","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { safeUseId, extractTextFrom } from '@salutejs/plasma-core';\nimport type { InputHTMLAttributes } from '@salutejs/plasma-core';\n\nimport type { Filter, RootProps } from '../../engines/types';\nimport {\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledContent,\n    StyledTrigger,\n} from '../Checkbox/Checkbox.styles';\nimport { BaseboxProps } from '../Checkbox/Checkbox.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 { StyledEllipse, base } from './Radiobox.styles';\nimport { classes } from './Radiobox.tokens';\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<BaseboxProps, 'indeterminate'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n    forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const radioboxId = 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={radioboxId}\n                    ref={ref}\n                    type=\"radio\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={radioboxId}>\n                    <StyledTrigger className={classes.radioboxTrigger}>\n                        <StyledEllipse />\n                    </StyledTrigger>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const radioboxConfig = {\n    name: 'Radiobox',\n    tag: 'div',\n    layout: radioboxRoot,\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":["radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","radioboxTrigger","_StyledEllipse","StyledEllipse","StyledContent","StyledLabel","cx","StyledDescription","radioboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}

package/cjs/components/Radiobox/Radiobox.styles.js

@@ -0,0 +1,19 @@
+import './Radiobox.styles_1skfuon.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
+
+var StyledEllipse = /*#__PURE__*/react.styled('div')({
+  name: "StyledEllipse",
+  "class": "s14xglkp",
+  propsAsIs: false
+});
+var base = "bdte4ex";
+
+exports.StyledEllipse = StyledEllipse;
+exports.base = base;
+//# sourceMappingURL=Radiobox.styles.js.map

package/cjs/components/Radiobox/Radiobox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radiobox.styles.js","sources":["../../../src/components/Radiobox/Radiobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { checkboxTokens } from '../Checkbox';\nimport { applyEllipsis, applyNoUserSelect } from '../../mixins';\n\nimport { classes, tokens } from './Radiobox.tokens';\n\n// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части\nconst mappingOverride = `\n    ${checkboxTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n    ${checkboxTokens.labelFontSize}: var(${tokens.labelFontSize});\n    ${checkboxTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n    ${checkboxTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n    ${checkboxTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n    ${checkboxTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n    ${checkboxTokens.descriptionMarginTop}: var(${tokens.descriptionMarginTop});\n    ${checkboxTokens.descriptionFontFamily}: var(${tokens.descriptionFontFamily});\n    ${checkboxTokens.descriptionFontSize}: var(${tokens.descriptionFontSize});\n    ${checkboxTokens.descriptionFontStyle}: var(${tokens.descriptionFontStyle});\n    ${checkboxTokens.descriptionFontWeight}: var(${tokens.descriptionFontWeight});\n    ${checkboxTokens.descriptionLetterSpacing}: var(${tokens.descriptionLetterSpacing});\n    ${checkboxTokens.descriptionLineHeight}: var(${tokens.descriptionLineHeight});\n\n    ${checkboxTokens.fillColor}: var(${tokens.fillColor});\n    ${checkboxTokens.descriptionColor}: var(${tokens.descriptionColor});\n    ${checkboxTokens.triggerBorderColor}: var(${tokens.triggerBorderColor});\n\n    ${checkboxTokens.contentTopOffset}: var(${tokens.contentTopOffset});\n    ${checkboxTokens.contentLeftOffset}: var(${tokens.contentLeftOffset});\n    ${checkboxTokens.triggerSize}: var(${tokens.triggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.triggerBorderRadius});\n    ${checkboxTokens.triggerMargin}: var(${tokens.triggerMargin});\n`;\n\nexport const StyledEllipse = styled.div`\n    width: var(${tokens.ellipseSize});\n    height: var(${tokens.ellipseSize});\n    border-radius: var(${tokens.ellipseSize});\n\n    background-color: var(${tokens.ellipseColor});\n    transition: transform 0.3s ease-in-out;\n    transform: scale(0);\n\n    input:checked + label & {\n        transform: scale(1);\n    }\n`;\n\nexport const base = css`\n    ${mappingOverride};\n\n    margin: var(${tokens.margin});\n\n    ${applyNoUserSelect()};\n\n    position: relative;\n    align-items: flex-start;\n    display: flex;\n    cursor: pointer;\n\n    .${classes.singleLine} {\n        ${applyEllipsis()};\n    }\n`;\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base"],"mappings":";;;;;;AAQA;;AA2BO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMC,IAAI,GAehB;;;;;"}

package/cjs/components/Radiobox/Radiobox.styles_1skfuon.css

@@ -0,0 +1,2 @@
+.s14xglkp{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .s14xglkp{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.bdte4ex{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.bdte4ex .single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/cjs/components/Radiobox/Radiobox.tokens.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  singleLine: 'single-line',
+  radioboxTrigger: 'radiobox-trigger',
+  onlyDescription: 'only-description'
+};
+var tokens = {
+  labelFontFamily: '--plasma-radiobox-label-font-family',
+  labelFontSize: '--plasma-radiobox-label-font-size',
+  labelFontStyle: '--plasma-radiobox-label-font-style',
+  labelFontWeight: '--plasma-radiobox-label-font-weight',
+  labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
+  labelLineHeight: '--plasma-radiobox-label-line-height',
+  descriptionMarginTop: '--plasma-checkbox-description-margin-top',
+  descriptionFontFamily: '--plasma-radiobox-description-font-family',
+  descriptionFontSize: '--plasma-radiobox-description-font-size',
+  descriptionFontStyle: '--plasma-radiobox-description-font-style',
+  descriptionFontWeight: '--plasma-radiobox-description-font-weight',
+  descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
+  descriptionLineHeight: '--plasma-radiobox-description-line-height',
+  fillColor: '--plasma-radiobox-fill-color',
+  descriptionColor: '--plasma-radiobox-description-color',
+  triggerBorderColor: '--plasma-radiobox-trigger-border-color',
+  contentTopOffset: '--plasma-radiobox-content-top-offset',
+  contentLeftOffset: '--plasma-radiobox-content-left-offset',
+  triggerSize: '--plasma-radiobox-trigger-size',
+  triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',
+  triggerMargin: '--plasma-radiobox-trigger-margin',
+  margin: '--plasma-radiobox-margin',
+  ellipseSize: '--plasma-radiobox-ellipse-size',
+  ellipseColor: '--plasma-radiobox-ellipse-color',
+  disabledOpacity: '--plasma-radiobox-disabled-opacity',
+  focusColor: '--plasma-radiobox-focus-color'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=Radiobox.tokens.js.map

package/cjs/components/Radiobox/Radiobox.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radiobox.tokens.js","sources":["../../../src/components/Radiobox/Radiobox.tokens.ts"],"sourcesContent":["export const classes = {\n    singleLine: 'single-line',\n    radioboxTrigger: 'radiobox-trigger',\n    onlyDescription: 'only-description',\n};\n\nexport const tokens = {\n    labelFontFamily: '--plasma-radiobox-label-font-family',\n    labelFontSize: '--plasma-radiobox-label-font-size',\n    labelFontStyle: '--plasma-radiobox-label-font-style',\n    labelFontWeight: '--plasma-radiobox-label-font-weight',\n    labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',\n    labelLineHeight: '--plasma-radiobox-label-line-height',\n    descriptionMarginTop: '--plasma-checkbox-description-margin-top',\n    descriptionFontFamily: '--plasma-radiobox-description-font-family',\n    descriptionFontSize: '--plasma-radiobox-description-font-size',\n    descriptionFontStyle: '--plasma-radiobox-description-font-style',\n    descriptionFontWeight: '--plasma-radiobox-description-font-weight',\n    descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',\n    descriptionLineHeight: '--plasma-radiobox-description-line-height',\n\n    fillColor: '--plasma-radiobox-fill-color',\n    descriptionColor: '--plasma-radiobox-description-color',\n    triggerBorderColor: '--plasma-radiobox-trigger-border-color',\n\n    contentTopOffset: '--plasma-radiobox-content-top-offset',\n    contentLeftOffset: '--plasma-radiobox-content-left-offset',\n    triggerSize: '--plasma-radiobox-trigger-size',\n    triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',\n    triggerMargin: '--plasma-radiobox-trigger-margin',\n    margin: '--plasma-radiobox-margin',\n\n    ellipseSize: '--plasma-radiobox-ellipse-size',\n    ellipseColor: '--plasma-radiobox-ellipse-color',\n\n    disabledOpacity: '--plasma-radiobox-disabled-opacity',\n    focusColor: '--plasma-radiobox-focus-color',\n};\n"],"names":["classes","singleLine","radioboxTrigger","onlyDescription","tokens","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","descriptionMarginTop","descriptionFontFamily","descriptionFontSize","descriptionFontStyle","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","fillColor","descriptionColor","triggerBorderColor","contentTopOffset","contentLeftOffset","triggerSize","triggerBorderRadius","triggerMargin","margin","ellipseSize","ellipseColor","disabledOpacity","focusColor"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,eAAe,EAAE,kBAAkB;AACnCC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,wBAAwB,EAAE,8CAA8C;AACxEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAElEC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAE5DC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,MAAM,EAAE,0BAA0B;AAElCC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,YAAY,EAAE,iCAAiC;AAE/CC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,UAAU,EAAE,+BAAA;AAChB;;;;;"}

package/cjs/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js

@@ -1,9 +1,9 @@
-import './base_po5iiu.css';
+import './base_6ae9j2.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "brrdlt4";
+var base = "bmkf7xj";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Radiobox/variations/_disabled/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n    input:disabled + label {\n        opacity: var(${tokens.disabledOpacity});\n    }\n\n    input:disabled + label {\n        cursor: not-allowed;\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAQhB;;;;"}

package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css

@@ -0,0 +1 @@
+.bmkf7xj input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.bmkf7xj input:disabled + label{cursor:not-allowed;}

package/cjs/components/Radiobox/variations/_focused/base.js

@@ -0,0 +1,9 @@
+import './base_1d7o4za.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "buxu4te";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Radiobox/variations/_focused/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n    .${classes.radioboxTrigger} {\n        ${addFocus({\n            outlineOffset: '0',\n            outlineSize: '0.125rem',\n            outlineRadius: `var(${tokens.triggerBorderRadius})`,\n            outlineColor: 'transparent',\n        })}\n    }\n\n    input[data-focus-visible-added] + label .${classes.radioboxTrigger} {\n        border-color: transparent;\n        ${addFocus({\n            outlineOffset: '-0.125rem',\n            outlineSize: '0.125rem',\n            outlineRadius: `var(${tokens.triggerBorderRadius})`,\n            outlineColor: `var(${tokens.focusColor})`,\n            customFocusRules: `\n                &::before {\n                    box-shadow: 0 0 0 0.125rem var(${tokens.focusColor});\n                }\n            `,\n        })}\n    }\n\n    input[data-focus-visible-added]:checked + label .${classes.radioboxTrigger} {\n        ${addFocus({\n            outlineOffset: '-0.125rem',\n            outlineSize: '0.063rem',\n            outlineRadius: `calc(var(${tokens.triggerBorderRadius}) + 0.125rem)`,\n            outlineColor: `var(${tokens.focusColor})`,\n            customFocusRules: `\n                &::before {\n                    box-shadow: 0 0 0 0.063rem var(${tokens.focusColor});\n                }\n            `,\n        })}\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAsChB;;;;"}

package/cjs/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css}

@@ -1 +1 @@
-.bp7016u .radiobox-trigger{position:relative;}.bp7016u .radiobox-trigger::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.bp7016u .radiobox-trigger.focus-visible:focus::before,.bp7016u .radiobox-trigger[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.bp7016u input[data-focus-visible-added] + label .radiobox-trigger{border-color:transparent;position:relative;}.bp7016u input[data-focus-visible-added] + label .radiobox-trigger::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.bp7016u input[data-focus-visible-added] + label .radiobox-trigger::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.bp7016u input[data-focus-visible-added]:checked + label .radiobox-trigger{position:relative;}.bp7016u input[data-focus-visible-added]:checked + label .radiobox-trigger::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.bp7016u input[data-focus-visible-added]:checked + label .radiobox-trigger::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
+.buxu4te .radiobox-trigger{position:relative;}.buxu4te .radiobox-trigger::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.buxu4te .radiobox-trigger.focus-visible:focus::before,.buxu4te .radiobox-trigger[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.buxu4te input[data-focus-visible-added] + label .radiobox-trigger{border-color:transparent;position:relative;}.buxu4te input[data-focus-visible-added] + label .radiobox-trigger::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.buxu4te input[data-focus-visible-added] + label .radiobox-trigger::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.buxu4te input[data-focus-visible-added]:checked + label .radiobox-trigger{position:relative;}.buxu4te input[data-focus-visible-added]:checked + label .radiobox-trigger::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.buxu4te input[data-focus-visible-added]:checked + label .radiobox-trigger::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}

package/cjs/components/{Checkbox → Radiobox/variations}/_size/base.js

@@ -3,7 +3,7 @@ import './base_x642ct.css';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b17b3eb7";
+var base = "b1eflyxe";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Radiobox/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/cjs/components/Radiobox/variations/_view/base.js

@@ -0,0 +1,9 @@
+import './base_11n1fn3.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b1yt66an";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Radiobox/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n    input:checked + label .${classes.radioboxTrigger} {\n        border: none;\n        background: var(${tokens.fillColor});\n        border-color: var(${tokens.fillColor});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAMhB;;;;"}

package/cjs/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css}

@@ -1 +1 @@
-.b1lfwhkj input:checked + label .radiobox-trigger{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
+.b1yt66an input:checked + label .radiobox-trigger{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}

package/cjs/index.css

@@ -69,28 +69,28 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.base_1vqr3f_bjda290__b2f2c792 input[type='checkbox']:indeterminate + label .base_1vqr3f_checkboxTrigger__b2f2c792{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_1vqr3f_bjda290__b2f2c792 input:checked + label .base_1vqr3f_checkboxTrigger__b2f2c792{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
+.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
 
-.base_fyu17z_b7dgytu__1e125c64 input:disabled + label{opacity:var(--plasma-checkbox-disabled-opacity);}.base_fyu17z_b7dgytu__1e125c64 input:disabled + label{cursor:not-allowed;}
+.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
 
-.base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689{position:relative;}.base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689.base_po5iiu_focusVisible__42bc7689:focus::before,.base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added] + label .base_po5iiu_checkboxTrigger__42bc7689{border-color:transparent;position:relative;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added] + label .base_po5iiu_checkboxTrigger__42bc7689::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added] + label .base_po5iiu_checkboxTrigger__42bc7689::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added]:checked + label .base_po5iiu_checkboxTrigger__42bc7689,.base_po5iiu_brrdlt4__42bc7689 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_po5iiu_checkboxTrigger__42bc7689{position:relative;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added]:checked + label .base_po5iiu_checkboxTrigger__42bc7689::before,.base_po5iiu_brrdlt4__42bc7689 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_po5iiu_checkboxTrigger__42bc7689::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added]:checked + label .base_po5iiu_checkboxTrigger__42bc7689::before,.base_po5iiu_brrdlt4__42bc7689 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_po5iiu_checkboxTrigger__42bc7689::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
+.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
 
-.Checkbox_1q4l832_so9l3q2__ea6445d5{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_1q4l832_so9l3q2__ea6445d5:focus{outline:0 none;}
-.Checkbox_1q4l832_s1o5tixe__ea6445d5{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_1q4l832_s1o5tixe__ea6445d5 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_1q4l832_s1o5tixe__ea6445d5 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
-.Checkbox_1q4l832_s136y9ve__ea6445d5{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
-.Checkbox_1q4l832_s8lcvtu__ea6445d5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
-.Checkbox_1q4l832_s1dif9mh__ea6445d5{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
-.Checkbox_1q4l832_s1v492xg__ea6445d5{margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}
-.Checkbox_1q4l832_b1kn3qi9__ea6445d5{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_1q4l832_b1kn3qi9__ea6445d5 .Checkbox_1q4l832_singleLine__ea6445d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Checkbox_1q4l832_b1kn3qi9__ea6445d5.Checkbox_1q4l832_resetMargins__ea6445d5{margin:0;}
+.Checkbox_styles_1266095_b1udywkg__e7223270{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_1266095_b1udywkg__e7223270 .Checkbox_styles_1266095_singleLine__e7223270{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Checkbox_styles_1266095_s165w87d__e7223270{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1266095_s165w87d__e7223270:focus{outline:0 none;}
+.Checkbox_styles_1266095_sft3zxv__e7223270{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.Checkbox_styles_1266095_s1u3nd7e__e7223270{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
+.Checkbox_styles_1266095_shwv1in__e7223270{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
+.Checkbox_styles_1266095_s1my1ay__e7223270{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
+.Checkbox_styles_1266095_s14u8fnn__e7223270{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1266095_s14u8fnn__e7223270.Checkbox_styles_1266095_onlyDescription__e7223270{margin-top:0;}
 
-.base_wj0ueq_b1lfwhkj__434a3d79 input:checked + label .base_wj0ueq_radioboxTrigger__434a3d79{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
+.base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
 
-.base_1jca5bk_bya1zrj__c42664c9 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_1jca5bk_bya1zrj__c42664c9 input:disabled + label{cursor:not-allowed;}
+.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{cursor:not-allowed;}
 
-.base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5{position:relative;}.base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5.base_1nruwxa_focusVisible__13de8fe5:focus::before,.base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added] + label .base_1nruwxa_radioboxTrigger__13de8fe5{border-color:transparent;position:relative;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added] + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added] + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added]:checked + label .base_1nruwxa_radioboxTrigger__13de8fe5{position:relative;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added]:checked + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added]:checked + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
+.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae.base_1d7o4za_focusVisible__19288bae:focus::before,.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae{border-color:transparent;position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
 
-.Radiobox_1ri2eqv_sv18cw2__70e20968{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_1ri2eqv_sv18cw2__70e20968{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
-.Radiobox_1ri2eqv_b1ls92xy__70e20968{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_1ri2eqv_b1ls92xy__70e20968 .Radiobox_1ri2eqv_singleLine__70e20968{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Radiobox_1ri2eqv_b1ls92xy__70e20968.Radiobox_1ri2eqv_resetMargins__70e20968{margin:0;}
+.Radiobox_styles_1skfuon_s14xglkp__585ca743{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_1skfuon_s14xglkp__585ca743{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.Radiobox_styles_1skfuon_bdte4ex__585ca743{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_styles_1skfuon_bdte4ex__585ca743 .Radiobox_styles_1skfuon_singleLine__585ca743{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 
 .Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
 .Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}

package/cjs/index.js

@@ -36,8 +36,10 @@ var Link = require('./components/Link/Link.js');
 var Spinner = require('./components/Spinner/Spinner.js');
 var Spinner_tokens = require('./components/Spinner/Spinner.tokens.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
+var Checkbox_tokens = require('./components/Checkbox/Checkbox.tokens.js');
 var Radiobox = require('./components/Radiobox/Radiobox.js');
 var RadioGroup = require('./components/Radiobox/RadioGroup.js');
+var Radiobox_tokens = require('./components/Radiobox/Radiobox.tokens.js');
 var Popover = require('./components/Popover/Popover.js');
 var Popover_tokens = require('./components/Popover/Popover.tokens.js');
 var TextArea = require('./components/TextArea/TextArea.js');
@@ -284,9 +286,11 @@ exports.spinnerRoot = Spinner.spinnerRoot;
 exports.spinnerTokens = Spinner_tokens.tokens;
 exports.checkboxConfig = Checkbox.checkboxConfig;
 exports.checkboxRoot = Checkbox.checkboxRoot;
+exports.checkboxTokens = Checkbox_tokens.tokens;
 exports.radioboxConfig = Radiobox.radioboxConfig;
 exports.radioboxRoot = Radiobox.radioboxRoot;
 exports.RadioGroup = RadioGroup.RadioGroup;
+exports.radioboxTokens = Radiobox_tokens.tokens;
 exports.popoverConfig = Popover.popoverConfig;
 exports.popoverRoot = Popover.popoverRoot;
 exports.popoverClasses = Popover_tokens.classes;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/Checkbox/Checkbox.css

@@ -0,0 +1,13 @@
+.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
+
+.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
+
+.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
+
+.Checkbox_styles_1266095_b1udywkg__e7223270{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_1266095_b1udywkg__e7223270 .Checkbox_styles_1266095_singleLine__e7223270{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Checkbox_styles_1266095_s165w87d__e7223270{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1266095_s165w87d__e7223270:focus{outline:0 none;}
+.Checkbox_styles_1266095_sft3zxv__e7223270{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.Checkbox_styles_1266095_s1u3nd7e__e7223270{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
+.Checkbox_styles_1266095_shwv1in__e7223270{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
+.Checkbox_styles_1266095_s1my1ay__e7223270{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
+.Checkbox_styles_1266095_s14u8fnn__e7223270{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1266095_s14u8fnn__e7223270.Checkbox_styles_1266095_onlyDescription__e7223270{margin-top:0;}

package/es/components/Checkbox/Checkbox.js

@@ -1,48 +1,17 @@
-import './Checkbox_1q4l832.css';
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useEffect, useMemo } from 'react';
-import { styled } from '@linaria/react';
 import { useForkRef, safeUseId, extractTextFrom } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
-import { base as base$2 } from './_view/base.js';
-import { base as base$1 } from './_size/base.js';
-import { base as base$3 } from './_disabled/base.js';
-import { base as base$4 } from './_focused/base.js';
+import { base as base$2 } from './variations/_view/base.js';
+import { base as base$1 } from './variations/_size/base.js';
+import { base as base$3 } from './variations/_disabled/base.js';
+import { base as base$4 } from './variations/_focused/base.js';
 import { Indeterminate, Done } from './IconsSvg.js';
+import { StyledInput, StyledContentWrapper, StyledTrigger, StyledContent, StyledLabel, StyledDescription, base } from './Checkbox.styles.js';
+import { classes } from './Checkbox.tokens.js';
 
 var _Indeterminate, _Done;
 var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
-var StyledInput = /*#__PURE__*/styled('input')({
-  name: "StyledInput",
-  "class": "so9l3q2",
-  propsAsIs: false
-});
-var StyledTrigger = /*#__PURE__*/styled('div')({
-  name: "StyledTrigger",
-  "class": "s1o5tixe",
-  propsAsIs: false
-});
-var StyledContentWrapper = /*#__PURE__*/styled('label')({
-  name: "StyledContentWrapper",
-  "class": "s136y9ve",
-  propsAsIs: false
-});
-var StyledContent = /*#__PURE__*/styled('div')({
-  name: "StyledContent",
-  "class": "s8lcvtu",
-  propsAsIs: false
-});
-var StyledLabel = /*#__PURE__*/styled('span')({
-  name: "StyledLabel",
-  "class": "s1dif9mh",
-  propsAsIs: false
-});
-var StyledDescription = /*#__PURE__*/styled('div')({
-  name: "StyledDescription",
-  "class": "s1v492xg",
-  propsAsIs: false
-});
-var base = "b1kn3qi9";
 var checkboxRoot = function checkboxRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
@@ -76,15 +45,15 @@ var checkboxRoot = function checkboxRoot(Root) {
     var isLabelAriaHidden = typeof label === 'string';
     var canFocused = focused ? 0 : -1;
     var hasContent = label || description;
-    var singleLineClass = singleLine ? 'single-line' : undefined;
-    var resetMargins = !hasContent ? 'reset-margins' : undefined;
+    var singleLineClass = singleLine ? classes.singleLine : undefined;
+    var onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;
     return /*#__PURE__*/React.createElement(Root, {
       view: view,
       size: size,
       disabled: disabled,
       focused: focused,
       style: style,
-      className: cx(className, resetMargins),
+      className: className,
       tabIndex: -1
     }, /*#__PURE__*/React.createElement(StyledInput, _extends({}, rest, {
       id: checkboxId,
@@ -97,7 +66,7 @@ var checkboxRoot = function checkboxRoot(Root) {
     })), /*#__PURE__*/React.createElement(StyledContentWrapper, {
       htmlFor: checkboxId
     }, /*#__PURE__*/React.createElement(StyledTrigger, {
-      className: cx('checkbox-trigger', resetMargins)
+      className: classes.checkboxTrigger
     }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/React.createElement(Done, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/React.createElement(StyledLabel, {
@@ -105,7 +74,7 @@ var checkboxRoot = function checkboxRoot(Root) {
       id: uniqLabelId,
       "aria-hidden": isLabelAriaHidden
     }, label), description && /*#__PURE__*/React.createElement(StyledDescription, {
-      className: singleLineClass,
+      className: cx(singleLineClass, onlyDescriptionClass),
       id: uniqDescriptionId
     }, description))));
   });
@@ -135,5 +104,5 @@ var checkboxConfig = {
   }
 };
 
-export { StyledContent, StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledTrigger, checkboxConfig, checkboxRoot };
+export { checkboxConfig, checkboxRoot };
 //# sourceMappingURL=Checkbox.js.map