@salutejs/sdds-finai 0.356.0 → 0.356.1-dev.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/dist/beta/cjs/EmbeddedButton/EmbeddedButton.config.js +9 -0
- package/dist/beta/css/cjs/components/_beta/EmbeddedButton/EmbeddedButton.config.js +8 -7
- package/dist/beta/css/cjs/components/_beta/EmbeddedButton/EmbeddedButton.config.js.map +1 -1
- package/dist/beta/css/cjs/components/_beta/EmbeddedButton/{EmbeddedButton.config_1kyw6dl.css → EmbeddedButton.config_zc4t48.css} +6 -5
- package/dist/beta/css/cjs/components/_beta/EmbeddedButton/EmbeddedButton.css +13 -12
- package/dist/beta/css/cjs/index.css +13 -12
- package/dist/beta/css/es/components/_beta/EmbeddedButton/EmbeddedButton.config.js +8 -7
- package/dist/beta/css/es/components/_beta/EmbeddedButton/EmbeddedButton.config.js.map +1 -1
- package/dist/beta/css/es/components/_beta/EmbeddedButton/{EmbeddedButton.config_1kyw6dl.css → EmbeddedButton.config_zc4t48.css} +6 -5
- package/dist/beta/css/es/components/_beta/EmbeddedButton/EmbeddedButton.css +13 -12
- package/dist/beta/css/es/index.css +13 -12
- package/dist/beta/emotion/cjs/EmbeddedButton/EmbeddedButton.config.js +9 -0
- package/dist/beta/emotion/es/EmbeddedButton/EmbeddedButton.config.js +10 -1
- package/dist/beta/es/EmbeddedButton/EmbeddedButton.config.js +10 -1
- package/dist/beta/types/EmbeddedButton/EmbeddedButton.config.d.ts +1 -0
- package/dist/beta/types/EmbeddedButton/EmbeddedButton.d.ts +1 -0
- package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js +30 -0
- package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/dist/css/cjs/components/Avatar/Avatar.config.js +23 -23
- package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/{es/components/Avatar/Avatar.config_194ow05.css → cjs/components/Avatar/Avatar.config_10406v1.css} +22 -22
- package/dist/css/cjs/components/Avatar/Avatar.css +22 -22
- package/dist/css/cjs/components/Button/Button.config.js +11 -10
- package/dist/css/cjs/components/Button/Button.config.js.map +1 -1
- package/dist/css/{es/components/Button/Button.config_1ycc2qc.css → cjs/components/Button/Button.config_rafi3h.css} +6 -5
- package/dist/css/cjs/components/Button/Button.css +16 -15
- package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js +16 -15
- package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/dist/css/cjs/components/ButtonGroup/{ButtonGroup.config_1a2vbl.css → ButtonGroup.config_k5yu4i.css} +10 -9
- package/dist/css/cjs/components/ButtonGroup/ButtonGroup.css +20 -19
- package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js +8 -7
- package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/dist/css/cjs/components/EmbedIconButton/{EmbedIconButton.config_cdgtoa.css → EmbedIconButton.config_vvzol4.css} +6 -5
- package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.css +13 -12
- package/dist/css/cjs/components/IconButton/IconButton.config.js +8 -7
- package/dist/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
- package/dist/css/{es/components/IconButton/IconButton.config_zugwrv.css → cjs/components/IconButton/IconButton.config_edu4ku.css} +6 -5
- package/dist/css/cjs/components/IconButton/IconButton.css +16 -15
- package/dist/css/cjs/components/LinkButton/LinkButton.config.js +7 -6
- package/dist/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
- package/dist/css/cjs/components/LinkButton/{LinkButton.config_195yqrn.css → LinkButton.config_1k8mr42.css} +5 -4
- package/dist/css/cjs/components/LinkButton/LinkButton.css +12 -11
- package/dist/css/cjs/components/LinkButton/LinkButton.js +27 -1
- package/dist/css/cjs/components/LinkButton/LinkButton.js.map +1 -1
- package/dist/css/cjs/components/Slider/Slider.config.js +1 -1
- package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
- package/dist/css/cjs/components/Slider/{Slider.config_czw5fa.css → Slider.config_1bu7g7m.css} +3 -3
- package/dist/css/cjs/components/Slider/Slider.css +9 -9
- package/dist/css/cjs/index.css +116 -111
- package/dist/css/cjs/index.js +4 -0
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js +28 -1
- package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/dist/css/es/components/Avatar/Avatar.config.js +23 -23
- package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/{cjs/components/Avatar/Avatar.config_194ow05.css → es/components/Avatar/Avatar.config_10406v1.css} +22 -22
- package/dist/css/es/components/Avatar/Avatar.css +22 -22
- package/dist/css/es/components/Button/Button.config.js +11 -10
- package/dist/css/es/components/Button/Button.config.js.map +1 -1
- package/dist/css/{cjs/components/Button/Button.config_1ycc2qc.css → es/components/Button/Button.config_rafi3h.css} +6 -5
- package/dist/css/es/components/Button/Button.css +16 -15
- package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js +16 -15
- package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/dist/css/es/components/ButtonGroup/{ButtonGroup.config_1a2vbl.css → ButtonGroup.config_k5yu4i.css} +10 -9
- package/dist/css/es/components/ButtonGroup/ButtonGroup.css +20 -19
- package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js +8 -7
- package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/dist/css/es/components/EmbedIconButton/{EmbedIconButton.config_cdgtoa.css → EmbedIconButton.config_vvzol4.css} +6 -5
- package/dist/css/es/components/EmbedIconButton/EmbedIconButton.css +13 -12
- package/dist/css/es/components/IconButton/IconButton.config.js +8 -7
- package/dist/css/es/components/IconButton/IconButton.config.js.map +1 -1
- package/dist/css/{cjs/components/IconButton/IconButton.config_zugwrv.css → es/components/IconButton/IconButton.config_edu4ku.css} +6 -5
- package/dist/css/es/components/IconButton/IconButton.css +16 -15
- package/dist/css/es/components/LinkButton/LinkButton.config.js +7 -6
- package/dist/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/dist/css/es/components/LinkButton/{LinkButton.config_195yqrn.css → LinkButton.config_1k8mr42.css} +5 -4
- package/dist/css/es/components/LinkButton/LinkButton.css +12 -11
- package/dist/css/es/components/LinkButton/LinkButton.js +23 -3
- package/dist/css/es/components/LinkButton/LinkButton.js.map +1 -1
- package/dist/css/es/components/Slider/Slider.config.js +1 -1
- package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
- package/dist/css/es/components/Slider/{Slider.config_czw5fa.css → Slider.config_1bu7g7m.css} +3 -3
- package/dist/css/es/components/Slider/Slider.css +9 -9
- package/dist/css/es/index.css +116 -111
- package/dist/css/es/index.js +1 -1
- package/dist/emotion/cjs/components/Button/Button.config.js +10 -0
- package/dist/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +10 -0
- package/dist/emotion/cjs/components/EmbedIconButton/EmbedIconButton.config.js +7 -0
- package/dist/emotion/cjs/components/IconButton/IconButton.config.js +7 -0
- package/dist/emotion/cjs/components/LinkButton/LinkButton.config.js +10 -0
- package/dist/emotion/cjs/components/LinkButton/LinkButton.js +78 -4
- package/dist/emotion/cjs/components/Notification/index.js +3 -0
- package/dist/emotion/cjs/components/Slider/Slider.config.js +3 -5
- package/dist/emotion/es/components/Button/Button.config.js +11 -1
- package/dist/emotion/es/components/ButtonGroup/ButtonGroup.config.js +11 -1
- package/dist/emotion/es/components/EmbedIconButton/EmbedIconButton.config.js +8 -1
- package/dist/emotion/es/components/IconButton/IconButton.config.js +8 -1
- package/dist/emotion/es/components/LinkButton/LinkButton.config.js +11 -1
- package/dist/emotion/es/components/LinkButton/LinkButton.js +22 -2
- package/dist/emotion/es/components/Notification/index.js +1 -1
- package/dist/emotion/es/components/Slider/Slider.config.js +3 -5
- package/dist/styled-components/cjs/components/Button/Button.config.js +10 -0
- package/dist/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +10 -0
- package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.config.js +7 -0
- package/dist/styled-components/cjs/components/IconButton/IconButton.config.js +7 -0
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +10 -0
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.js +85 -6
- package/dist/styled-components/cjs/components/Notification/index.js +3 -0
- package/dist/styled-components/cjs/components/Slider/Slider.config.js +3 -5
- package/dist/styled-components/es/components/Button/Button.config.js +11 -1
- package/dist/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +11 -1
- package/dist/styled-components/es/components/EmbedIconButton/EmbedIconButton.config.js +8 -1
- package/dist/styled-components/es/components/IconButton/IconButton.config.js +8 -1
- package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +11 -1
- package/dist/styled-components/es/components/LinkButton/LinkButton.js +27 -2
- package/dist/styled-components/es/components/Notification/index.js +1 -1
- package/dist/styled-components/es/components/Slider/Slider.config.js +3 -5
- package/package.json +9 -9
- package/types/components/Button/Button.config.d.ts +1 -0
- package/types/components/Button/Button.d.ts +2 -0
- package/types/components/ButtonGroup/ButtonGroup.config.d.ts +1 -0
- package/types/components/ButtonGroup/ButtonGroup.d.ts +1 -0
- package/types/components/DatePicker/DatePicker.d.ts +4 -0
- package/types/components/Drawer/Drawer.d.ts +1 -0
- package/types/components/EmbedIconButton/EmbedIconButton.config.d.ts +1 -0
- package/types/components/EmbedIconButton/EmbedIconButton.d.ts +1 -0
- package/types/components/IconButton/IconButton.config.d.ts +1 -0
- package/types/components/IconButton/IconButton.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.config.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.d.ts +35 -3
- package/types/components/Notification/index.d.ts +1 -1
- package/types/components/Range/Range.d.ts +144 -0
- package/types/components/Tabs/TabItem.d.ts +4 -2
- package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
- package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
|
@@ -79,6 +79,15 @@ const config = {
|
|
|
79
79
|
${_styledcomponents._beta_embeddedButtonTokens.spinnerColor}: ${_sdds_finai.textInfo};
|
|
80
80
|
${_styledcomponents._beta_embeddedButtonTokens.focusColor}: ${_sdds_finai.surfaceAccent};
|
|
81
81
|
${_styledcomponents._beta_embeddedButtonTokens.loadingIconOpacity}: 0.06;
|
|
82
|
+
`,
|
|
83
|
+
gradient: (0, _styledcomponents.css)`
|
|
84
|
+
${_styledcomponents._beta_embeddedButtonTokens.color}: ${_sdds_finai.textAccentGradient};
|
|
85
|
+
${_styledcomponents._beta_embeddedButtonTokens.colorHover}: ${_sdds_finai.textAccentGradient};
|
|
86
|
+
${_styledcomponents._beta_embeddedButtonTokens.colorActive}: ${_sdds_finai.textAccentGradient};
|
|
87
|
+
${_styledcomponents._beta_embeddedButtonTokens.backgroundColor}: transparent;
|
|
88
|
+
${_styledcomponents._beta_embeddedButtonTokens.spinnerColor}: ${_sdds_finai.textAccentGradient};
|
|
89
|
+
${_styledcomponents._beta_embeddedButtonTokens.focusColor}: ${_sdds_finai.surfaceAccent};
|
|
90
|
+
${_styledcomponents._beta_embeddedButtonTokens.loadingIconOpacity}: 0.06;
|
|
82
91
|
`
|
|
83
92
|
},
|
|
84
93
|
size: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./EmbeddedButton.
|
|
1
|
+
require('./EmbeddedButton.config_zc4t48.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -16,16 +16,17 @@ var config = {
|
|
|
16
16
|
positive: "p1bw1f7x",
|
|
17
17
|
warning: "w1dlisw0",
|
|
18
18
|
negative: "nbahvp7",
|
|
19
|
-
info: "i18eewdd"
|
|
19
|
+
info: "i18eewdd",
|
|
20
|
+
gradient: "gwgrivl"
|
|
20
21
|
},
|
|
21
22
|
size: {
|
|
22
|
-
l: "
|
|
23
|
-
m: "
|
|
24
|
-
s: "
|
|
25
|
-
xs: "
|
|
23
|
+
l: "l18ee9s3",
|
|
24
|
+
m: "mxetxtc",
|
|
25
|
+
s: "s1l76dda",
|
|
26
|
+
xs: "x546x8o"
|
|
26
27
|
},
|
|
27
28
|
disabled: {
|
|
28
|
-
"true": "
|
|
29
|
+
"true": "t1pi25y5"
|
|
29
30
|
}
|
|
30
31
|
}
|
|
31
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbeddedButton.config.js","sources":["../../../../../../../src-css/components/_beta/EmbeddedButton/EmbeddedButton.config.ts"],"sourcesContent":["import { css, _beta_embeddedButtonTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n surfaceAccent,\n textAccent,\n textAccentActive,\n textAccentHover,\n textInfo,\n textInfoActive,\n textInfoHover,\n textNegative,\n textNegativeActive,\n textNegativeHover,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textWarning,\n textWarningActive,\n textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: ${textPrimary};\n ${tokens.colorHover}: ${textPrimaryHover};\n ${tokens.colorActive}: ${textPrimaryActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textPrimary};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n secondary: css`\n ${tokens.color}: ${textSecondary};\n ${tokens.colorHover}: ${textSecondaryHover};\n ${tokens.colorActive}: ${textSecondaryActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textSecondary};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n accent: css`\n ${tokens.color}: ${textAccent};\n ${tokens.colorHover}: ${textAccentHover};\n ${tokens.colorActive}: ${textAccentActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textAccent};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n positive: css`\n ${tokens.color}: ${textPositive};\n ${tokens.colorHover}: ${textPositiveHover};\n ${tokens.colorActive}: ${textPositiveActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textPositive};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n warning: css`\n ${tokens.color}: ${textWarning};\n ${tokens.colorHover}: ${textWarningHover};\n ${tokens.colorActive}: ${textWarningActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textWarning};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n negative: css`\n ${tokens.color}: ${textNegative};\n ${tokens.colorHover}: ${textNegativeHover};\n ${tokens.colorActive}: ${textNegativeActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textNegative};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n info: css`\n ${tokens.color}: ${textInfo};\n ${tokens.colorHover}: ${textInfoHover};\n ${tokens.colorActive}: ${textInfoActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textInfo};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n },\n size: {\n l: css`\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.spinnerSize}: 2.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.spinnerSize}: 1.5rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.spinnerSize}: 1rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.375rem;\n ${tokens.spinnerSize}: 0.75rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","positive","warning","negative","info","l","m","s","xs","disabled","true"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"EmbeddedButton.config.js","sources":["../../../../../../../src-css/components/_beta/EmbeddedButton/EmbeddedButton.config.ts"],"sourcesContent":["import { css, _beta_embeddedButtonTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n surfaceAccent,\n textAccent,\n textAccentActive,\n textAccentGradient,\n textAccentHover,\n textInfo,\n textInfoActive,\n textInfoHover,\n textNegative,\n textNegativeActive,\n textNegativeHover,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textWarning,\n textWarningActive,\n textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: ${textPrimary};\n ${tokens.colorHover}: ${textPrimaryHover};\n ${tokens.colorActive}: ${textPrimaryActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textPrimary};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n secondary: css`\n ${tokens.color}: ${textSecondary};\n ${tokens.colorHover}: ${textSecondaryHover};\n ${tokens.colorActive}: ${textSecondaryActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textSecondary};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n accent: css`\n ${tokens.color}: ${textAccent};\n ${tokens.colorHover}: ${textAccentHover};\n ${tokens.colorActive}: ${textAccentActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textAccent};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n positive: css`\n ${tokens.color}: ${textPositive};\n ${tokens.colorHover}: ${textPositiveHover};\n ${tokens.colorActive}: ${textPositiveActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textPositive};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n warning: css`\n ${tokens.color}: ${textWarning};\n ${tokens.colorHover}: ${textWarningHover};\n ${tokens.colorActive}: ${textWarningActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textWarning};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n negative: css`\n ${tokens.color}: ${textNegative};\n ${tokens.colorHover}: ${textNegativeHover};\n ${tokens.colorActive}: ${textNegativeActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textNegative};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n info: css`\n ${tokens.color}: ${textInfo};\n ${tokens.colorHover}: ${textInfoHover};\n ${tokens.colorActive}: ${textInfoActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textInfo};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n gradient: css`\n ${tokens.color}: ${textAccentGradient};\n ${tokens.colorHover}: ${textAccentGradient};\n ${tokens.colorActive}: ${textAccentGradient};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textAccentGradient};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n },\n size: {\n l: css`\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.spinnerSize}: 2.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.spinnerSize}: 1.5rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.spinnerSize}: 1rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.375rem;\n ${tokens.spinnerSize}: 0.75rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","positive","warning","negative","info","gradient","l","m","s","xs","disabled","true"],"mappings":";;;;AA2BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAQN;AACDC,MAAAA,SAAS,EAAA,SAQR;AACDC,MAAAA,MAAM,EAAA,UAQL;AACDC,MAAAA,QAAQ,EAAA,UAQP;AACDC,MAAAA,OAAO,EAAA,UAQN;AACDC,MAAAA,QAAQ,EAAA,SAQP;AACDC,MAAAA,IAAI,EAAA,UAQH;AACDC,MAAAA,QAAQ,EAAA;KASX;AACDT,IAAAA,IAAI,EAAE;AACFU,MAAAA,CAAC,EAAA,UAGA;AACDC,MAAAA,CAAC,EAAA,SAGA;AACDC,MAAAA,CAAC,EAAA,UAGA;AACDC,MAAAA,EAAE,EAAA;KAIL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -5,8 +5,9 @@
|
|
|
5
5
|
.w1dlisw0{--plasma-embedded-button-color:var(--text-warning,#FF7024);--plasma-embedded-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embedded-button-color-active:var(--text-warning-active,#FF5D05FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-warning,#FF7024);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
6
6
|
.nbahvp7{--plasma-embedded-button-color:var(--text-negative,#FF3D51);--plasma-embedded-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embedded-button-color-active:var(--text-negative-active,#FF1F35FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-negative,#FF3D51);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
7
7
|
.i18eewdd{--plasma-embedded-button-color:var(--text-info,#199AF0);--plasma-embedded-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embedded-button-color-active:var(--text-info-active,#0E8ADDFF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-info,#199AF0);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
8
|
+
.gwgrivl{--plasma-embedded-button-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
9
|
+
.l18ee9s3{--plasma-embedded-button-border-radius:0.75rem;--plasma-embedded-button-spinner-size:2.25rem;}
|
|
10
|
+
.mxetxtc{--plasma-embedded-button-border-radius:0.625rem;--plasma-embedded-button-spinner-size:1.5rem;}
|
|
11
|
+
.s1l76dda{--plasma-embedded-button-border-radius:0.5rem;--plasma-embedded-button-spinner-size:1rem;}
|
|
12
|
+
.x546x8o{--plasma-embedded-button-border-radius:0.375rem;--plasma-embedded-button-spinner-size:0.75rem;}
|
|
13
|
+
.t1pi25y5{--plasma-embedded-button-disabled-opacity:0.4;}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
1
|
+
.EmbeddedButton_config_zc4t48_d1a6thuj__c4264606{--plasma-embedded-button-color:var(--text-primary,#F2F5F8F5);--plasma-embedded-button-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-embedded-button-color-active:var(--text-primary-active,#F2F5F8C4);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
2
|
+
.EmbeddedButton_config_zc4t48_s4d5qdj__c4264606{--plasma-embedded-button-color:var(--text-secondary,#D5DFE69E);--plasma-embedded-button-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-embedded-button-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-secondary,#D5DFE69E);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
3
|
+
.EmbeddedButton_config_zc4t48_a1oghwan__c4264606{--plasma-embedded-button-color:var(--text-accent,#199AF0);--plasma-embedded-button-color-hover:var(--text-accent-hover,#66BCF5FF);--plasma-embedded-button-color-active:var(--text-accent-active,#0E8ADDFF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-accent,#199AF0);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
4
|
+
.EmbeddedButton_config_zc4t48_p1bw1f7x__c4264606{--plasma-embedded-button-color:var(--text-positive,#24B23E);--plasma-embedded-button-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-embedded-button-color-active:var(--text-positive-active,#1F9835FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-positive,#24B23E);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
5
|
+
.EmbeddedButton_config_zc4t48_w1dlisw0__c4264606{--plasma-embedded-button-color:var(--text-warning,#FF7024);--plasma-embedded-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embedded-button-color-active:var(--text-warning-active,#FF5D05FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-warning,#FF7024);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
6
|
+
.EmbeddedButton_config_zc4t48_nbahvp7__c4264606{--plasma-embedded-button-color:var(--text-negative,#FF3D51);--plasma-embedded-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embedded-button-color-active:var(--text-negative-active,#FF1F35FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-negative,#FF3D51);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
7
|
+
.EmbeddedButton_config_zc4t48_i18eewdd__c4264606{--plasma-embedded-button-color:var(--text-info,#199AF0);--plasma-embedded-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embedded-button-color-active:var(--text-info-active,#0E8ADDFF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-info,#199AF0);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
8
|
+
.EmbeddedButton_config_zc4t48_gwgrivl__c4264606{--plasma-embedded-button-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
9
|
+
.EmbeddedButton_config_zc4t48_l18ee9s3__c4264606{--plasma-embedded-button-border-radius:0.75rem;--plasma-embedded-button-spinner-size:2.25rem;}
|
|
10
|
+
.EmbeddedButton_config_zc4t48_mxetxtc__c4264606{--plasma-embedded-button-border-radius:0.625rem;--plasma-embedded-button-spinner-size:1.5rem;}
|
|
11
|
+
.EmbeddedButton_config_zc4t48_s1l76dda__c4264606{--plasma-embedded-button-border-radius:0.5rem;--plasma-embedded-button-spinner-size:1rem;}
|
|
12
|
+
.EmbeddedButton_config_zc4t48_x546x8o__c4264606{--plasma-embedded-button-border-radius:0.375rem;--plasma-embedded-button-spinner-size:0.75rem;}
|
|
13
|
+
.EmbeddedButton_config_zc4t48_t1pi25y5__c4264606{--plasma-embedded-button-disabled-opacity:0.4;}
|
|
@@ -12,15 +12,16 @@
|
|
|
12
12
|
.Tooltip_config_h9n92s_m1rspaz6__9a79e9be{--plasma-tooltip-border-radius:0.625rem;--plasma-tooltip-padding:0.75rem 0.875rem;--plasma-tooltip-gap:0.375rem;--plasma-tooltip-font-family:var(--plasma-typo-body-s-font-family);--plasma-tooltip-font-size:var(--plasma-typo-body-s-font-size);--plasma-tooltip-font-style:var(--plasma-typo-body-s-font-style);--plasma-tooltip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tooltip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tooltip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tooltip-tail-width:20px;--plasma-tooltip-tail-height:8px;--plasma-tooltip-tail-side-curvature:-10%;}
|
|
13
13
|
.Tooltip_config_h9n92s_s1fx3aol__9a79e9be{--plasma-tooltip-border-radius:0.5rem;--plasma-tooltip-padding:0.5rem 0.75rem;--plasma-tooltip-gap:0.25rem;--plasma-tooltip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tooltip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tooltip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tooltip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tooltip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tooltip-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-tooltip-tail-width:14px;--plasma-tooltip-tail-height:6px;--plasma-tooltip-tail-side-curvature:-10%;}
|
|
14
14
|
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
25
|
-
.
|
|
26
|
-
.
|
|
15
|
+
.EmbeddedButton_config_zc4t48_d1a6thuj__c4264606{--plasma-embedded-button-color:var(--text-primary,#F2F5F8F5);--plasma-embedded-button-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-embedded-button-color-active:var(--text-primary-active,#F2F5F8C4);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
16
|
+
.EmbeddedButton_config_zc4t48_s4d5qdj__c4264606{--plasma-embedded-button-color:var(--text-secondary,#D5DFE69E);--plasma-embedded-button-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-embedded-button-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-secondary,#D5DFE69E);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
17
|
+
.EmbeddedButton_config_zc4t48_a1oghwan__c4264606{--plasma-embedded-button-color:var(--text-accent,#199AF0);--plasma-embedded-button-color-hover:var(--text-accent-hover,#66BCF5FF);--plasma-embedded-button-color-active:var(--text-accent-active,#0E8ADDFF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-accent,#199AF0);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
18
|
+
.EmbeddedButton_config_zc4t48_p1bw1f7x__c4264606{--plasma-embedded-button-color:var(--text-positive,#24B23E);--plasma-embedded-button-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-embedded-button-color-active:var(--text-positive-active,#1F9835FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-positive,#24B23E);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
19
|
+
.EmbeddedButton_config_zc4t48_w1dlisw0__c4264606{--plasma-embedded-button-color:var(--text-warning,#FF7024);--plasma-embedded-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embedded-button-color-active:var(--text-warning-active,#FF5D05FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-warning,#FF7024);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
20
|
+
.EmbeddedButton_config_zc4t48_nbahvp7__c4264606{--plasma-embedded-button-color:var(--text-negative,#FF3D51);--plasma-embedded-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embedded-button-color-active:var(--text-negative-active,#FF1F35FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-negative,#FF3D51);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
21
|
+
.EmbeddedButton_config_zc4t48_i18eewdd__c4264606{--plasma-embedded-button-color:var(--text-info,#199AF0);--plasma-embedded-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embedded-button-color-active:var(--text-info-active,#0E8ADDFF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-info,#199AF0);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
22
|
+
.EmbeddedButton_config_zc4t48_gwgrivl__c4264606{--plasma-embedded-button-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
23
|
+
.EmbeddedButton_config_zc4t48_l18ee9s3__c4264606{--plasma-embedded-button-border-radius:0.75rem;--plasma-embedded-button-spinner-size:2.25rem;}
|
|
24
|
+
.EmbeddedButton_config_zc4t48_mxetxtc__c4264606{--plasma-embedded-button-border-radius:0.625rem;--plasma-embedded-button-spinner-size:1.5rem;}
|
|
25
|
+
.EmbeddedButton_config_zc4t48_s1l76dda__c4264606{--plasma-embedded-button-border-radius:0.5rem;--plasma-embedded-button-spinner-size:1rem;}
|
|
26
|
+
.EmbeddedButton_config_zc4t48_x546x8o__c4264606{--plasma-embedded-button-border-radius:0.375rem;--plasma-embedded-button-spinner-size:0.75rem;}
|
|
27
|
+
.EmbeddedButton_config_zc4t48_t1pi25y5__c4264606{--plasma-embedded-button-disabled-opacity:0.4;}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './EmbeddedButton.
|
|
1
|
+
import './EmbeddedButton.config_zc4t48.css';
|
|
2
2
|
var config = {
|
|
3
3
|
defaults: {
|
|
4
4
|
view: 'default',
|
|
@@ -12,16 +12,17 @@ var config = {
|
|
|
12
12
|
positive: "p1bw1f7x",
|
|
13
13
|
warning: "w1dlisw0",
|
|
14
14
|
negative: "nbahvp7",
|
|
15
|
-
info: "i18eewdd"
|
|
15
|
+
info: "i18eewdd",
|
|
16
|
+
gradient: "gwgrivl"
|
|
16
17
|
},
|
|
17
18
|
size: {
|
|
18
|
-
l: "
|
|
19
|
-
m: "
|
|
20
|
-
s: "
|
|
21
|
-
xs: "
|
|
19
|
+
l: "l18ee9s3",
|
|
20
|
+
m: "mxetxtc",
|
|
21
|
+
s: "s1l76dda",
|
|
22
|
+
xs: "x546x8o"
|
|
22
23
|
},
|
|
23
24
|
disabled: {
|
|
24
|
-
"true": "
|
|
25
|
+
"true": "t1pi25y5"
|
|
25
26
|
}
|
|
26
27
|
}
|
|
27
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbeddedButton.config.js","sources":["../../../../../../../src-css/components/_beta/EmbeddedButton/EmbeddedButton.config.ts"],"sourcesContent":["import { css, _beta_embeddedButtonTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n surfaceAccent,\n textAccent,\n textAccentActive,\n textAccentHover,\n textInfo,\n textInfoActive,\n textInfoHover,\n textNegative,\n textNegativeActive,\n textNegativeHover,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textWarning,\n textWarningActive,\n textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: ${textPrimary};\n ${tokens.colorHover}: ${textPrimaryHover};\n ${tokens.colorActive}: ${textPrimaryActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textPrimary};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n secondary: css`\n ${tokens.color}: ${textSecondary};\n ${tokens.colorHover}: ${textSecondaryHover};\n ${tokens.colorActive}: ${textSecondaryActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textSecondary};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n accent: css`\n ${tokens.color}: ${textAccent};\n ${tokens.colorHover}: ${textAccentHover};\n ${tokens.colorActive}: ${textAccentActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textAccent};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n positive: css`\n ${tokens.color}: ${textPositive};\n ${tokens.colorHover}: ${textPositiveHover};\n ${tokens.colorActive}: ${textPositiveActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textPositive};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n warning: css`\n ${tokens.color}: ${textWarning};\n ${tokens.colorHover}: ${textWarningHover};\n ${tokens.colorActive}: ${textWarningActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textWarning};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n negative: css`\n ${tokens.color}: ${textNegative};\n ${tokens.colorHover}: ${textNegativeHover};\n ${tokens.colorActive}: ${textNegativeActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textNegative};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n info: css`\n ${tokens.color}: ${textInfo};\n ${tokens.colorHover}: ${textInfoHover};\n ${tokens.colorActive}: ${textInfoActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textInfo};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n },\n size: {\n l: css`\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.spinnerSize}: 2.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.spinnerSize}: 1.5rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.spinnerSize}: 1rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.375rem;\n ${tokens.spinnerSize}: 0.75rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","positive","warning","negative","info","l","m","s","xs","disabled","true"],"mappings":"
|
|
1
|
+
{"version":3,"file":"EmbeddedButton.config.js","sources":["../../../../../../../src-css/components/_beta/EmbeddedButton/EmbeddedButton.config.ts"],"sourcesContent":["import { css, _beta_embeddedButtonTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n surfaceAccent,\n textAccent,\n textAccentActive,\n textAccentGradient,\n textAccentHover,\n textInfo,\n textInfoActive,\n textInfoHover,\n textNegative,\n textNegativeActive,\n textNegativeHover,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textWarning,\n textWarningActive,\n textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: ${textPrimary};\n ${tokens.colorHover}: ${textPrimaryHover};\n ${tokens.colorActive}: ${textPrimaryActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textPrimary};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n secondary: css`\n ${tokens.color}: ${textSecondary};\n ${tokens.colorHover}: ${textSecondaryHover};\n ${tokens.colorActive}: ${textSecondaryActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textSecondary};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n accent: css`\n ${tokens.color}: ${textAccent};\n ${tokens.colorHover}: ${textAccentHover};\n ${tokens.colorActive}: ${textAccentActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textAccent};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n positive: css`\n ${tokens.color}: ${textPositive};\n ${tokens.colorHover}: ${textPositiveHover};\n ${tokens.colorActive}: ${textPositiveActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textPositive};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n warning: css`\n ${tokens.color}: ${textWarning};\n ${tokens.colorHover}: ${textWarningHover};\n ${tokens.colorActive}: ${textWarningActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textWarning};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n negative: css`\n ${tokens.color}: ${textNegative};\n ${tokens.colorHover}: ${textNegativeHover};\n ${tokens.colorActive}: ${textNegativeActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textNegative};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n info: css`\n ${tokens.color}: ${textInfo};\n ${tokens.colorHover}: ${textInfoHover};\n ${tokens.colorActive}: ${textInfoActive};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textInfo};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n gradient: css`\n ${tokens.color}: ${textAccentGradient};\n ${tokens.colorHover}: ${textAccentGradient};\n ${tokens.colorActive}: ${textAccentGradient};\n ${tokens.backgroundColor}: transparent;\n ${tokens.spinnerColor}: ${textAccentGradient};\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.loadingIconOpacity}: 0.06;\n `,\n },\n size: {\n l: css`\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.spinnerSize}: 2.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.spinnerSize}: 1.5rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.spinnerSize}: 1rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.375rem;\n ${tokens.spinnerSize}: 0.75rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","positive","warning","negative","info","gradient","l","m","s","xs","disabled","true"],"mappings":"AA2BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAQN;AACDC,MAAAA,SAAS,EAAA,SAQR;AACDC,MAAAA,MAAM,EAAA,UAQL;AACDC,MAAAA,QAAQ,EAAA,UAQP;AACDC,MAAAA,OAAO,EAAA,UAQN;AACDC,MAAAA,QAAQ,EAAA,SAQP;AACDC,MAAAA,IAAI,EAAA,UAQH;AACDC,MAAAA,QAAQ,EAAA;KASX;AACDT,IAAAA,IAAI,EAAE;AACFU,MAAAA,CAAC,EAAA,UAGA;AACDC,MAAAA,CAAC,EAAA,SAGA;AACDC,MAAAA,CAAC,EAAA,UAGA;AACDC,MAAAA,EAAE,EAAA;KAIL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -5,8 +5,9 @@
|
|
|
5
5
|
.w1dlisw0{--plasma-embedded-button-color:var(--text-warning,#FF7024);--plasma-embedded-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embedded-button-color-active:var(--text-warning-active,#FF5D05FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-warning,#FF7024);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
6
6
|
.nbahvp7{--plasma-embedded-button-color:var(--text-negative,#FF3D51);--plasma-embedded-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embedded-button-color-active:var(--text-negative-active,#FF1F35FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-negative,#FF3D51);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
7
7
|
.i18eewdd{--plasma-embedded-button-color:var(--text-info,#199AF0);--plasma-embedded-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embedded-button-color-active:var(--text-info-active,#0E8ADDFF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-info,#199AF0);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
8
|
+
.gwgrivl{--plasma-embedded-button-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
9
|
+
.l18ee9s3{--plasma-embedded-button-border-radius:0.75rem;--plasma-embedded-button-spinner-size:2.25rem;}
|
|
10
|
+
.mxetxtc{--plasma-embedded-button-border-radius:0.625rem;--plasma-embedded-button-spinner-size:1.5rem;}
|
|
11
|
+
.s1l76dda{--plasma-embedded-button-border-radius:0.5rem;--plasma-embedded-button-spinner-size:1rem;}
|
|
12
|
+
.x546x8o{--plasma-embedded-button-border-radius:0.375rem;--plasma-embedded-button-spinner-size:0.75rem;}
|
|
13
|
+
.t1pi25y5{--plasma-embedded-button-disabled-opacity:0.4;}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
1
|
+
.EmbeddedButton_config_zc4t48_d1a6thuj__c4264606{--plasma-embedded-button-color:var(--text-primary,#F2F5F8F5);--plasma-embedded-button-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-embedded-button-color-active:var(--text-primary-active,#F2F5F8C4);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
2
|
+
.EmbeddedButton_config_zc4t48_s4d5qdj__c4264606{--plasma-embedded-button-color:var(--text-secondary,#D5DFE69E);--plasma-embedded-button-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-embedded-button-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-secondary,#D5DFE69E);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
3
|
+
.EmbeddedButton_config_zc4t48_a1oghwan__c4264606{--plasma-embedded-button-color:var(--text-accent,#199AF0);--plasma-embedded-button-color-hover:var(--text-accent-hover,#66BCF5FF);--plasma-embedded-button-color-active:var(--text-accent-active,#0E8ADDFF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-accent,#199AF0);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
4
|
+
.EmbeddedButton_config_zc4t48_p1bw1f7x__c4264606{--plasma-embedded-button-color:var(--text-positive,#24B23E);--plasma-embedded-button-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-embedded-button-color-active:var(--text-positive-active,#1F9835FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-positive,#24B23E);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
5
|
+
.EmbeddedButton_config_zc4t48_w1dlisw0__c4264606{--plasma-embedded-button-color:var(--text-warning,#FF7024);--plasma-embedded-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embedded-button-color-active:var(--text-warning-active,#FF5D05FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-warning,#FF7024);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
6
|
+
.EmbeddedButton_config_zc4t48_nbahvp7__c4264606{--plasma-embedded-button-color:var(--text-negative,#FF3D51);--plasma-embedded-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embedded-button-color-active:var(--text-negative-active,#FF1F35FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-negative,#FF3D51);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
7
|
+
.EmbeddedButton_config_zc4t48_i18eewdd__c4264606{--plasma-embedded-button-color:var(--text-info,#199AF0);--plasma-embedded-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embedded-button-color-active:var(--text-info-active,#0E8ADDFF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-info,#199AF0);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
8
|
+
.EmbeddedButton_config_zc4t48_gwgrivl__c4264606{--plasma-embedded-button-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
9
|
+
.EmbeddedButton_config_zc4t48_l18ee9s3__c4264606{--plasma-embedded-button-border-radius:0.75rem;--plasma-embedded-button-spinner-size:2.25rem;}
|
|
10
|
+
.EmbeddedButton_config_zc4t48_mxetxtc__c4264606{--plasma-embedded-button-border-radius:0.625rem;--plasma-embedded-button-spinner-size:1.5rem;}
|
|
11
|
+
.EmbeddedButton_config_zc4t48_s1l76dda__c4264606{--plasma-embedded-button-border-radius:0.5rem;--plasma-embedded-button-spinner-size:1rem;}
|
|
12
|
+
.EmbeddedButton_config_zc4t48_x546x8o__c4264606{--plasma-embedded-button-border-radius:0.375rem;--plasma-embedded-button-spinner-size:0.75rem;}
|
|
13
|
+
.EmbeddedButton_config_zc4t48_t1pi25y5__c4264606{--plasma-embedded-button-disabled-opacity:0.4;}
|
|
@@ -12,15 +12,16 @@
|
|
|
12
12
|
.Tooltip_config_h9n92s_m1rspaz6__9a79e9be{--plasma-tooltip-border-radius:0.625rem;--plasma-tooltip-padding:0.75rem 0.875rem;--plasma-tooltip-gap:0.375rem;--plasma-tooltip-font-family:var(--plasma-typo-body-s-font-family);--plasma-tooltip-font-size:var(--plasma-typo-body-s-font-size);--plasma-tooltip-font-style:var(--plasma-typo-body-s-font-style);--plasma-tooltip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tooltip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tooltip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tooltip-tail-width:20px;--plasma-tooltip-tail-height:8px;--plasma-tooltip-tail-side-curvature:-10%;}
|
|
13
13
|
.Tooltip_config_h9n92s_s1fx3aol__9a79e9be{--plasma-tooltip-border-radius:0.5rem;--plasma-tooltip-padding:0.5rem 0.75rem;--plasma-tooltip-gap:0.25rem;--plasma-tooltip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tooltip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tooltip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tooltip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tooltip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tooltip-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-tooltip-tail-width:14px;--plasma-tooltip-tail-height:6px;--plasma-tooltip-tail-side-curvature:-10%;}
|
|
14
14
|
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
25
|
-
.
|
|
26
|
-
.
|
|
15
|
+
.EmbeddedButton_config_zc4t48_d1a6thuj__c4264606{--plasma-embedded-button-color:var(--text-primary,#F2F5F8F5);--plasma-embedded-button-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-embedded-button-color-active:var(--text-primary-active,#F2F5F8C4);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
16
|
+
.EmbeddedButton_config_zc4t48_s4d5qdj__c4264606{--plasma-embedded-button-color:var(--text-secondary,#D5DFE69E);--plasma-embedded-button-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-embedded-button-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-secondary,#D5DFE69E);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
17
|
+
.EmbeddedButton_config_zc4t48_a1oghwan__c4264606{--plasma-embedded-button-color:var(--text-accent,#199AF0);--plasma-embedded-button-color-hover:var(--text-accent-hover,#66BCF5FF);--plasma-embedded-button-color-active:var(--text-accent-active,#0E8ADDFF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-accent,#199AF0);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
18
|
+
.EmbeddedButton_config_zc4t48_p1bw1f7x__c4264606{--plasma-embedded-button-color:var(--text-positive,#24B23E);--plasma-embedded-button-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-embedded-button-color-active:var(--text-positive-active,#1F9835FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-positive,#24B23E);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
19
|
+
.EmbeddedButton_config_zc4t48_w1dlisw0__c4264606{--plasma-embedded-button-color:var(--text-warning,#FF7024);--plasma-embedded-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embedded-button-color-active:var(--text-warning-active,#FF5D05FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-warning,#FF7024);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
20
|
+
.EmbeddedButton_config_zc4t48_nbahvp7__c4264606{--plasma-embedded-button-color:var(--text-negative,#FF3D51);--plasma-embedded-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embedded-button-color-active:var(--text-negative-active,#FF1F35FF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-negative,#FF3D51);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
21
|
+
.EmbeddedButton_config_zc4t48_i18eewdd__c4264606{--plasma-embedded-button-color:var(--text-info,#199AF0);--plasma-embedded-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embedded-button-color-active:var(--text-info-active,#0E8ADDFF);--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-info,#199AF0);--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
22
|
+
.EmbeddedButton_config_zc4t48_gwgrivl__c4264606{--plasma-embedded-button-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-background-color:transparent;--plasma-embedded-button-spinner-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embedded-button-focus-color:var(--surface-accent,#199AF0);--plasma-embedded-button-loading-icon-opacity:0.06;}
|
|
23
|
+
.EmbeddedButton_config_zc4t48_l18ee9s3__c4264606{--plasma-embedded-button-border-radius:0.75rem;--plasma-embedded-button-spinner-size:2.25rem;}
|
|
24
|
+
.EmbeddedButton_config_zc4t48_mxetxtc__c4264606{--plasma-embedded-button-border-radius:0.625rem;--plasma-embedded-button-spinner-size:1.5rem;}
|
|
25
|
+
.EmbeddedButton_config_zc4t48_s1l76dda__c4264606{--plasma-embedded-button-border-radius:0.5rem;--plasma-embedded-button-spinner-size:1rem;}
|
|
26
|
+
.EmbeddedButton_config_zc4t48_x546x8o__c4264606{--plasma-embedded-button-border-radius:0.375rem;--plasma-embedded-button-spinner-size:0.75rem;}
|
|
27
|
+
.EmbeddedButton_config_zc4t48_t1pi25y5__c4264606{--plasma-embedded-button-disabled-opacity:0.4;}
|
|
@@ -79,6 +79,15 @@ const config = {
|
|
|
79
79
|
${_emotion._beta_embeddedButtonTokens.spinnerColor}: ${_sdds_finai.textInfo};
|
|
80
80
|
${_emotion._beta_embeddedButtonTokens.focusColor}: ${_sdds_finai.surfaceAccent};
|
|
81
81
|
${_emotion._beta_embeddedButtonTokens.loadingIconOpacity}: 0.06;
|
|
82
|
+
`,
|
|
83
|
+
gradient: (0, _emotion.css)`
|
|
84
|
+
${_emotion._beta_embeddedButtonTokens.color}: ${_sdds_finai.textAccentGradient};
|
|
85
|
+
${_emotion._beta_embeddedButtonTokens.colorHover}: ${_sdds_finai.textAccentGradient};
|
|
86
|
+
${_emotion._beta_embeddedButtonTokens.colorActive}: ${_sdds_finai.textAccentGradient};
|
|
87
|
+
${_emotion._beta_embeddedButtonTokens.backgroundColor}: transparent;
|
|
88
|
+
${_emotion._beta_embeddedButtonTokens.spinnerColor}: ${_sdds_finai.textAccentGradient};
|
|
89
|
+
${_emotion._beta_embeddedButtonTokens.focusColor}: ${_sdds_finai.surfaceAccent};
|
|
90
|
+
${_emotion._beta_embeddedButtonTokens.loadingIconOpacity}: 0.06;
|
|
82
91
|
`
|
|
83
92
|
},
|
|
84
93
|
size: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css, _beta_embeddedButtonTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
|
|
2
|
-
import { surfaceAccent, textAccent, textAccentActive, textAccentHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textWarning, textWarningActive, textWarningHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
|
|
2
|
+
import { surfaceAccent, textAccent, textAccentActive, textAccentGradient, textAccentHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textWarning, textWarningActive, textWarningHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
|
|
3
3
|
export const config = {
|
|
4
4
|
defaults: {
|
|
5
5
|
view: 'default',
|
|
@@ -69,6 +69,15 @@ export const config = {
|
|
|
69
69
|
${tokens.spinnerColor}: ${textInfo};
|
|
70
70
|
${tokens.focusColor}: ${surfaceAccent};
|
|
71
71
|
${tokens.loadingIconOpacity}: 0.06;
|
|
72
|
+
`,
|
|
73
|
+
gradient: css`
|
|
74
|
+
${tokens.color}: ${textAccentGradient};
|
|
75
|
+
${tokens.colorHover}: ${textAccentGradient};
|
|
76
|
+
${tokens.colorActive}: ${textAccentGradient};
|
|
77
|
+
${tokens.backgroundColor}: transparent;
|
|
78
|
+
${tokens.spinnerColor}: ${textAccentGradient};
|
|
79
|
+
${tokens.focusColor}: ${surfaceAccent};
|
|
80
|
+
${tokens.loadingIconOpacity}: 0.06;
|
|
72
81
|
`
|
|
73
82
|
},
|
|
74
83
|
size: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css, _beta_embeddedButtonTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
|
-
import { surfaceAccent, textAccent, textAccentActive, textAccentHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textWarning, textWarningActive, textWarningHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
|
|
2
|
+
import { surfaceAccent, textAccent, textAccentActive, textAccentGradient, textAccentHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textWarning, textWarningActive, textWarningHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
|
|
3
3
|
export const config = {
|
|
4
4
|
defaults: {
|
|
5
5
|
view: 'default',
|
|
@@ -69,6 +69,15 @@ export const config = {
|
|
|
69
69
|
${tokens.spinnerColor}: ${textInfo};
|
|
70
70
|
${tokens.focusColor}: ${surfaceAccent};
|
|
71
71
|
${tokens.loadingIconOpacity}: 0.06;
|
|
72
|
+
`,
|
|
73
|
+
gradient: css`
|
|
74
|
+
${tokens.color}: ${textAccentGradient};
|
|
75
|
+
${tokens.colorHover}: ${textAccentGradient};
|
|
76
|
+
${tokens.colorActive}: ${textAccentGradient};
|
|
77
|
+
${tokens.backgroundColor}: transparent;
|
|
78
|
+
${tokens.spinnerColor}: ${textAccentGradient};
|
|
79
|
+
${tokens.focusColor}: ${surfaceAccent};
|
|
80
|
+
${tokens.loadingIconOpacity}: 0.06;
|
|
72
81
|
`
|
|
73
82
|
},
|
|
74
83
|
size: {
|
|
@@ -12,6 +12,7 @@ export declare const config: {
|
|
|
12
12
|
warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
13
13
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
14
|
info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
15
|
+
gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
15
16
|
};
|
|
16
17
|
size: {
|
|
17
18
|
l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
@@ -7,6 +7,7 @@ export declare const EmbeddedButton: import("react").FunctionComponent<import("@
|
|
|
7
7
|
warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
8
8
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
9
|
info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
10
|
+
gradient: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
10
11
|
};
|
|
11
12
|
size: {
|
|
12
13
|
l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
@@ -11,6 +11,36 @@ function _extends() {
|
|
|
11
11
|
return n;
|
|
12
12
|
}, _extends.apply(null, arguments);
|
|
13
13
|
}
|
|
14
|
+
function _objectWithoutProperties(e, t) {
|
|
15
|
+
if (null == e) return {};
|
|
16
|
+
var o,
|
|
17
|
+
r,
|
|
18
|
+
i = _objectWithoutPropertiesLoose(e, t);
|
|
19
|
+
if (Object.getOwnPropertySymbols) {
|
|
20
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
21
|
+
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
22
|
+
}
|
|
23
|
+
return i;
|
|
24
|
+
}
|
|
25
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
26
|
+
if (null == r) return {};
|
|
27
|
+
var t = {};
|
|
28
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
29
|
+
if (-1 !== e.indexOf(n)) continue;
|
|
30
|
+
t[n] = r[n];
|
|
31
|
+
}
|
|
32
|
+
return t;
|
|
33
|
+
}
|
|
34
|
+
function _taggedTemplateLiteral(e, t) {
|
|
35
|
+
return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
|
|
36
|
+
raw: {
|
|
37
|
+
value: Object.freeze(t)
|
|
38
|
+
}
|
|
39
|
+
}));
|
|
40
|
+
}
|
|
14
41
|
|
|
15
42
|
exports.extends = _extends;
|
|
43
|
+
exports.objectWithoutProperties = _objectWithoutProperties;
|
|
44
|
+
exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
|
|
45
|
+
exports.taggedTemplateLiteral = _taggedTemplateLiteral;
|
|
16
46
|
//# sourceMappingURL=_rollupPluginBabelHelpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./Avatar.
|
|
1
|
+
require('./Avatar.config_10406v1.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -11,39 +11,39 @@ var config = {
|
|
|
11
11
|
},
|
|
12
12
|
variations: {
|
|
13
13
|
view: {
|
|
14
|
-
"default": "
|
|
14
|
+
"default": "drb31t5"
|
|
15
15
|
},
|
|
16
16
|
size: {
|
|
17
17
|
// TODO: #1044 токены типографики в Avatar
|
|
18
|
-
xxl: "
|
|
19
|
-
l: "
|
|
20
|
-
m: "
|
|
21
|
-
s: "
|
|
22
|
-
fit: "
|
|
18
|
+
xxl: "x15togqe",
|
|
19
|
+
l: "lgyjidu",
|
|
20
|
+
m: "m2aeais",
|
|
21
|
+
s: "s1tuzts2",
|
|
22
|
+
fit: "f9n80q7"
|
|
23
23
|
},
|
|
24
24
|
focused: {
|
|
25
|
-
"true": "
|
|
25
|
+
"true": "t1t3marb"
|
|
26
26
|
},
|
|
27
27
|
shape: {
|
|
28
|
-
circled: "
|
|
28
|
+
circled: "c1yg3231"
|
|
29
29
|
},
|
|
30
30
|
badgeView: {
|
|
31
|
-
"default": "
|
|
32
|
-
accent: "
|
|
33
|
-
positive: "
|
|
34
|
-
warning: "
|
|
35
|
-
negative: "
|
|
36
|
-
dark: "
|
|
37
|
-
light: "
|
|
31
|
+
"default": "d1usp9sx",
|
|
32
|
+
accent: "aib7r6w",
|
|
33
|
+
positive: "p1t2sgy",
|
|
34
|
+
warning: "waz5t9v",
|
|
35
|
+
negative: "nwbd3rb",
|
|
36
|
+
dark: "dvbq2hs",
|
|
37
|
+
light: "li7nkby"
|
|
38
38
|
},
|
|
39
39
|
counterView: {
|
|
40
|
-
"default": "
|
|
41
|
-
accent: "
|
|
42
|
-
positive: "
|
|
43
|
-
warning: "
|
|
44
|
-
negative: "
|
|
45
|
-
dark: "
|
|
46
|
-
light: "
|
|
40
|
+
"default": "d1gul21i",
|
|
41
|
+
accent: "a1t7a117",
|
|
42
|
+
positive: "ptfmoth",
|
|
43
|
+
warning: "wlamkwx",
|
|
44
|
+
negative: "n1nt1mts",
|
|
45
|
+
dark: "dmkjwwp",
|
|
46
|
+
light: "lk7btit"
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
};
|