@salutejs/plasma-new-hope 0.341.0-canary.1983.19293584177.0 → 0.341.0-canary.1983.19295272379.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Radiobox/Radiobox.css +3 -3
- package/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/cjs/components/Radiobox/{Radiobox.styles_1u9zve5.css → Radiobox.styles_1ex39qj.css} +1 -1
- package/cjs/components/Radiobox/Radiobox.tokens.js +4 -3
- package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/cjs/components/Radiobox/variations/_view/base.js +1 -1
- package/cjs/components/Radiobox/variations/_view/{base_1f50j99.css → base_3pww0u.css} +1 -1
- package/cjs/index.css +3 -3
- package/emotion/cjs/components/Radiobox/Radiobox.styles.js +4 -4
- package/emotion/cjs/components/Radiobox/Radiobox.tokens.js +4 -3
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/es/components/Radiobox/Radiobox.styles.js +4 -4
- package/emotion/es/components/Radiobox/Radiobox.tokens.js +4 -3
- package/es/components/Radiobox/Radiobox.css +3 -3
- package/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/es/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/es/components/Radiobox/{Radiobox.styles_1u9zve5.css → Radiobox.styles_1ex39qj.css} +1 -1
- package/es/components/Radiobox/Radiobox.tokens.js +4 -3
- package/es/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/es/components/Radiobox/variations/_view/base.js +1 -1
- package/es/components/Radiobox/variations/_view/{base_1f50j99.css → base_3pww0u.css} +1 -1
- package/es/index.css +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +2 -2
- package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +4 -3
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +2 -2
- package/styled-components/es/components/Radiobox/Radiobox.tokens.js +4 -3
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.tokens.d.ts +1 -0
- package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -1
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
.Checkbox_styles_1dv1w6k_s14u8fnn__36f48cb9{color:var(--plasma-checkbox-label-color);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);}
|
|
8
8
|
.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9{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_1dv1w6k_s10clj68__36f48cb9.Checkbox_styles_1dv1w6k_onlyDescription__36f48cb9{margin-top:0;}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.base_3pww0u_b1yt66an__d38ccada input:checked + label .base_3pww0u_radioboxTrigger__d38ccada{background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-trigger-border-checked-color);}
|
|
11
11
|
|
|
12
12
|
.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{cursor:not-allowed;}
|
|
13
13
|
|
|
14
14
|
.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);}
|
|
15
15
|
|
|
16
|
-
.
|
|
17
|
-
.
|
|
16
|
+
.Radiobox_styles_1ex39qj_s14xglkp__11781662{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_1ex39qj_s14xglkp__11781662{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
|
17
|
+
.Radiobox_styles_1ex39qj_bdte4ex__11781662{--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-radiobox-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-label-color:var(--plasma-radiobox-label-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-width:var(--plasma-radiobox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-radiobox-trigger-border-checked-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-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-padding:var(--plasma-radiobox-trigger-padding);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;}.Radiobox_styles_1ex39qj_bdte4ex__11781662 .Radiobox_styles_1ex39qj_singleLine__11781662{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
@@ -1 +1 @@
|
|
|
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.triggerBorderWidth}: var(${tokens.triggerBorderWidth});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.triggerBorderColor});\n ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.triggerBorderCheckedColor});\n ${checkboxTokens.triggerBackgroundColor}: var(${tokens.triggerBackgroundColor});\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.triggerPadding}: var(${tokens.triggerPadding});\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\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n`;\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base"],"mappings":";;;;;;AAQA;;
|
|
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.labelColor}: var(${tokens.labelColor});\n ${checkboxTokens.descriptionColor}: var(${tokens.descriptionColor});\n ${checkboxTokens.triggerBorderWidth}: var(${tokens.triggerBorderWidth});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.triggerBorderColor});\n ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.triggerBorderCheckedColor});\n ${checkboxTokens.triggerBackgroundColor}: var(${tokens.triggerBackgroundColor});\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.triggerPadding}: var(${tokens.triggerPadding});\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\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n`;\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base"],"mappings":";;;;;;AAQA;;AA+BO,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,GAchB;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
.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);}
|
|
2
|
-
.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-
|
|
2
|
+
.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-radiobox-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-label-color:var(--plasma-radiobox-label-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-width:var(--plasma-radiobox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-radiobox-trigger-border-checked-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-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-padding:var(--plasma-radiobox-trigger-padding);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;}.bdte4ex .single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
@@ -14,7 +14,7 @@ var tokens = {
|
|
|
14
14
|
labelFontWeight: '--plasma-radiobox-label-font-weight',
|
|
15
15
|
labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
|
|
16
16
|
labelLineHeight: '--plasma-radiobox-label-line-height',
|
|
17
|
-
descriptionMarginTop: '--plasma-
|
|
17
|
+
descriptionMarginTop: '--plasma-radiobox-description-margin-top',
|
|
18
18
|
descriptionFontFamily: '--plasma-radiobox-description-font-family',
|
|
19
19
|
descriptionFontSize: '--plasma-radiobox-description-font-size',
|
|
20
20
|
descriptionFontStyle: '--plasma-radiobox-description-font-style',
|
|
@@ -22,10 +22,11 @@ var tokens = {
|
|
|
22
22
|
descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
|
|
23
23
|
descriptionLineHeight: '--plasma-radiobox-description-line-height',
|
|
24
24
|
fillColor: '--plasma-radiobox-fill-color',
|
|
25
|
+
labelColor: '--plasma-radiobox-label-color',
|
|
25
26
|
descriptionColor: '--plasma-radiobox-description-color',
|
|
26
|
-
triggerBorderWidth: '--plasma-
|
|
27
|
+
triggerBorderWidth: '--plasma-radiobox-trigger-border-width',
|
|
27
28
|
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
|
28
|
-
triggerBorderCheckedColor: '--plasma-
|
|
29
|
+
triggerBorderCheckedColor: '--plasma-radiobox-trigger-border-checked-color',
|
|
29
30
|
triggerBackgroundColor: '--plasma-radiobox-trigger-background-color',
|
|
30
31
|
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
|
31
32
|
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
|
@@ -1 +1 @@
|
|
|
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-
|
|
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-radiobox-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 labelColor: '--plasma-radiobox-label-color',\n descriptionColor: '--plasma-radiobox-description-color',\n triggerBorderWidth: '--plasma-radiobox-trigger-border-width',\n triggerBorderColor: '--plasma-radiobox-trigger-border-color',\n triggerBorderCheckedColor: '--plasma-radiobox-trigger-border-checked-color',\n triggerBackgroundColor: '--plasma-radiobox-trigger-background-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 triggerPadding: '--plasma-radiobox-trigger-padding',\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","labelColor","descriptionColor","triggerBorderWidth","triggerBorderColor","triggerBorderCheckedColor","triggerBackgroundColor","contentTopOffset","contentLeftOffset","triggerSize","triggerBorderRadius","triggerPadding","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,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,yBAAyB,EAAE,gDAAgD;AAC3EC,EAAAA,sBAAsB,EAAE,4CAA4C;AAEpEC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,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;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b1yt66an input:checked + label .radiobox-trigger{background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-
|
|
1
|
+
.b1yt66an input:checked + label .radiobox-trigger{background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-trigger-border-checked-color);}
|
package/cjs/index.css
CHANGED
|
@@ -127,14 +127,14 @@
|
|
|
127
127
|
.Checkbox_styles_1dv1w6k_s14u8fnn__36f48cb9{color:var(--plasma-checkbox-label-color);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);}
|
|
128
128
|
.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9{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_1dv1w6k_s10clj68__36f48cb9.Checkbox_styles_1dv1w6k_onlyDescription__36f48cb9{margin-top:0;}
|
|
129
129
|
|
|
130
|
-
.
|
|
130
|
+
.base_3pww0u_b1yt66an__d38ccada input:checked + label .base_3pww0u_radioboxTrigger__d38ccada{background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-trigger-border-checked-color);}
|
|
131
131
|
|
|
132
132
|
.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{cursor:not-allowed;}
|
|
133
133
|
|
|
134
134
|
.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);}
|
|
135
135
|
|
|
136
|
-
.
|
|
137
|
-
.
|
|
136
|
+
.Radiobox_styles_1ex39qj_s14xglkp__11781662{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_1ex39qj_s14xglkp__11781662{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
|
137
|
+
.Radiobox_styles_1ex39qj_bdte4ex__11781662{--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-radiobox-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-label-color:var(--plasma-radiobox-label-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-width:var(--plasma-radiobox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-radiobox-trigger-border-checked-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-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-padding:var(--plasma-radiobox-trigger-padding);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;}.Radiobox_styles_1ex39qj_bdte4ex__11781662 .Radiobox_styles_1ex39qj_singleLine__11781662{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
138
138
|
|
|
139
139
|
.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
|
140
140
|
|
|
@@ -27,9 +27,9 @@ function _interop_require_default(obj) {
|
|
|
27
27
|
};
|
|
28
28
|
}
|
|
29
29
|
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
|
30
|
-
var mappingOverride = "\n ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radioboxtokens.tokens.labelFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radioboxtokens.tokens.labelFontSize, ");\n ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radioboxtokens.tokens.labelFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radioboxtokens.tokens.labelFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.labelLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radioboxtokens.tokens.labelLineHeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radioboxtokens.tokens.descriptionMarginTop, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radioboxtokens.tokens.descriptionFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radioboxtokens.tokens.descriptionFontSize, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radioboxtokens.tokens.descriptionFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radioboxtokens.tokens.descriptionFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.descriptionLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radioboxtokens.tokens.descriptionLineHeight, ");\n\n ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radioboxtokens.tokens.fillColor, ");\n ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radioboxtokens.tokens.descriptionColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderWidth, ": var(").concat(_Radioboxtokens.tokens.triggerBorderWidth, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderCheckedColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderCheckedColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBackgroundColor, ": var(").concat(_Radioboxtokens.tokens.triggerBackgroundColor, ");\n\n ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radioboxtokens.tokens.contentTopOffset, ");\n ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radioboxtokens.tokens.contentLeftOffset, ");\n ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radioboxtokens.tokens.triggerSize, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radioboxtokens.tokens.triggerBorderRadius, ");\n ").concat(_Checkbox.checkboxTokens.triggerPadding, ": var(").concat(_Radioboxtokens.tokens.triggerPadding, ");\n");
|
|
30
|
+
var mappingOverride = "\n ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radioboxtokens.tokens.labelFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radioboxtokens.tokens.labelFontSize, ");\n ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radioboxtokens.tokens.labelFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radioboxtokens.tokens.labelFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.labelLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radioboxtokens.tokens.labelLineHeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radioboxtokens.tokens.descriptionMarginTop, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radioboxtokens.tokens.descriptionFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radioboxtokens.tokens.descriptionFontSize, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radioboxtokens.tokens.descriptionFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radioboxtokens.tokens.descriptionFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.descriptionLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radioboxtokens.tokens.descriptionLineHeight, ");\n\n ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radioboxtokens.tokens.fillColor, ");\n ").concat(_Checkbox.checkboxTokens.labelColor, ": var(").concat(_Radioboxtokens.tokens.labelColor, ");\n ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radioboxtokens.tokens.descriptionColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderWidth, ": var(").concat(_Radioboxtokens.tokens.triggerBorderWidth, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderCheckedColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderCheckedColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBackgroundColor, ": var(").concat(_Radioboxtokens.tokens.triggerBackgroundColor, ");\n\n ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radioboxtokens.tokens.contentTopOffset, ");\n ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radioboxtokens.tokens.contentLeftOffset, ");\n ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radioboxtokens.tokens.triggerSize, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radioboxtokens.tokens.triggerBorderRadius, ");\n ").concat(_Checkbox.checkboxTokens.triggerPadding, ": var(").concat(_Radioboxtokens.tokens.triggerPadding, ");\n");
|
|
31
31
|
var StyledEllipse = (0, /*#__PURE__*/ _styled.default)("div", {
|
|
32
|
-
target: "
|
|
32
|
+
target: "e1mtrb8p0",
|
|
33
33
|
label: "StyledEllipse"
|
|
34
|
-
})("width:var(", _Radioboxtokens.tokens.ellipseSize, ");height:var(", _Radioboxtokens.tokens.ellipseSize, ");border-radius:var(", _Radioboxtokens.tokens.ellipseSize, ");background-color:var(", _Radioboxtokens.tokens.ellipseColor, ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2hlY2tib3hUb2tlbnMgfSBmcm9tICcuLi9DaGVja2JveCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzLCBhcHBseU5vVXNlclNlbGVjdCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUmFkaW9ib3gudG9rZW5zJztcblxuLy8gTk9URTog0J3QtdC+0LHRhdC+0LTQuNC80L7QtSDQv9C10YDQtdC+0L/RgNC10LTQtdC70LXQvdC40LUg0YLQvtC60LXQvdC+0LIg0LjQtyDQutC+0LzQv9C+0L3QtdC90YLQsCBDaGVja2JveCDRgi7Qui4g0LjRgdC/
|
|
35
|
-
var base = (0, /*#__PURE__*/ _react.css)(mappingOverride, ";margin:var(", _Radioboxtokens.tokens.margin, ");", (0, _mixins.applyNoUserSelect)(), ";position:relative;align-items:flex-start;display:flex;.", _Radioboxtokens.classes.singleLine, "{", (0, _mixins.applyEllipsis)(), ";}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2hlY2tib3hUb2tlbnMgfSBmcm9tICcuLi9DaGVja2JveCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzLCBhcHBseU5vVXNlclNlbGVjdCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUmFkaW9ib3gudG9rZW5zJztcblxuLy8gTk9URTog0J3QtdC+0LHRhdC+0LTQuNC80L7QtSDQv9C10YDQtdC+0L/RgNC10LTQtdC70LXQvdC40LUg0YLQvtC60LXQvdC+0LIg0LjQtyDQutC+0LzQv9C+0L3QtdC90YLQsCBDaGVja2JveCDRgi7Qui4g0LjRgdC/
|
|
34
|
+
})("width:var(", _Radioboxtokens.tokens.ellipseSize, ");height:var(", _Radioboxtokens.tokens.ellipseSize, ");border-radius:var(", _Radioboxtokens.tokens.ellipseSize, ");background-color:var(", _Radioboxtokens.tokens.ellipseColor, ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2hlY2tib3hUb2tlbnMgfSBmcm9tICcuLi9DaGVja2JveCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzLCBhcHBseU5vVXNlclNlbGVjdCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUmFkaW9ib3gudG9rZW5zJztcblxuLy8gTk9URTog0J3QtdC+0LHRhdC+0LTQuNC80L7QtSDQv9C10YDQtdC+0L/RgNC10LTQtdC70LXQvdC40LUg0YLQvtC60LXQvdC+0LIg0LjQtyDQutC+0LzQv9C+0L3QtdC90YLQsCBDaGVja2JveCDRgi7Qui4g0LjRgdC/0L7Qu9GM0LfRg9GO0YLRgdGPINC10LPQviDRh9Cw0YHRgtC4XG5jb25zdCBtYXBwaW5nT3ZlcnJpZGUgPSBgXG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRTaXplfTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmxhYmVsRm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFN0eWxlfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5kZXNjcmlwdGlvbk1hcmdpblRvcH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbk1hcmdpblRvcH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250U2l6ZX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH0pO1xuXG4gICAgJHtjaGVja2JveFRva2Vucy5maWxsQ29sb3J9OiB2YXIoJHt0b2tlbnMuZmlsbENvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbENvbG9yfTogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Db2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlcldpZHRofTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCb3JkZXJXaWR0aH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlckNvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCb3JkZXJDb2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlckNoZWNrZWRDb2xvcn06IHZhcigke3Rva2Vucy50cmlnZ2VyQm9yZGVyQ2hlY2tlZENvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuY29udGVudFRvcE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50VG9wT2Zmc2V0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5jb250ZW50TGVmdE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50TGVmdE9mZnNldH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclNpemV9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLnRyaWdnZXJCb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlclJhZGl1c30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclBhZGRpbmd9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbGxpcHNlID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZWxsaXBzZVNpemV9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuZWxsaXBzZVNpemV9KTtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5lbGxpcHNlQ29sb3J9KTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuXG4gICAgaW5wdXQ6Y2hlY2tlZCArIGxhYmVsICYge1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7bWFwcGluZ092ZXJyaWRlfTtcblxuICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLm1hcmdpbn0pO1xuXG4gICAgJHthcHBseU5vVXNlclNlbGVjdCgpfTtcblxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgLiR7Y2xhc3Nlcy5zaW5nbGVMaW5lfSB7XG4gICAgICAgICR7YXBwbHlFbGxpcHNpcygpfTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDNkIifQ== */");
|
|
35
|
+
var base = (0, /*#__PURE__*/ _react.css)(mappingOverride, ";margin:var(", _Radioboxtokens.tokens.margin, ");", (0, _mixins.applyNoUserSelect)(), ";position:relative;align-items:flex-start;display:flex;.", _Radioboxtokens.classes.singleLine, "{", (0, _mixins.applyEllipsis)(), ";}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2hlY2tib3hUb2tlbnMgfSBmcm9tICcuLi9DaGVja2JveCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzLCBhcHBseU5vVXNlclNlbGVjdCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUmFkaW9ib3gudG9rZW5zJztcblxuLy8gTk9URTog0J3QtdC+0LHRhdC+0LTQuNC80L7QtSDQv9C10YDQtdC+0L/RgNC10LTQtdC70LXQvdC40LUg0YLQvtC60LXQvdC+0LIg0LjQtyDQutC+0LzQv9C+0L3QtdC90YLQsCBDaGVja2JveCDRgi7Qui4g0LjRgdC/0L7Qu9GM0LfRg9GO0YLRgdGPINC10LPQviDRh9Cw0YHRgtC4XG5jb25zdCBtYXBwaW5nT3ZlcnJpZGUgPSBgXG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRTaXplfTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmxhYmVsRm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFN0eWxlfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5kZXNjcmlwdGlvbk1hcmdpblRvcH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbk1hcmdpblRvcH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250U2l6ZX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH0pO1xuXG4gICAgJHtjaGVja2JveFRva2Vucy5maWxsQ29sb3J9OiB2YXIoJHt0b2tlbnMuZmlsbENvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbENvbG9yfTogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Db2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlcldpZHRofTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCb3JkZXJXaWR0aH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlckNvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCb3JkZXJDb2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlckNoZWNrZWRDb2xvcn06IHZhcigke3Rva2Vucy50cmlnZ2VyQm9yZGVyQ2hlY2tlZENvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuY29udGVudFRvcE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50VG9wT2Zmc2V0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5jb250ZW50TGVmdE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50TGVmdE9mZnNldH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclNpemV9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLnRyaWdnZXJCb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlclJhZGl1c30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclBhZGRpbmd9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbGxpcHNlID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZWxsaXBzZVNpemV9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuZWxsaXBzZVNpemV9KTtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5lbGxpcHNlQ29sb3J9KTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuXG4gICAgaW5wdXQ6Y2hlY2tlZCArIGxhYmVsICYge1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7bWFwcGluZ092ZXJyaWRlfTtcblxuICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLm1hcmdpbn0pO1xuXG4gICAgJHthcHBseU5vVXNlclNlbGVjdCgpfTtcblxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgLiR7Y2xhc3Nlcy5zaW5nbGVMaW5lfSB7XG4gICAgICAgICR7YXBwbHlFbGxpcHNpcygpfTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEb0IifQ== */");
|
|
@@ -28,7 +28,7 @@ var tokens = {
|
|
|
28
28
|
labelFontWeight: '--plasma-radiobox-label-font-weight',
|
|
29
29
|
labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
|
|
30
30
|
labelLineHeight: '--plasma-radiobox-label-line-height',
|
|
31
|
-
descriptionMarginTop: '--plasma-
|
|
31
|
+
descriptionMarginTop: '--plasma-radiobox-description-margin-top',
|
|
32
32
|
descriptionFontFamily: '--plasma-radiobox-description-font-family',
|
|
33
33
|
descriptionFontSize: '--plasma-radiobox-description-font-size',
|
|
34
34
|
descriptionFontStyle: '--plasma-radiobox-description-font-style',
|
|
@@ -36,10 +36,11 @@ var tokens = {
|
|
|
36
36
|
descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
|
|
37
37
|
descriptionLineHeight: '--plasma-radiobox-description-line-height',
|
|
38
38
|
fillColor: '--plasma-radiobox-fill-color',
|
|
39
|
+
labelColor: '--plasma-radiobox-label-color',
|
|
39
40
|
descriptionColor: '--plasma-radiobox-description-color',
|
|
40
|
-
triggerBorderWidth: '--plasma-
|
|
41
|
+
triggerBorderWidth: '--plasma-radiobox-trigger-border-width',
|
|
41
42
|
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
|
42
|
-
triggerBorderCheckedColor: '--plasma-
|
|
43
|
+
triggerBorderCheckedColor: '--plasma-radiobox-trigger-border-checked-color',
|
|
43
44
|
triggerBackgroundColor: '--plasma-radiobox-trigger-background-color',
|
|
44
45
|
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
|
45
46
|
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
|
@@ -1 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Combobox", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Combobox;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _engines = require("../../../engines");
|
|
12
|
+
var _ = require("../../..");
|
|
13
|
+
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
+
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
+
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
+
var Combobox = ComboboxComponent;
|
|
@@ -4,9 +4,9 @@ import { checkboxTokens } from "../Checkbox";
|
|
|
4
4
|
import { applyEllipsis, applyNoUserSelect } from "../../mixins";
|
|
5
5
|
import { classes, tokens } from "./Radiobox.tokens";
|
|
6
6
|
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
|
7
|
-
var mappingOverride = "\n ".concat(checkboxTokens.labelFontFamily, ": var(").concat(tokens.labelFontFamily, ");\n ").concat(checkboxTokens.labelFontSize, ": var(").concat(tokens.labelFontSize, ");\n ").concat(checkboxTokens.labelFontStyle, ": var(").concat(tokens.labelFontStyle, ");\n ").concat(checkboxTokens.labelFontWeight, ": var(").concat(tokens.labelFontWeight, ");\n ").concat(checkboxTokens.labelLetterSpacing, ": var(").concat(tokens.labelLetterSpacing, ");\n ").concat(checkboxTokens.labelLineHeight, ": var(").concat(tokens.labelLineHeight, ");\n ").concat(checkboxTokens.descriptionMarginTop, ": var(").concat(tokens.descriptionMarginTop, ");\n ").concat(checkboxTokens.descriptionFontFamily, ": var(").concat(tokens.descriptionFontFamily, ");\n ").concat(checkboxTokens.descriptionFontSize, ": var(").concat(tokens.descriptionFontSize, ");\n ").concat(checkboxTokens.descriptionFontStyle, ": var(").concat(tokens.descriptionFontStyle, ");\n ").concat(checkboxTokens.descriptionFontWeight, ": var(").concat(tokens.descriptionFontWeight, ");\n ").concat(checkboxTokens.descriptionLetterSpacing, ": var(").concat(tokens.descriptionLetterSpacing, ");\n ").concat(checkboxTokens.descriptionLineHeight, ": var(").concat(tokens.descriptionLineHeight, ");\n\n ").concat(checkboxTokens.fillColor, ": var(").concat(tokens.fillColor, ");\n ").concat(checkboxTokens.descriptionColor, ": var(").concat(tokens.descriptionColor, ");\n ").concat(checkboxTokens.triggerBorderWidth, ": var(").concat(tokens.triggerBorderWidth, ");\n ").concat(checkboxTokens.triggerBorderColor, ": var(").concat(tokens.triggerBorderColor, ");\n ").concat(checkboxTokens.triggerBorderCheckedColor, ": var(").concat(tokens.triggerBorderCheckedColor, ");\n ").concat(checkboxTokens.triggerBackgroundColor, ": var(").concat(tokens.triggerBackgroundColor, ");\n\n ").concat(checkboxTokens.contentTopOffset, ": var(").concat(tokens.contentTopOffset, ");\n ").concat(checkboxTokens.contentLeftOffset, ": var(").concat(tokens.contentLeftOffset, ");\n ").concat(checkboxTokens.triggerSize, ": var(").concat(tokens.triggerSize, ");\n ").concat(checkboxTokens.triggerBorderRadius, ": var(").concat(tokens.triggerBorderRadius, ");\n ").concat(checkboxTokens.triggerPadding, ": var(").concat(tokens.triggerPadding, ");\n");
|
|
7
|
+
var mappingOverride = "\n ".concat(checkboxTokens.labelFontFamily, ": var(").concat(tokens.labelFontFamily, ");\n ").concat(checkboxTokens.labelFontSize, ": var(").concat(tokens.labelFontSize, ");\n ").concat(checkboxTokens.labelFontStyle, ": var(").concat(tokens.labelFontStyle, ");\n ").concat(checkboxTokens.labelFontWeight, ": var(").concat(tokens.labelFontWeight, ");\n ").concat(checkboxTokens.labelLetterSpacing, ": var(").concat(tokens.labelLetterSpacing, ");\n ").concat(checkboxTokens.labelLineHeight, ": var(").concat(tokens.labelLineHeight, ");\n ").concat(checkboxTokens.descriptionMarginTop, ": var(").concat(tokens.descriptionMarginTop, ");\n ").concat(checkboxTokens.descriptionFontFamily, ": var(").concat(tokens.descriptionFontFamily, ");\n ").concat(checkboxTokens.descriptionFontSize, ": var(").concat(tokens.descriptionFontSize, ");\n ").concat(checkboxTokens.descriptionFontStyle, ": var(").concat(tokens.descriptionFontStyle, ");\n ").concat(checkboxTokens.descriptionFontWeight, ": var(").concat(tokens.descriptionFontWeight, ");\n ").concat(checkboxTokens.descriptionLetterSpacing, ": var(").concat(tokens.descriptionLetterSpacing, ");\n ").concat(checkboxTokens.descriptionLineHeight, ": var(").concat(tokens.descriptionLineHeight, ");\n\n ").concat(checkboxTokens.fillColor, ": var(").concat(tokens.fillColor, ");\n ").concat(checkboxTokens.labelColor, ": var(").concat(tokens.labelColor, ");\n ").concat(checkboxTokens.descriptionColor, ": var(").concat(tokens.descriptionColor, ");\n ").concat(checkboxTokens.triggerBorderWidth, ": var(").concat(tokens.triggerBorderWidth, ");\n ").concat(checkboxTokens.triggerBorderColor, ": var(").concat(tokens.triggerBorderColor, ");\n ").concat(checkboxTokens.triggerBorderCheckedColor, ": var(").concat(tokens.triggerBorderCheckedColor, ");\n ").concat(checkboxTokens.triggerBackgroundColor, ": var(").concat(tokens.triggerBackgroundColor, ");\n\n ").concat(checkboxTokens.contentTopOffset, ": var(").concat(tokens.contentTopOffset, ");\n ").concat(checkboxTokens.contentLeftOffset, ": var(").concat(tokens.contentLeftOffset, ");\n ").concat(checkboxTokens.triggerSize, ": var(").concat(tokens.triggerSize, ");\n ").concat(checkboxTokens.triggerBorderRadius, ": var(").concat(tokens.triggerBorderRadius, ");\n ").concat(checkboxTokens.triggerPadding, ": var(").concat(tokens.triggerPadding, ");\n");
|
|
8
8
|
export var StyledEllipse = /*#__PURE__*/ styled("div", {
|
|
9
|
-
target: "
|
|
9
|
+
target: "e1mtrb8p0",
|
|
10
10
|
label: "StyledEllipse"
|
|
11
|
-
})("width:var(", tokens.ellipseSize, ");height:var(", tokens.ellipseSize, ");border-radius:var(", tokens.ellipseSize, ");background-color:var(", tokens.ellipseColor, ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2hlY2tib3hUb2tlbnMgfSBmcm9tICcuLi9DaGVja2JveCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzLCBhcHBseU5vVXNlclNlbGVjdCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUmFkaW9ib3gudG9rZW5zJztcblxuLy8gTk9URTog0J3QtdC+0LHRhdC+0LTQuNC80L7QtSDQv9C10YDQtdC+0L/RgNC10LTQtdC70LXQvdC40LUg0YLQvtC60LXQvdC+0LIg0LjQtyDQutC+0LzQv9C+0L3QtdC90YLQsCBDaGVja2JveCDRgi7Qui4g0LjRgdC/
|
|
12
|
-
export var base = /*#__PURE__*/ css(mappingOverride, ";margin:var(", tokens.margin, ");", applyNoUserSelect(), ";position:relative;align-items:flex-start;display:flex;.", classes.singleLine, "{", applyEllipsis(), ";}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2hlY2tib3hUb2tlbnMgfSBmcm9tICcuLi9DaGVja2JveCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzLCBhcHBseU5vVXNlclNlbGVjdCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUmFkaW9ib3gudG9rZW5zJztcblxuLy8gTk9URTog0J3QtdC+0LHRhdC+0LTQuNC80L7QtSDQv9C10YDQtdC+0L/RgNC10LTQtdC70LXQvdC40LUg0YLQvtC60LXQvdC+0LIg0LjQtyDQutC+0LzQv9C+0L3QtdC90YLQsCBDaGVja2JveCDRgi7Qui4g0LjRgdC/
|
|
11
|
+
})("width:var(", tokens.ellipseSize, ");height:var(", tokens.ellipseSize, ");border-radius:var(", tokens.ellipseSize, ");background-color:var(", tokens.ellipseColor, ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2hlY2tib3hUb2tlbnMgfSBmcm9tICcuLi9DaGVja2JveCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzLCBhcHBseU5vVXNlclNlbGVjdCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUmFkaW9ib3gudG9rZW5zJztcblxuLy8gTk9URTog0J3QtdC+0LHRhdC+0LTQuNC80L7QtSDQv9C10YDQtdC+0L/RgNC10LTQtdC70LXQvdC40LUg0YLQvtC60LXQvdC+0LIg0LjQtyDQutC+0LzQv9C+0L3QtdC90YLQsCBDaGVja2JveCDRgi7Qui4g0LjRgdC/0L7Qu9GM0LfRg9GO0YLRgdGPINC10LPQviDRh9Cw0YHRgtC4XG5jb25zdCBtYXBwaW5nT3ZlcnJpZGUgPSBgXG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRTaXplfTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmxhYmVsRm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFN0eWxlfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5kZXNjcmlwdGlvbk1hcmdpblRvcH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbk1hcmdpblRvcH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250U2l6ZX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH0pO1xuXG4gICAgJHtjaGVja2JveFRva2Vucy5maWxsQ29sb3J9OiB2YXIoJHt0b2tlbnMuZmlsbENvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbENvbG9yfTogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Db2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlcldpZHRofTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCb3JkZXJXaWR0aH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlckNvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCb3JkZXJDb2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlckNoZWNrZWRDb2xvcn06IHZhcigke3Rva2Vucy50cmlnZ2VyQm9yZGVyQ2hlY2tlZENvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuY29udGVudFRvcE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50VG9wT2Zmc2V0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5jb250ZW50TGVmdE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50TGVmdE9mZnNldH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclNpemV9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLnRyaWdnZXJCb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlclJhZGl1c30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclBhZGRpbmd9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbGxpcHNlID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZWxsaXBzZVNpemV9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuZWxsaXBzZVNpemV9KTtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5lbGxpcHNlQ29sb3J9KTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuXG4gICAgaW5wdXQ6Y2hlY2tlZCArIGxhYmVsICYge1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7bWFwcGluZ092ZXJyaWRlfTtcblxuICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLm1hcmdpbn0pO1xuXG4gICAgJHthcHBseU5vVXNlclNlbGVjdCgpfTtcblxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgLiR7Y2xhc3Nlcy5zaW5nbGVMaW5lfSB7XG4gICAgICAgICR7YXBwbHlFbGxpcHNpcygpfTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDNkIifQ== */");
|
|
12
|
+
export var base = /*#__PURE__*/ css(mappingOverride, ";margin:var(", tokens.margin, ");", applyNoUserSelect(), ";position:relative;align-items:flex-start;display:flex;.", classes.singleLine, "{", applyEllipsis(), ";}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9SYWRpb2JveC9SYWRpb2JveC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUmFkaW9ib3gvUmFkaW9ib3guc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2hlY2tib3hUb2tlbnMgfSBmcm9tICcuLi9DaGVja2JveCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzLCBhcHBseU5vVXNlclNlbGVjdCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUmFkaW9ib3gudG9rZW5zJztcblxuLy8gTk9URTog0J3QtdC+0LHRhdC+0LTQuNC80L7QtSDQv9C10YDQtdC+0L/RgNC10LTQtdC70LXQvdC40LUg0YLQvtC60LXQvdC+0LIg0LjQtyDQutC+0LzQv9C+0L3QtdC90YLQsCBDaGVja2JveCDRgi7Qui4g0LjRgdC/0L7Qu9GM0LfRg9GO0YLRgdGPINC10LPQviDRh9Cw0YHRgtC4XG5jb25zdCBtYXBwaW5nT3ZlcnJpZGUgPSBgXG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRTaXplfTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmxhYmVsRm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFN0eWxlfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5kZXNjcmlwdGlvbk1hcmdpblRvcH06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbk1hcmdpblRvcH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250U2l6ZX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH0pO1xuXG4gICAgJHtjaGVja2JveFRva2Vucy5maWxsQ29sb3J9OiB2YXIoJHt0b2tlbnMuZmlsbENvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5sYWJlbENvbG9yfTogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLmRlc2NyaXB0aW9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuZGVzY3JpcHRpb25Db2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlcldpZHRofTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCb3JkZXJXaWR0aH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlckNvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCb3JkZXJDb2xvcn0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlckJvcmRlckNoZWNrZWRDb2xvcn06IHZhcigke3Rva2Vucy50cmlnZ2VyQm9yZGVyQ2hlY2tlZENvbG9yfSk7XG4gICAgJHtjaGVja2JveFRva2Vucy50cmlnZ2VyQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLnRyaWdnZXJCYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICR7Y2hlY2tib3hUb2tlbnMuY29udGVudFRvcE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50VG9wT2Zmc2V0fSk7XG4gICAgJHtjaGVja2JveFRva2Vucy5jb250ZW50TGVmdE9mZnNldH06IHZhcigke3Rva2Vucy5jb250ZW50TGVmdE9mZnNldH0pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclNpemV9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclNpemV9KTtcbiAgICAke2NoZWNrYm94VG9rZW5zLnRyaWdnZXJCb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMudHJpZ2dlckJvcmRlclJhZGl1c30pO1xuICAgICR7Y2hlY2tib3hUb2tlbnMudHJpZ2dlclBhZGRpbmd9OiB2YXIoJHt0b2tlbnMudHJpZ2dlclBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbGxpcHNlID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmVsbGlwc2VTaXplfSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZWxsaXBzZVNpemV9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuZWxsaXBzZVNpemV9KTtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5lbGxpcHNlQ29sb3J9KTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuXG4gICAgaW5wdXQ6Y2hlY2tlZCArIGxhYmVsICYge1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7bWFwcGluZ092ZXJyaWRlfTtcblxuICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLm1hcmdpbn0pO1xuXG4gICAgJHthcHBseU5vVXNlclNlbGVjdCgpfTtcblxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgLiR7Y2xhc3Nlcy5zaW5nbGVMaW5lfSB7XG4gICAgICAgICR7YXBwbHlFbGxpcHNpcygpfTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEb0IifQ== */");
|
|
@@ -10,7 +10,7 @@ export var tokens = {
|
|
|
10
10
|
labelFontWeight: '--plasma-radiobox-label-font-weight',
|
|
11
11
|
labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
|
|
12
12
|
labelLineHeight: '--plasma-radiobox-label-line-height',
|
|
13
|
-
descriptionMarginTop: '--plasma-
|
|
13
|
+
descriptionMarginTop: '--plasma-radiobox-description-margin-top',
|
|
14
14
|
descriptionFontFamily: '--plasma-radiobox-description-font-family',
|
|
15
15
|
descriptionFontSize: '--plasma-radiobox-description-font-size',
|
|
16
16
|
descriptionFontStyle: '--plasma-radiobox-description-font-style',
|
|
@@ -18,10 +18,11 @@ export var tokens = {
|
|
|
18
18
|
descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
|
|
19
19
|
descriptionLineHeight: '--plasma-radiobox-description-line-height',
|
|
20
20
|
fillColor: '--plasma-radiobox-fill-color',
|
|
21
|
+
labelColor: '--plasma-radiobox-label-color',
|
|
21
22
|
descriptionColor: '--plasma-radiobox-description-color',
|
|
22
|
-
triggerBorderWidth: '--plasma-
|
|
23
|
+
triggerBorderWidth: '--plasma-radiobox-trigger-border-width',
|
|
23
24
|
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
|
24
|
-
triggerBorderCheckedColor: '--plasma-
|
|
25
|
+
triggerBorderCheckedColor: '--plasma-radiobox-trigger-border-checked-color',
|
|
25
26
|
triggerBackgroundColor: '--plasma-radiobox-trigger-background-color',
|
|
26
27
|
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
|
27
28
|
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
.Checkbox_styles_1dv1w6k_s14u8fnn__36f48cb9{color:var(--plasma-checkbox-label-color);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);}
|
|
8
8
|
.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9{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_1dv1w6k_s10clj68__36f48cb9.Checkbox_styles_1dv1w6k_onlyDescription__36f48cb9{margin-top:0;}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.base_3pww0u_b1yt66an__d38ccada input:checked + label .base_3pww0u_radioboxTrigger__d38ccada{background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-trigger-border-checked-color);}
|
|
11
11
|
|
|
12
12
|
.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{cursor:not-allowed;}
|
|
13
13
|
|
|
14
14
|
.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);}
|
|
15
15
|
|
|
16
|
-
.
|
|
17
|
-
.
|
|
16
|
+
.Radiobox_styles_1ex39qj_s14xglkp__11781662{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_1ex39qj_s14xglkp__11781662{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
|
17
|
+
.Radiobox_styles_1ex39qj_bdte4ex__11781662{--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-radiobox-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-label-color:var(--plasma-radiobox-label-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-width:var(--plasma-radiobox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-radiobox-trigger-border-checked-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-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-padding:var(--plasma-radiobox-trigger-padding);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;}.Radiobox_styles_1ex39qj_bdte4ex__11781662 .Radiobox_styles_1ex39qj_singleLine__11781662{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
@@ -1 +1 @@
|
|
|
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.triggerBorderWidth}: var(${tokens.triggerBorderWidth});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.triggerBorderColor});\n ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.triggerBorderCheckedColor});\n ${checkboxTokens.triggerBackgroundColor}: var(${tokens.triggerBackgroundColor});\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.triggerPadding}: var(${tokens.triggerPadding});\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\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n`;\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base"],"mappings":";;AAQA;;
|
|
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.labelColor}: var(${tokens.labelColor});\n ${checkboxTokens.descriptionColor}: var(${tokens.descriptionColor});\n ${checkboxTokens.triggerBorderWidth}: var(${tokens.triggerBorderWidth});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.triggerBorderColor});\n ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.triggerBorderCheckedColor});\n ${checkboxTokens.triggerBackgroundColor}: var(${tokens.triggerBackgroundColor});\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.triggerPadding}: var(${tokens.triggerPadding});\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\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n`;\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base"],"mappings":";;AAQA;;AA+BO,IAAMA,aAAa,gBAAGC,MAAM,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,GAchB;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
.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);}
|
|
2
|
-
.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-
|
|
2
|
+
.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-radiobox-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-label-color:var(--plasma-radiobox-label-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-width:var(--plasma-radiobox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-radiobox-trigger-border-checked-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-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-padding:var(--plasma-radiobox-trigger-padding);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;}.bdte4ex .single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
@@ -10,7 +10,7 @@ var tokens = {
|
|
|
10
10
|
labelFontWeight: '--plasma-radiobox-label-font-weight',
|
|
11
11
|
labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
|
|
12
12
|
labelLineHeight: '--plasma-radiobox-label-line-height',
|
|
13
|
-
descriptionMarginTop: '--plasma-
|
|
13
|
+
descriptionMarginTop: '--plasma-radiobox-description-margin-top',
|
|
14
14
|
descriptionFontFamily: '--plasma-radiobox-description-font-family',
|
|
15
15
|
descriptionFontSize: '--plasma-radiobox-description-font-size',
|
|
16
16
|
descriptionFontStyle: '--plasma-radiobox-description-font-style',
|
|
@@ -18,10 +18,11 @@ var tokens = {
|
|
|
18
18
|
descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
|
|
19
19
|
descriptionLineHeight: '--plasma-radiobox-description-line-height',
|
|
20
20
|
fillColor: '--plasma-radiobox-fill-color',
|
|
21
|
+
labelColor: '--plasma-radiobox-label-color',
|
|
21
22
|
descriptionColor: '--plasma-radiobox-description-color',
|
|
22
|
-
triggerBorderWidth: '--plasma-
|
|
23
|
+
triggerBorderWidth: '--plasma-radiobox-trigger-border-width',
|
|
23
24
|
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
|
24
|
-
triggerBorderCheckedColor: '--plasma-
|
|
25
|
+
triggerBorderCheckedColor: '--plasma-radiobox-trigger-border-checked-color',
|
|
25
26
|
triggerBackgroundColor: '--plasma-radiobox-trigger-background-color',
|
|
26
27
|
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
|
27
28
|
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
|
@@ -1 +1 @@
|
|
|
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-
|
|
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-radiobox-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 labelColor: '--plasma-radiobox-label-color',\n descriptionColor: '--plasma-radiobox-description-color',\n triggerBorderWidth: '--plasma-radiobox-trigger-border-width',\n triggerBorderColor: '--plasma-radiobox-trigger-border-color',\n triggerBorderCheckedColor: '--plasma-radiobox-trigger-border-checked-color',\n triggerBackgroundColor: '--plasma-radiobox-trigger-background-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 triggerPadding: '--plasma-radiobox-trigger-padding',\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","labelColor","descriptionColor","triggerBorderWidth","triggerBorderColor","triggerBorderCheckedColor","triggerBackgroundColor","contentTopOffset","contentLeftOffset","triggerSize","triggerBorderRadius","triggerPadding","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,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,yBAAyB,EAAE,gDAAgD;AAC3EC,EAAAA,sBAAsB,EAAE,4CAA4C;AAEpEC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,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;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b1yt66an input:checked + label .radiobox-trigger{background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-
|
|
1
|
+
.b1yt66an input:checked + label .radiobox-trigger{background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-trigger-border-checked-color);}
|
package/es/index.css
CHANGED
|
@@ -127,14 +127,14 @@
|
|
|
127
127
|
.Checkbox_styles_1dv1w6k_s14u8fnn__36f48cb9{color:var(--plasma-checkbox-label-color);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);}
|
|
128
128
|
.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9{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_1dv1w6k_s10clj68__36f48cb9.Checkbox_styles_1dv1w6k_onlyDescription__36f48cb9{margin-top:0;}
|
|
129
129
|
|
|
130
|
-
.
|
|
130
|
+
.base_3pww0u_b1yt66an__d38ccada input:checked + label .base_3pww0u_radioboxTrigger__d38ccada{background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-trigger-border-checked-color);}
|
|
131
131
|
|
|
132
132
|
.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{cursor:not-allowed;}
|
|
133
133
|
|
|
134
134
|
.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);}
|
|
135
135
|
|
|
136
|
-
.
|
|
137
|
-
.
|
|
136
|
+
.Radiobox_styles_1ex39qj_s14xglkp__11781662{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_1ex39qj_s14xglkp__11781662{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
|
137
|
+
.Radiobox_styles_1ex39qj_bdte4ex__11781662{--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-radiobox-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-label-color:var(--plasma-radiobox-label-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-width:var(--plasma-radiobox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-radiobox-trigger-border-checked-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-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-padding:var(--plasma-radiobox-trigger-padding);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;}.Radiobox_styles_1ex39qj_bdte4ex__11781662 .Radiobox_styles_1ex39qj_singleLine__11781662{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
138
138
|
|
|
139
139
|
.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
|
140
140
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.341.0-canary.1983.
|
|
3
|
+
"version": "0.341.0-canary.1983.19295272379.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "aad4d5c56c567c00125831b06278f00affab400b"
|
|
141
141
|
}
|
|
@@ -62,10 +62,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
62
62
|
return newObj;
|
|
63
63
|
}
|
|
64
64
|
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
|
65
|
-
var mappingOverride = "\n ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radioboxtokens.tokens.labelFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radioboxtokens.tokens.labelFontSize, ");\n ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radioboxtokens.tokens.labelFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radioboxtokens.tokens.labelFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.labelLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radioboxtokens.tokens.labelLineHeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radioboxtokens.tokens.descriptionMarginTop, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radioboxtokens.tokens.descriptionFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radioboxtokens.tokens.descriptionFontSize, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radioboxtokens.tokens.descriptionFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radioboxtokens.tokens.descriptionFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.descriptionLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radioboxtokens.tokens.descriptionLineHeight, ");\n\n ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radioboxtokens.tokens.fillColor, ");\n ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radioboxtokens.tokens.descriptionColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderWidth, ": var(").concat(_Radioboxtokens.tokens.triggerBorderWidth, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderCheckedColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderCheckedColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBackgroundColor, ": var(").concat(_Radioboxtokens.tokens.triggerBackgroundColor, ");\n\n ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radioboxtokens.tokens.contentTopOffset, ");\n ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radioboxtokens.tokens.contentLeftOffset, ");\n ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radioboxtokens.tokens.triggerSize, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radioboxtokens.tokens.triggerBorderRadius, ");\n ").concat(_Checkbox.checkboxTokens.triggerPadding, ": var(").concat(_Radioboxtokens.tokens.triggerPadding, ");\n");
|
|
65
|
+
var mappingOverride = "\n ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radioboxtokens.tokens.labelFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radioboxtokens.tokens.labelFontSize, ");\n ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radioboxtokens.tokens.labelFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radioboxtokens.tokens.labelFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.labelLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radioboxtokens.tokens.labelLineHeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radioboxtokens.tokens.descriptionMarginTop, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radioboxtokens.tokens.descriptionFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radioboxtokens.tokens.descriptionFontSize, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radioboxtokens.tokens.descriptionFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radioboxtokens.tokens.descriptionFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.descriptionLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radioboxtokens.tokens.descriptionLineHeight, ");\n\n ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radioboxtokens.tokens.fillColor, ");\n ").concat(_Checkbox.checkboxTokens.labelColor, ": var(").concat(_Radioboxtokens.tokens.labelColor, ");\n ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radioboxtokens.tokens.descriptionColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderWidth, ": var(").concat(_Radioboxtokens.tokens.triggerBorderWidth, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderCheckedColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderCheckedColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBackgroundColor, ": var(").concat(_Radioboxtokens.tokens.triggerBackgroundColor, ");\n\n ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radioboxtokens.tokens.contentTopOffset, ");\n ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radioboxtokens.tokens.contentLeftOffset, ");\n ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radioboxtokens.tokens.triggerSize, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radioboxtokens.tokens.triggerBorderRadius, ");\n ").concat(_Checkbox.checkboxTokens.triggerPadding, ": var(").concat(_Radioboxtokens.tokens.triggerPadding, ");\n");
|
|
66
66
|
var StyledEllipse = _styledcomponents.default.div.withConfig({
|
|
67
67
|
displayName: "Radiobox.styles__StyledEllipse",
|
|
68
|
-
componentId: "sc-
|
|
68
|
+
componentId: "sc-d4478364-0"
|
|
69
69
|
})([
|
|
70
70
|
"width:var(",
|
|
71
71
|
");height:var(",
|
|
@@ -28,7 +28,7 @@ var tokens = {
|
|
|
28
28
|
labelFontWeight: '--plasma-radiobox-label-font-weight',
|
|
29
29
|
labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
|
|
30
30
|
labelLineHeight: '--plasma-radiobox-label-line-height',
|
|
31
|
-
descriptionMarginTop: '--plasma-
|
|
31
|
+
descriptionMarginTop: '--plasma-radiobox-description-margin-top',
|
|
32
32
|
descriptionFontFamily: '--plasma-radiobox-description-font-family',
|
|
33
33
|
descriptionFontSize: '--plasma-radiobox-description-font-size',
|
|
34
34
|
descriptionFontStyle: '--plasma-radiobox-description-font-style',
|
|
@@ -36,10 +36,11 @@ var tokens = {
|
|
|
36
36
|
descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
|
|
37
37
|
descriptionLineHeight: '--plasma-radiobox-description-line-height',
|
|
38
38
|
fillColor: '--plasma-radiobox-fill-color',
|
|
39
|
+
labelColor: '--plasma-radiobox-label-color',
|
|
39
40
|
descriptionColor: '--plasma-radiobox-description-color',
|
|
40
|
-
triggerBorderWidth: '--plasma-
|
|
41
|
+
triggerBorderWidth: '--plasma-radiobox-trigger-border-width',
|
|
41
42
|
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
|
42
|
-
triggerBorderCheckedColor: '--plasma-
|
|
43
|
+
triggerBorderCheckedColor: '--plasma-radiobox-trigger-border-checked-color',
|
|
43
44
|
triggerBackgroundColor: '--plasma-radiobox-trigger-background-color',
|
|
44
45
|
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
|
45
46
|
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
|
@@ -1,16 +1 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Combobox", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return Combobox;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _engines = require("../../../engines");
|
|
12
|
-
var _ = require("../../..");
|
|
13
|
-
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
-
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
-
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
-
var Combobox = ComboboxComponent;
|
|
@@ -4,10 +4,10 @@ import { checkboxTokens } from "../Checkbox";
|
|
|
4
4
|
import { applyEllipsis, applyNoUserSelect } from "../../mixins";
|
|
5
5
|
import { classes, tokens } from "./Radiobox.tokens";
|
|
6
6
|
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
|
7
|
-
var mappingOverride = "\n ".concat(checkboxTokens.labelFontFamily, ": var(").concat(tokens.labelFontFamily, ");\n ").concat(checkboxTokens.labelFontSize, ": var(").concat(tokens.labelFontSize, ");\n ").concat(checkboxTokens.labelFontStyle, ": var(").concat(tokens.labelFontStyle, ");\n ").concat(checkboxTokens.labelFontWeight, ": var(").concat(tokens.labelFontWeight, ");\n ").concat(checkboxTokens.labelLetterSpacing, ": var(").concat(tokens.labelLetterSpacing, ");\n ").concat(checkboxTokens.labelLineHeight, ": var(").concat(tokens.labelLineHeight, ");\n ").concat(checkboxTokens.descriptionMarginTop, ": var(").concat(tokens.descriptionMarginTop, ");\n ").concat(checkboxTokens.descriptionFontFamily, ": var(").concat(tokens.descriptionFontFamily, ");\n ").concat(checkboxTokens.descriptionFontSize, ": var(").concat(tokens.descriptionFontSize, ");\n ").concat(checkboxTokens.descriptionFontStyle, ": var(").concat(tokens.descriptionFontStyle, ");\n ").concat(checkboxTokens.descriptionFontWeight, ": var(").concat(tokens.descriptionFontWeight, ");\n ").concat(checkboxTokens.descriptionLetterSpacing, ": var(").concat(tokens.descriptionLetterSpacing, ");\n ").concat(checkboxTokens.descriptionLineHeight, ": var(").concat(tokens.descriptionLineHeight, ");\n\n ").concat(checkboxTokens.fillColor, ": var(").concat(tokens.fillColor, ");\n ").concat(checkboxTokens.descriptionColor, ": var(").concat(tokens.descriptionColor, ");\n ").concat(checkboxTokens.triggerBorderWidth, ": var(").concat(tokens.triggerBorderWidth, ");\n ").concat(checkboxTokens.triggerBorderColor, ": var(").concat(tokens.triggerBorderColor, ");\n ").concat(checkboxTokens.triggerBorderCheckedColor, ": var(").concat(tokens.triggerBorderCheckedColor, ");\n ").concat(checkboxTokens.triggerBackgroundColor, ": var(").concat(tokens.triggerBackgroundColor, ");\n\n ").concat(checkboxTokens.contentTopOffset, ": var(").concat(tokens.contentTopOffset, ");\n ").concat(checkboxTokens.contentLeftOffset, ": var(").concat(tokens.contentLeftOffset, ");\n ").concat(checkboxTokens.triggerSize, ": var(").concat(tokens.triggerSize, ");\n ").concat(checkboxTokens.triggerBorderRadius, ": var(").concat(tokens.triggerBorderRadius, ");\n ").concat(checkboxTokens.triggerPadding, ": var(").concat(tokens.triggerPadding, ");\n");
|
|
7
|
+
var mappingOverride = "\n ".concat(checkboxTokens.labelFontFamily, ": var(").concat(tokens.labelFontFamily, ");\n ").concat(checkboxTokens.labelFontSize, ": var(").concat(tokens.labelFontSize, ");\n ").concat(checkboxTokens.labelFontStyle, ": var(").concat(tokens.labelFontStyle, ");\n ").concat(checkboxTokens.labelFontWeight, ": var(").concat(tokens.labelFontWeight, ");\n ").concat(checkboxTokens.labelLetterSpacing, ": var(").concat(tokens.labelLetterSpacing, ");\n ").concat(checkboxTokens.labelLineHeight, ": var(").concat(tokens.labelLineHeight, ");\n ").concat(checkboxTokens.descriptionMarginTop, ": var(").concat(tokens.descriptionMarginTop, ");\n ").concat(checkboxTokens.descriptionFontFamily, ": var(").concat(tokens.descriptionFontFamily, ");\n ").concat(checkboxTokens.descriptionFontSize, ": var(").concat(tokens.descriptionFontSize, ");\n ").concat(checkboxTokens.descriptionFontStyle, ": var(").concat(tokens.descriptionFontStyle, ");\n ").concat(checkboxTokens.descriptionFontWeight, ": var(").concat(tokens.descriptionFontWeight, ");\n ").concat(checkboxTokens.descriptionLetterSpacing, ": var(").concat(tokens.descriptionLetterSpacing, ");\n ").concat(checkboxTokens.descriptionLineHeight, ": var(").concat(tokens.descriptionLineHeight, ");\n\n ").concat(checkboxTokens.fillColor, ": var(").concat(tokens.fillColor, ");\n ").concat(checkboxTokens.labelColor, ": var(").concat(tokens.labelColor, ");\n ").concat(checkboxTokens.descriptionColor, ": var(").concat(tokens.descriptionColor, ");\n ").concat(checkboxTokens.triggerBorderWidth, ": var(").concat(tokens.triggerBorderWidth, ");\n ").concat(checkboxTokens.triggerBorderColor, ": var(").concat(tokens.triggerBorderColor, ");\n ").concat(checkboxTokens.triggerBorderCheckedColor, ": var(").concat(tokens.triggerBorderCheckedColor, ");\n ").concat(checkboxTokens.triggerBackgroundColor, ": var(").concat(tokens.triggerBackgroundColor, ");\n\n ").concat(checkboxTokens.contentTopOffset, ": var(").concat(tokens.contentTopOffset, ");\n ").concat(checkboxTokens.contentLeftOffset, ": var(").concat(tokens.contentLeftOffset, ");\n ").concat(checkboxTokens.triggerSize, ": var(").concat(tokens.triggerSize, ");\n ").concat(checkboxTokens.triggerBorderRadius, ": var(").concat(tokens.triggerBorderRadius, ");\n ").concat(checkboxTokens.triggerPadding, ": var(").concat(tokens.triggerPadding, ");\n");
|
|
8
8
|
export var StyledEllipse = styled.div.withConfig({
|
|
9
9
|
displayName: "Radiobox.styles__StyledEllipse",
|
|
10
|
-
componentId: "sc-
|
|
10
|
+
componentId: "sc-d4478364-0"
|
|
11
11
|
})([
|
|
12
12
|
"width:var(",
|
|
13
13
|
");height:var(",
|
|
@@ -10,7 +10,7 @@ export var tokens = {
|
|
|
10
10
|
labelFontWeight: '--plasma-radiobox-label-font-weight',
|
|
11
11
|
labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
|
|
12
12
|
labelLineHeight: '--plasma-radiobox-label-line-height',
|
|
13
|
-
descriptionMarginTop: '--plasma-
|
|
13
|
+
descriptionMarginTop: '--plasma-radiobox-description-margin-top',
|
|
14
14
|
descriptionFontFamily: '--plasma-radiobox-description-font-family',
|
|
15
15
|
descriptionFontSize: '--plasma-radiobox-description-font-size',
|
|
16
16
|
descriptionFontStyle: '--plasma-radiobox-description-font-style',
|
|
@@ -18,10 +18,11 @@ export var tokens = {
|
|
|
18
18
|
descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
|
|
19
19
|
descriptionLineHeight: '--plasma-radiobox-description-line-height',
|
|
20
20
|
fillColor: '--plasma-radiobox-fill-color',
|
|
21
|
+
labelColor: '--plasma-radiobox-label-color',
|
|
21
22
|
descriptionColor: '--plasma-radiobox-description-color',
|
|
22
|
-
triggerBorderWidth: '--plasma-
|
|
23
|
+
triggerBorderWidth: '--plasma-radiobox-trigger-border-width',
|
|
23
24
|
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
|
24
|
-
triggerBorderCheckedColor: '--plasma-
|
|
25
|
+
triggerBorderCheckedColor: '--plasma-radiobox-trigger-border-checked-color',
|
|
25
26
|
triggerBackgroundColor: '--plasma-radiobox-trigger-background-color',
|
|
26
27
|
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
|
27
28
|
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { component, mergeConfig } from "../../../engines";
|
|
2
|
+
import { comboboxNewConfig } from "../../..";
|
|
3
|
+
import { config } from "./Combobox.config";
|
|
4
|
+
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
+
var ComboboxComponent = component(mergedConfig);
|
|
6
|
+
var Combobox = ComboboxComponent;
|
|
7
|
+
export { Combobox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radiobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radiobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.styles.ts"],"names":[],"mappings":"AAuCA,eAAO,MAAM,aAAa,qKAYzB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAchB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radiobox.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"Radiobox.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmClB,CAAC"}
|