@salutejs/plasma-new-hope 0.79.0-dev.0 → 0.80.0-canary.1176.9060349970.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Checkbox/Checkbox.css +13 -0
- package/cjs/components/Checkbox/Checkbox.js +22 -59
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +47 -0
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -0
- package/cjs/components/Checkbox/Checkbox.styles_1266095.css +7 -0
- package/cjs/components/Checkbox/Checkbox.tokens.js +41 -0
- package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -0
- package/cjs/components/Checkbox/IconsSvg.js +9 -9
- package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
- package/cjs/components/Checkbox/{_disabled → variations/_disabled}/base.js +2 -2
- package/cjs/components/Checkbox/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/cjs/components/Checkbox/variations/_focused/base.js +14 -0
- package/cjs/components/Checkbox/variations/_focused/base.js.map +1 -0
- package/cjs/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
- package/cjs/components/{Radiobox → Checkbox/variations}/_size/base.js +1 -1
- package/cjs/components/Checkbox/variations/_size/base.js.map +1 -0
- package/cjs/components/Checkbox/{_view → variations/_view}/base.js +2 -2
- package/cjs/components/Checkbox/variations/_view/base.js.map +1 -0
- package/cjs/components/Checkbox/variations/_view/base_x252cy.css +1 -0
- package/cjs/components/Radiobox/Radiobox.css +16 -0
- package/cjs/components/Radiobox/Radiobox.js +23 -32
- package/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js +19 -0
- package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -0
- package/cjs/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
- package/cjs/components/Radiobox/Radiobox.tokens.js +41 -0
- package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -0
- package/cjs/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js +2 -2
- package/cjs/components/Radiobox/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
- package/cjs/components/Radiobox/variations/_focused/base.js +9 -0
- package/cjs/components/Radiobox/variations/_focused/base.js.map +1 -0
- package/cjs/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
- package/cjs/components/{Checkbox → Radiobox/variations}/_size/base.js +1 -1
- package/cjs/components/Radiobox/variations/_size/base.js.map +1 -0
- package/cjs/components/Radiobox/variations/_view/base.js +9 -0
- package/cjs/components/Radiobox/variations/_view/base.js.map +1 -0
- package/cjs/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
- package/cjs/index.css +15 -15
- package/cjs/index.js +4 -0
- package/cjs/index.js.map +1 -1
- package/es/components/Checkbox/Checkbox.css +13 -0
- package/es/components/Checkbox/Checkbox.js +12 -43
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/Checkbox.styles.js +37 -0
- package/es/components/Checkbox/Checkbox.styles.js.map +1 -0
- package/es/components/Checkbox/Checkbox.styles_1266095.css +7 -0
- package/es/components/Checkbox/Checkbox.tokens.js +36 -0
- package/es/components/Checkbox/Checkbox.tokens.js.map +1 -0
- package/es/components/Checkbox/IconsSvg.js +9 -9
- package/es/components/Checkbox/IconsSvg.js.map +1 -1
- package/es/components/Checkbox/{_disabled → variations/_disabled}/base.js +2 -2
- package/es/components/Checkbox/variations/_disabled/base.js.map +1 -0
- package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/es/components/Checkbox/variations/_focused/base.js +10 -0
- package/es/components/Checkbox/variations/_focused/base.js.map +1 -0
- package/es/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
- package/es/components/Checkbox/{_size → variations/_size}/base.js +1 -1
- package/es/components/Checkbox/variations/_size/base.js.map +1 -0
- package/es/components/Checkbox/{_view → variations/_view}/base.js +2 -2
- package/es/components/Checkbox/variations/_view/base.js.map +1 -0
- package/es/components/Checkbox/variations/_view/base_x252cy.css +1 -0
- package/es/components/Radiobox/Radiobox.css +16 -0
- package/es/components/Radiobox/Radiobox.js +12 -21
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Radiobox/Radiobox.styles.js +14 -0
- package/es/components/Radiobox/Radiobox.styles.js.map +1 -0
- package/es/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
- package/es/components/Radiobox/Radiobox.tokens.js +36 -0
- package/es/components/Radiobox/Radiobox.tokens.js.map +1 -0
- package/es/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js +2 -2
- package/es/components/Radiobox/variations/_disabled/base.js.map +1 -0
- package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
- package/es/components/Radiobox/variations/_focused/base.js +5 -0
- package/es/components/Radiobox/variations/_focused/base.js.map +1 -0
- package/es/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
- package/es/components/Radiobox/{_size → variations/_size}/base.js +1 -1
- package/es/components/Radiobox/variations/_size/base.js.map +1 -0
- package/es/components/Radiobox/variations/_view/base.js +5 -0
- package/es/components/Radiobox/variations/_view/base.js.map +1 -0
- package/es/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
- package/es/index.css +15 -15
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.js +20 -40
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +33 -0
- package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +39 -0
- package/styled-components/cjs/components/Checkbox/Checkbox.types.js +5 -0
- package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
- package/styled-components/cjs/components/Checkbox/index.js +8 -1
- package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +10 -0
- package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +32 -0
- package/styled-components/cjs/components/Checkbox/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Radiobox/Radiobox.js +15 -22
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +19 -0
- package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +39 -0
- package/styled-components/cjs/components/Radiobox/index.js +8 -1
- package/styled-components/cjs/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -1
- package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +27 -0
- package/styled-components/cjs/components/Radiobox/variations/_view/base.js +9 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
- package/styled-components/es/components/Checkbox/Checkbox.js +12 -33
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +25 -0
- package/styled-components/es/components/Checkbox/Checkbox.tokens.js +33 -0
- package/styled-components/es/components/Checkbox/Checkbox.types.js +1 -0
- package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
- package/styled-components/es/components/Checkbox/index.js +2 -1
- package/styled-components/es/components/Checkbox/variations/_disabled/base.js +4 -0
- package/styled-components/es/components/Checkbox/variations/_focused/base.js +27 -0
- package/styled-components/es/components/Checkbox/variations/_view/base.js +4 -0
- package/styled-components/es/components/Checkbox/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Radiobox/Radiobox.js +13 -22
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +12 -0
- package/styled-components/es/components/Radiobox/Radiobox.tokens.js +33 -0
- package/styled-components/es/components/Radiobox/index.js +2 -1
- package/styled-components/es/components/Radiobox/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/Radiobox/variations/_focused/base.js +21 -0
- package/styled-components/es/components/Radiobox/variations/_view/base.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
- package/types/components/Checkbox/Checkbox.d.ts +4 -37
- package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.styles.d.ts +9 -0
- package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
- package/types/components/Checkbox/Checkbox.tokens.d.ts +34 -0
- package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -0
- package/types/components/Checkbox/Checkbox.types.d.ts +29 -0
- package/types/components/Checkbox/Checkbox.types.d.ts.map +1 -0
- package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
- package/types/components/Checkbox/index.d.ts +2 -1
- package/types/components/Checkbox/index.d.ts.map +1 -1
- package/types/components/Checkbox/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Checkbox/variations/_focused/base.d.ts +6 -0
- package/types/components/Checkbox/variations/_focused/base.d.ts.map +1 -0
- package/types/components/Checkbox/variations/_size/base.d.ts.map +1 -0
- package/types/components/Checkbox/variations/_view/base.d.ts.map +1 -0
- package/types/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.styles.d.ts +4 -0
- package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -0
- package/types/components/Radiobox/Radiobox.tokens.d.ts +34 -0
- package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -0
- package/types/components/Radiobox/index.d.ts +1 -0
- package/types/components/Radiobox/index.d.ts.map +1 -1
- package/types/components/Radiobox/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Radiobox/variations/_focused/base.d.ts.map +1 -0
- package/types/components/Radiobox/variations/_size/base.d.ts.map +1 -0
- package/types/components/Radiobox/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +0 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +0 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +0 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/cjs/components/Checkbox/Checkbox_1q4l832.css +0 -7
- package/cjs/components/Checkbox/_disabled/base.js.map +0 -1
- package/cjs/components/Checkbox/_disabled/base_fyu17z.css +0 -1
- package/cjs/components/Checkbox/_focused/base.js.map +0 -1
- package/cjs/components/Checkbox/_focused/base_po5iiu.css +0 -1
- package/cjs/components/Checkbox/_size/base.js.map +0 -1
- package/cjs/components/Checkbox/_view/base.js.map +0 -1
- package/cjs/components/Checkbox/_view/base_1vqr3f.css +0 -1
- package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
- package/cjs/components/Radiobox/_disabled/base.js +0 -9
- package/cjs/components/Radiobox/_disabled/base.js.map +0 -1
- package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
- package/cjs/components/Radiobox/_focused/base.js +0 -9
- package/cjs/components/Radiobox/_focused/base.js.map +0 -1
- package/cjs/components/Radiobox/_size/base.js.map +0 -1
- package/cjs/components/Radiobox/_view/base.js +0 -9
- package/cjs/components/Radiobox/_view/base.js.map +0 -1
- package/es/components/Checkbox/Checkbox_1q4l832.css +0 -7
- package/es/components/Checkbox/_disabled/base.js.map +0 -1
- package/es/components/Checkbox/_disabled/base_fyu17z.css +0 -1
- package/es/components/Checkbox/_focused/base.js.map +0 -1
- package/es/components/Checkbox/_focused/base_po5iiu.css +0 -1
- package/es/components/Checkbox/_size/base.js.map +0 -1
- package/es/components/Checkbox/_view/base.js.map +0 -1
- package/es/components/Checkbox/_view/base_1vqr3f.css +0 -1
- package/es/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
- package/es/components/Radiobox/_disabled/base.js +0 -5
- package/es/components/Radiobox/_disabled/base.js.map +0 -1
- package/es/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
- package/es/components/Radiobox/_focused/base.js +0 -5
- package/es/components/Radiobox/_focused/base.js.map +0 -1
- package/es/components/Radiobox/_size/base.js.map +0 -1
- package/es/components/Radiobox/_view/base.js +0 -5
- package/es/components/Radiobox/_view/base.js.map +0 -1
- package/styled-components/cjs/components/Checkbox/_focused/base.js +0 -26
- package/styled-components/cjs/components/Checkbox/_view/base.js +0 -8
- package/styled-components/cjs/components/Checkbox/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Radiobox/_disabled/base.js +0 -8
- package/styled-components/cjs/components/Radiobox/_focused/base.js +0 -26
- package/styled-components/cjs/components/Radiobox/_view/base.js +0 -8
- package/styled-components/es/components/Checkbox/_disabled/base.js +0 -2
- package/styled-components/es/components/Checkbox/_focused/base.js +0 -20
- package/styled-components/es/components/Checkbox/_view/base.js +0 -2
- package/styled-components/es/components/Checkbox/_view/tokens.json +0 -1
- package/styled-components/es/components/Radiobox/_disabled/base.js +0 -2
- package/styled-components/es/components/Radiobox/_focused/base.js +0 -20
- package/styled-components/es/components/Radiobox/_view/base.js +0 -2
- package/types/components/Checkbox/_disabled/base.d.ts.map +0 -1
- package/types/components/Checkbox/_focused/base.d.ts.map +0 -1
- package/types/components/Checkbox/_size/base.d.ts.map +0 -1
- package/types/components/Checkbox/_view/base.d.ts.map +0 -1
- package/types/components/Radiobox/_disabled/base.d.ts.map +0 -1
- package/types/components/Radiobox/_focused/base.d.ts.map +0 -1
- package/types/components/Radiobox/_size/base.d.ts.map +0 -1
- package/types/components/Radiobox/_view/base.d.ts +0 -2
- package/types/components/Radiobox/_view/base.d.ts.map +0 -1
- /package/cjs/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
- /package/cjs/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
- /package/es/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
- /package/es/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
- /package/styled-components/cjs/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/es/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/es/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
- /package/types/components/Checkbox/{_disabled → variations/_disabled}/base.d.ts +0 -0
- /package/types/components/Checkbox/{_focused → variations/_size}/base.d.ts +0 -0
- /package/types/components/Checkbox/{_size → variations/_view}/base.d.ts +0 -0
- /package/types/components/{Checkbox/_view → Radiobox/variations/_disabled}/base.d.ts +0 -0
- /package/types/components/Radiobox/{_disabled → variations/_focused}/base.d.ts +0 -0
- /package/types/components/Radiobox/{_focused → variations/_size}/base.d.ts +0 -0
- /package/types/components/Radiobox/{_size → variations/_view}/base.d.ts +0 -0
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n input:checked + label .${classes.radioboxTrigger} {\n border: none;\n background: var(${tokens.fillColor});\n border-color: var(${tokens.fillColor});\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAMhB;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
.b1yt66an input:checked + label .radiobox-trigger{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
|
package/es/index.css
CHANGED
@@ -69,28 +69,28 @@
|
|
69
69
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
70
70
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
71
71
|
|
72
|
-
.
|
72
|
+
.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
|
73
73
|
|
74
|
-
.
|
74
|
+
.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
|
75
75
|
|
76
|
-
.
|
76
|
+
.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
|
77
77
|
|
78
|
-
.
|
79
|
-
.
|
80
|
-
.
|
81
|
-
.
|
82
|
-
.
|
83
|
-
.
|
84
|
-
.
|
78
|
+
.Checkbox_styles_1266095_b1udywkg__e7223270{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_1266095_b1udywkg__e7223270 .Checkbox_styles_1266095_singleLine__e7223270{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
79
|
+
.Checkbox_styles_1266095_s165w87d__e7223270{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1266095_s165w87d__e7223270:focus{outline:0 none;}
|
80
|
+
.Checkbox_styles_1266095_sft3zxv__e7223270{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
81
|
+
.Checkbox_styles_1266095_s1u3nd7e__e7223270{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
|
82
|
+
.Checkbox_styles_1266095_shwv1in__e7223270{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
83
|
+
.Checkbox_styles_1266095_s1my1ay__e7223270{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
84
|
+
.Checkbox_styles_1266095_s14u8fnn__e7223270{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1266095_s14u8fnn__e7223270.Checkbox_styles_1266095_onlyDescription__e7223270{margin-top:0;}
|
85
85
|
|
86
|
-
.
|
86
|
+
.base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
|
87
87
|
|
88
|
-
.
|
88
|
+
.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{cursor:not-allowed;}
|
89
89
|
|
90
|
-
.
|
90
|
+
.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);}
|
91
91
|
|
92
|
-
.
|
93
|
-
.
|
92
|
+
.Radiobox_styles_1skfuon_s14xglkp__585ca743{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_1skfuon_s14xglkp__585ca743{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
93
|
+
.Radiobox_styles_1skfuon_bdte4ex__585ca743{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_styles_1skfuon_bdte4ex__585ca743 .Radiobox_styles_1skfuon_singleLine__585ca743{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
94
94
|
|
95
95
|
.Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
|
96
96
|
.Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
package/es/index.js
CHANGED
@@ -32,8 +32,10 @@ export { linkConfig, linkRoot } from './components/Link/Link.js';
|
|
32
32
|
export { spinnerConfig, spinnerRoot } from './components/Spinner/Spinner.js';
|
33
33
|
export { tokens as spinnerTokens } from './components/Spinner/Spinner.tokens.js';
|
34
34
|
export { checkboxConfig, checkboxRoot } from './components/Checkbox/Checkbox.js';
|
35
|
+
export { tokens as checkboxTokens } from './components/Checkbox/Checkbox.tokens.js';
|
35
36
|
export { radioboxConfig, radioboxRoot } from './components/Radiobox/Radiobox.js';
|
36
37
|
export { RadioGroup } from './components/Radiobox/RadioGroup.js';
|
38
|
+
export { tokens as radioboxTokens } from './components/Radiobox/Radiobox.tokens.js';
|
37
39
|
export { popoverConfig, popoverRoot } from './components/Popover/Popover.js';
|
38
40
|
export { classes as popoverClasses, tokens as popoverTokens } from './components/Popover/Popover.tokens.js';
|
39
41
|
export { textAreaConfig, textAreaRoot } from './components/TextArea/TextArea.js';
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.80.0-canary.1176.9060349970.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -102,5 +102,5 @@
|
|
102
102
|
"react-popper": "2.3.0",
|
103
103
|
"storeon": "3.1.5"
|
104
104
|
},
|
105
|
-
"gitHead": "
|
105
|
+
"gitHead": "f34552f766e9293e9d1211c89dbe1edec8d35a75"
|
106
106
|
}
|
@@ -4,44 +4,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.checkboxRoot = exports.checkboxConfig =
|
7
|
+
exports.checkboxRoot = exports.checkboxConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
10
9
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
11
|
-
var _mixins = /*#__PURE__*/require("../../mixins");
|
12
10
|
var _utils = /*#__PURE__*/require("../../utils");
|
13
|
-
var _base = /*#__PURE__*/require("./_view/base");
|
14
|
-
var _base2 = /*#__PURE__*/require("./_size/base");
|
15
|
-
var _base3 = /*#__PURE__*/require("./_disabled/base");
|
16
|
-
var _base4 = /*#__PURE__*/require("./_focused/base");
|
11
|
+
var _base = /*#__PURE__*/require("./variations/_view/base");
|
12
|
+
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
13
|
+
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
14
|
+
var _base4 = /*#__PURE__*/require("./variations/_focused/base");
|
17
15
|
var _IconsSvg = /*#__PURE__*/require("./IconsSvg");
|
16
|
+
var _Checkbox = /*#__PURE__*/require("./Checkbox.styles");
|
17
|
+
var _Checkbox2 = /*#__PURE__*/require("./Checkbox.tokens");
|
18
|
+
var _Indeterminate, _Done;
|
18
19
|
var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
|
19
|
-
var _templateObject, _Indeterminate, _Done;
|
20
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
21
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
22
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
23
23
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
24
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
25
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
26
|
-
var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
27
|
-
componentId: "plasma-new-hope__sc-1lv7grl-0"
|
28
|
-
})(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
|
29
|
-
var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
30
|
-
componentId: "plasma-new-hope__sc-1lv7grl-1"
|
31
|
-
})(["margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"]);
|
32
|
-
var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
33
|
-
componentId: "plasma-new-hope__sc-1lv7grl-2"
|
34
|
-
})(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
|
35
|
-
var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
36
|
-
componentId: "plasma-new-hope__sc-1lv7grl-3"
|
37
|
-
})(["display:flex;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);"]);
|
38
|
-
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
39
|
-
componentId: "plasma-new-hope__sc-1lv7grl-4"
|
40
|
-
})(["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);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);"]);
|
41
|
-
var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
42
|
-
componentId: "plasma-new-hope__sc-1lv7grl-5"
|
43
|
-
})(["margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);"]);
|
44
|
-
var base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n .single-line {\n ", ";\n }\n\n margin: var(--plasma-checkbox-margin);\n\n &.reset-margins {\n margin: 0;\n }\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n"])), /*#__PURE__*/(0, _mixins.applyEllipsis)(), /*#__PURE__*/(0, _mixins.applyNoUserSelect)());
|
45
25
|
var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
|
46
26
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
47
27
|
var size = props.size,
|
@@ -75,17 +55,17 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
|
|
75
55
|
var isLabelAriaHidden = typeof label === 'string';
|
76
56
|
var canFocused = focused ? 0 : -1;
|
77
57
|
var hasContent = label || description;
|
78
|
-
var singleLineClass = singleLine ?
|
79
|
-
var
|
58
|
+
var singleLineClass = singleLine ? _Checkbox2.classes.singleLine : undefined;
|
59
|
+
var onlyDescriptionClass = !label && description ? _Checkbox2.classes.onlyDescription : undefined;
|
80
60
|
return /*#__PURE__*/_react["default"].createElement(Root, {
|
81
61
|
view: view,
|
82
62
|
size: size,
|
83
63
|
disabled: disabled,
|
84
64
|
focused: focused,
|
85
65
|
style: style,
|
86
|
-
className:
|
66
|
+
className: className,
|
87
67
|
tabIndex: -1
|
88
|
-
}, /*#__PURE__*/_react["default"].createElement(StyledInput, _extends({}, rest, {
|
68
|
+
}, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledInput, _extends({}, rest, {
|
89
69
|
id: checkboxId,
|
90
70
|
ref: forkRef,
|
91
71
|
type: "checkbox",
|
@@ -93,18 +73,18 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
|
|
93
73
|
"aria-label": ariaLabel,
|
94
74
|
"aria-describedby": uniqDescriptionId,
|
95
75
|
tabIndex: canFocused
|
96
|
-
})), /*#__PURE__*/_react["default"].createElement(StyledContentWrapper, {
|
76
|
+
})), /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContentWrapper, {
|
97
77
|
htmlFor: checkboxId
|
98
|
-
}, /*#__PURE__*/_react["default"].createElement(StyledTrigger, {
|
99
|
-
className:
|
100
|
-
}, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null))), hasContent && /*#__PURE__*/_react["default"].createElement(StyledContent, {
|
78
|
+
}, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
|
79
|
+
className: _Checkbox2.classes.checkboxTrigger
|
80
|
+
}, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
|
101
81
|
className: singleLineClass
|
102
|
-
}, label && /*#__PURE__*/_react["default"].createElement(StyledLabel, {
|
82
|
+
}, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
|
103
83
|
className: singleLineClass,
|
104
84
|
id: uniqLabelId,
|
105
85
|
"aria-hidden": isLabelAriaHidden
|
106
|
-
}, label), description && /*#__PURE__*/_react["default"].createElement(StyledDescription, {
|
107
|
-
className: singleLineClass,
|
86
|
+
}, label), description && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledDescription, {
|
87
|
+
className: (0, _utils.cx)(singleLineClass, onlyDescriptionClass),
|
108
88
|
id: uniqDescriptionId
|
109
89
|
}, description))));
|
110
90
|
});
|
@@ -113,7 +93,7 @@ var checkboxConfig = exports.checkboxConfig = {
|
|
113
93
|
name: 'Checkbox',
|
114
94
|
tag: 'div',
|
115
95
|
layout: checkboxRoot,
|
116
|
-
base: base,
|
96
|
+
base: _Checkbox.base,
|
117
97
|
variations: {
|
118
98
|
size: {
|
119
99
|
css: _base2.base
|
@@ -0,0 +1,33 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
|
8
|
+
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
+
var _mixins = /*#__PURE__*/require("../../mixins");
|
10
|
+
var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
|
11
|
+
var _templateObject;
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
14
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n margin: var(", ");\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .", " {\n ", ";\n }\n"])), _Checkbox.tokens.margin, /*#__PURE__*/(0, _mixins.applyNoUserSelect)(), _Checkbox.classes.singleLine, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
16
|
+
var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
17
|
+
componentId: "plasma-new-hope__sc-tydhc1-0"
|
18
|
+
})(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
|
19
|
+
var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
20
|
+
componentId: "plasma-new-hope__sc-tydhc1-1"
|
21
|
+
})(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], _Checkbox.tokens.triggerMargin, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBorderColor);
|
22
|
+
var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
23
|
+
componentId: "plasma-new-hope__sc-tydhc1-2"
|
24
|
+
})(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
|
25
|
+
var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
26
|
+
componentId: "plasma-new-hope__sc-tydhc1-3"
|
27
|
+
})(["display:flex;flex-direction:column;margin-top:var(", ");margin-left:var(", ");"], _Checkbox.tokens.contentTopOffset, _Checkbox.tokens.contentLeftOffset);
|
28
|
+
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
29
|
+
componentId: "plasma-new-hope__sc-tydhc1-4"
|
30
|
+
})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Checkbox.tokens.labelFontFamily, _Checkbox.tokens.labelFontSize, _Checkbox.tokens.labelFontStyle, _Checkbox.tokens.labelFontWeight, _Checkbox.tokens.labelLetterSpacing, _Checkbox.tokens.labelLineHeight);
|
31
|
+
var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
|
+
componentId: "plasma-new-hope__sc-tydhc1-5"
|
33
|
+
})(["margin-top:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&.", "{margin-top:0;}"], _Checkbox.tokens.descriptionMarginTop, _Checkbox.tokens.descriptionColor, _Checkbox.tokens.descriptionFontFamily, _Checkbox.tokens.descriptionFontSize, _Checkbox.tokens.descriptionFontStyle, _Checkbox.tokens.descriptionFontWeight, _Checkbox.tokens.descriptionLetterSpacing, _Checkbox.tokens.descriptionLineHeight, _Checkbox.classes.onlyDescription);
|
@@ -0,0 +1,39 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tokens = exports.classes = void 0;
|
7
|
+
var classes = exports.classes = {
|
8
|
+
singleLine: 'single-line',
|
9
|
+
checkboxTrigger: 'checkbox-trigger',
|
10
|
+
onlyDescription: 'only-description'
|
11
|
+
};
|
12
|
+
var tokens = exports.tokens = {
|
13
|
+
margin: '--plasma-checkbox-margin',
|
14
|
+
triggerMargin: '--plasma-checkbox-trigger-margin',
|
15
|
+
triggerSize: '--plasma-checkbox-trigger-size',
|
16
|
+
triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',
|
17
|
+
contentTopOffset: '--plasma-checkbox-content-top-offset',
|
18
|
+
contentLeftOffset: '--plasma-checkbox-content-left-offset',
|
19
|
+
labelFontFamily: '--plasma-checkbox-label-font-family',
|
20
|
+
labelFontSize: '--plasma-checkbox-label-font-size',
|
21
|
+
labelFontStyle: '--plasma-checkbox-label-font-style',
|
22
|
+
labelFontWeight: '--plasma-checkbox-label-font-weight',
|
23
|
+
labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',
|
24
|
+
labelLineHeight: '--plasma-checkbox-label-line-height',
|
25
|
+
descriptionMarginTop: '--plasma-checkbox-description-margin-top',
|
26
|
+
descriptionOnlyMarginTop: '--plasma-checkbox-description-only-margin-top',
|
27
|
+
descriptionFontFamily: '--plasma-checkbox-description-font-family',
|
28
|
+
descriptionFontSize: '--plasma-checkbox-description-font-size',
|
29
|
+
descriptionFontStyle: '--plasma-checkbox-description-font-style',
|
30
|
+
descriptionFontWeight: '--plasma-checkbox-description-font-weight',
|
31
|
+
descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',
|
32
|
+
descriptionLineHeight: '--plasma-checkbox-description-line-height',
|
33
|
+
fillColor: '--plasma-checkbox-fill-color',
|
34
|
+
iconColor: '--plasma-checkbox-icon-color',
|
35
|
+
descriptionColor: '--plasma-checkbox-description-color',
|
36
|
+
triggerBorderColor: '--plasma-checkbox-trigger-border-color',
|
37
|
+
focusColor: '--plasma-checkbox-focus-color',
|
38
|
+
disabledOpacity: '--plasma-checkbox-disabled-opacity'
|
39
|
+
};
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.Indeterminate = exports.Done = void 0;
|
7
7
|
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
-
var
|
8
|
+
var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
10
|
var Done = exports.Done = function Done() {
|
11
11
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
@@ -17,12 +17,12 @@ var Done = exports.Done = function Done() {
|
|
17
17
|
viewBox: "0 0 18 18",
|
18
18
|
fill: "none",
|
19
19
|
style: {
|
20
|
-
width:
|
20
|
+
width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
|
21
21
|
}
|
22
|
-
},
|
23
|
-
fill: "var(
|
22
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
23
|
+
fill: "var(".concat(_Checkbox.tokens.iconColor, ")"),
|
24
24
|
d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
|
25
|
-
})))
|
25
|
+
})));
|
26
26
|
};
|
27
27
|
var Indeterminate = exports.Indeterminate = function Indeterminate() {
|
28
28
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
@@ -34,12 +34,12 @@ var Indeterminate = exports.Indeterminate = function Indeterminate() {
|
|
34
34
|
viewBox: "0 0 18 18",
|
35
35
|
fill: "none",
|
36
36
|
style: {
|
37
|
-
width:
|
37
|
+
width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
|
38
38
|
}
|
39
|
-
},
|
39
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
40
40
|
strokeLinecap: "round",
|
41
41
|
strokeWidth: "2",
|
42
|
-
stroke: "var(
|
42
|
+
stroke: "var(".concat(_Checkbox.tokens.iconColor, ")"),
|
43
43
|
d: "m5.09449,9.0315l8,0"
|
44
|
-
})))
|
44
|
+
})));
|
45
45
|
};
|
@@ -15,4 +15,11 @@ Object.defineProperty(exports, "checkboxRoot", {
|
|
15
15
|
return _Checkbox.checkboxRoot;
|
16
16
|
}
|
17
17
|
});
|
18
|
-
|
18
|
+
Object.defineProperty(exports, "checkboxTokens", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _Checkbox2.tokens;
|
22
|
+
}
|
23
|
+
});
|
24
|
+
var _Checkbox = /*#__PURE__*/require("./Checkbox");
|
25
|
+
var _Checkbox2 = /*#__PURE__*/require("./Checkbox.tokens");
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _Checkbox = /*#__PURE__*/require("../../Checkbox.styles");
|
9
|
+
var _Checkbox2 = /*#__PURE__*/require("../../Checkbox.tokens");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input:disabled + ", "{opacity:var(", ");}input:disabled + ", "{cursor:not-allowed;}"], _Checkbox.StyledContentWrapper, _Checkbox2.tokens.disabledOpacity, _Checkbox.StyledContentWrapper);
|
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
9
|
+
var _Checkbox = /*#__PURE__*/require("../../Checkbox.tokens");
|
10
|
+
/**
|
11
|
+
* INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},
|
12
|
+
* потому что линтер правит селектор и он применяется некорректно
|
13
|
+
*/
|
14
|
+
|
15
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .checkbox-trigger,input[type='checkbox'][data-focus-visible-added]:indeterminate + label .", "{", "}"], _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
|
16
|
+
outlineOffset: '0',
|
17
|
+
outlineSize: '0.125rem',
|
18
|
+
outlineRadius: /*#__PURE__*/"var(".concat(_Checkbox.tokens.triggerBorderRadius, ")"),
|
19
|
+
outlineColor: 'transparent'
|
20
|
+
}), _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
|
21
|
+
outlineOffset: '-0.125rem',
|
22
|
+
outlineSize: '0.125rem',
|
23
|
+
outlineRadius: /*#__PURE__*/"var(".concat(_Checkbox.tokens.triggerBorderRadius, ")"),
|
24
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Checkbox.tokens.focusColor, ")"),
|
25
|
+
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(_Checkbox.tokens.focusColor, ");\n }\n ")
|
26
|
+
}), _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
|
27
|
+
outlineOffset: '-0.125rem',
|
28
|
+
outlineSize: '0.063rem',
|
29
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Checkbox.tokens.triggerBorderRadius, ") + 0.125rem)"),
|
30
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Checkbox.tokens.focusColor, ")"),
|
31
|
+
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.063rem var(".concat(_Checkbox.tokens.focusColor, ");\n }\n ")
|
32
|
+
}));
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _Checkbox = /*#__PURE__*/require("../../Checkbox.styles");
|
9
|
+
var _Checkbox2 = /*#__PURE__*/require("../../Checkbox.tokens");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input[type='checkbox']:indeterminate + ", " ", "{border:none;background:var(", ");border-color:var(", ");}input:checked + ", " ", "{border:none;background:var(", ");border-color:var(", ");}"], _Checkbox.StyledContentWrapper, _Checkbox.StyledTrigger, _Checkbox2.tokens.fillColor, _Checkbox2.tokens.fillColor, _Checkbox.StyledContentWrapper, _Checkbox.StyledTrigger, _Checkbox2.tokens.fillColor, _Checkbox2.tokens.fillColor);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-checkbox-fill-color"]
|
@@ -6,29 +6,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.radioboxRoot = exports.radioboxConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
10
9
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
11
|
-
var
|
12
|
-
var _Checkbox = /*#__PURE__*/require("../Checkbox/Checkbox");
|
10
|
+
var _Checkbox = /*#__PURE__*/require("../Checkbox/Checkbox.styles");
|
13
11
|
var _utils = /*#__PURE__*/require("../../utils");
|
14
|
-
var _base = /*#__PURE__*/require("./_view/base");
|
15
|
-
var _base2 = /*#__PURE__*/require("./_size/base");
|
16
|
-
var _base3 = /*#__PURE__*/require("./_disabled/base");
|
17
|
-
var _base4 = /*#__PURE__*/require("./_focused/base");
|
12
|
+
var _base = /*#__PURE__*/require("./variations/_view/base");
|
13
|
+
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
14
|
+
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
15
|
+
var _base4 = /*#__PURE__*/require("./variations/_focused/base");
|
16
|
+
var _Radiobox = /*#__PURE__*/require("./Radiobox.styles");
|
17
|
+
var _Radiobox2 = /*#__PURE__*/require("./Radiobox.tokens");
|
18
|
+
var _StyledEllipse;
|
18
19
|
var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "style", "className", "singleLine", "aria-label"];
|
19
|
-
var _templateObject, _StyledEllipse;
|
20
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
21
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
22
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
23
23
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
24
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
25
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
26
|
-
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
27
|
-
var mappingOverride = "\n --plasma-checkbox-label-font-family: var(--plasma-radiobox-label-font-family);\n --plasma-checkbox-label-font-size: var(--plasma-radiobox-label-font-size);\n --plasma-checkbox-label-font-style: var(--plasma-radiobox-label-font-style);\n --plasma-checkbox-label-font-weight: var(--plasma-radiobox-label-font-weight);\n --plasma-checkbox-label-letter-spacing: var(--plasma-radiobox-label-letter-spacing);\n --plasma-checkbox-label-line-height: var(--plasma-radiobox-label-line-height);\n --plasma-checkbox-description-font-family: var(--plasma-radiobox-description-font-family);\n --plasma-checkbox-description-font-size: var(--plasma-radiobox-description-font-size);\n --plasma-checkbox-description-font-style: var(--plasma-radiobox-description-font-style);\n --plasma-checkbox-description-font-weight: var(--plasma-radiobox-description-font-weight);\n --plasma-checkbox-description-letter-spacing: var(--plasma-radiobox-description-letter-spacing);\n --plasma-checkbox-description-line-height: var(--plasma-radiobox-description-line-height);\n --plasma-checkbox-fill-color: var(--plasma-radiobox-fill-color);\n --plasma-checkbox-description-color: var(--plasma-radiobox-description-color);\n --plasma-checkbox-trigger-border-color: var(--plasma-radiobox-trigger-border-color);\n --plasma-checkbox-content-top-offset: var(--plasma-radiobox-content-top-offset);\n --plasma-checkbox-content-left-offset: var(--plasma-radiobox-content-left-offset);\n --plasma-checkbox-trigger-size: var(--plasma-radiobox-trigger-size);\n --plasma-checkbox-trigger-border-radius: var(--plasma-radiobox-trigger-border-radius);\n --plasma-checkbox-trigger-margin: var(--plasma-radiobox-trigger-margin); \n";
|
28
|
-
var StyledEllipse = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
|
-
componentId: "plasma-new-hope__sc-fk5e49-0"
|
30
|
-
})(["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);transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"]);
|
31
|
-
var base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n .single-line {\n ", ";\n }\n\n margin: var(--plasma-radiobox-margin);\n\n &.reset-margins {\n margin: 0;\n }\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n"])), mappingOverride, /*#__PURE__*/(0, _mixins.applyEllipsis)(), /*#__PURE__*/(0, _mixins.applyNoUserSelect)());
|
32
25
|
var radioboxRoot = exports.radioboxRoot = function radioboxRoot(Root) {
|
33
26
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
34
27
|
var size = props.size,
|
@@ -54,15 +47,15 @@ var radioboxRoot = exports.radioboxRoot = function radioboxRoot(Root) {
|
|
54
47
|
var isLabelAriaHidden = typeof label === 'string';
|
55
48
|
var canFocused = focused ? 0 : -1;
|
56
49
|
var hasContent = label || description;
|
57
|
-
var singleLineClass = singleLine ?
|
58
|
-
var
|
50
|
+
var singleLineClass = singleLine ? _Radiobox2.classes.singleLine : undefined;
|
51
|
+
var onlyDescriptionClass = !label && description ? _Radiobox2.classes.onlyDescription : undefined;
|
59
52
|
return /*#__PURE__*/_react["default"].createElement(Root, {
|
60
53
|
view: view,
|
61
54
|
size: size,
|
62
55
|
disabled: disabled,
|
63
56
|
focused: focused,
|
64
57
|
style: style,
|
65
|
-
className:
|
58
|
+
className: className,
|
66
59
|
tabIndex: -1
|
67
60
|
}, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledInput, _extends({}, rest, {
|
68
61
|
id: radioboxId,
|
@@ -75,11 +68,11 @@ var radioboxRoot = exports.radioboxRoot = function radioboxRoot(Root) {
|
|
75
68
|
})), /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContentWrapper, {
|
76
69
|
htmlFor: radioboxId
|
77
70
|
}, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
|
78
|
-
className:
|
79
|
-
}, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/_react["default"].createElement(StyledEllipse, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
|
71
|
+
className: _Radiobox2.classes.radioboxTrigger
|
72
|
+
}, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/_react["default"].createElement(_Radiobox.StyledEllipse, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
|
80
73
|
className: singleLineClass
|
81
74
|
}, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
|
82
|
-
className: singleLineClass,
|
75
|
+
className: (0, _utils.cx)(singleLineClass, onlyDescriptionClass),
|
83
76
|
id: uniqLabelId,
|
84
77
|
"aria-hidden": isLabelAriaHidden
|
85
78
|
}, label), description && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledDescription, {
|
@@ -92,7 +85,7 @@ var radioboxConfig = exports.radioboxConfig = {
|
|
92
85
|
name: 'Radiobox',
|
93
86
|
tag: 'div',
|
94
87
|
layout: radioboxRoot,
|
95
|
-
base: base,
|
88
|
+
base: _Radiobox.base,
|
96
89
|
variations: {
|
97
90
|
size: {
|
98
91
|
css: _base2.base
|