@salutejs/sdds-finai 0.367.1-dev.0 → 0.368.0-dev.0

package/dist/css/cjs/components/Group/Group.config.js

@@ -0,0 +1,35 @@
+require('./Group.config_36238j.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = {
+  defaults: {
+    gap: 'dense',
+    orientation: 'horizontal',
+    shape: 'default',
+    stretching: 'auto'
+  },
+  variations: {
+    orientation: {
+      horizontal: "h8rgtz6",
+      vertical: "v30hjos"
+    },
+    gap: {
+      none: "n1wlsvc8",
+      dense: "dc0kj2y",
+      wide: "w1wj4qcr"
+    },
+    shape: {
+      "default": "d16iksq6",
+      segmented: "sqrfimr"
+    },
+    stretching: {
+      auto: "a12794cf",
+      filled: "f10ofvjv"
+    }
+  }
+};
+
+exports.config = config;
+//# sourceMappingURL=Group.config.js.map

package/dist/css/cjs/components/Group/Group.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.config.js","sources":["../../../../../src-css/components/Group/Group.config.ts"],"sourcesContent":["import { css, groupTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        gap: 'dense',\n        orientation: 'horizontal',\n        shape: 'default',\n        stretching: 'auto',\n    },\n    variations: {\n        orientation: {\n            horizontal: css`\n                ${tokens.orientation}: row;\n            `,\n            vertical: css`\n                ${tokens.orientation}: column;\n            `,\n        },\n        gap: {\n            none: css`\n                ${tokens.gap}: 0;\n            `,\n            dense: css`\n                ${tokens.gap}: 0.125rem;\n            `,\n            wide: css`\n                ${tokens.gap}: 0.5rem;\n            `,\n        },\n        shape: {\n            default: css``,\n            segmented: css`\n                ${tokens.segmentedRadius}: 0.25rem;\n            `,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n        },\n    },\n};\n"],"names":["config","defaults","gap","orientation","shape","stretching","variations","horizontal","vertical","none","dense","wide","default","segmented","auto","filled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,GAAG,EAAE,OAAO;AACZC,IAAAA,WAAW,EAAE,YAAY;AACzBC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,UAAU,EAAE;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,WAAW,EAAE;AACTI,MAAAA,UAAU,EAAA,SAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDN,IAAAA,GAAG,EAAE;AACDO,MAAAA,IAAI,EAAA,UAEH;AACDC,MAAAA,KAAK,EAAA,SAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDP,IAAAA,KAAK,EAAE;AACHQ,MAAAA,SAAAA,EAAO,UAAO;AACdC,MAAAA,SAAS,EAAA;KAGZ;AACDR,IAAAA,UAAU,EAAE;AACRS,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA;AACV;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Group/Group.config_36238j.css

@@ -0,0 +1,9 @@
+.h8rgtz6{--sdds-core-group-orientation:row;}
+.v30hjos{--sdds-core-group-orientation:column;}
+.n1wlsvc8{--sdds-core-group-gap:0;}
+.dc0kj2y{--sdds-core-group-gap:0.125rem;}
+.w1wj4qcr{--sdds-core-group-gap:0.5rem;}
+
+.sqrfimr{--sdds-core-group-segmented-radius:0.25rem;}
+
+

package/dist/css/cjs/components/Group/Group.css

@@ -0,0 +1,9 @@
+.Group_config_36238j_h8rgtz6__d003af88{--sdds-core-group-orientation:row;}
+.Group_config_36238j_v30hjos__d003af88{--sdds-core-group-orientation:column;}
+.Group_config_36238j_n1wlsvc8__d003af88{--sdds-core-group-gap:0;}
+.Group_config_36238j_dc0kj2y__d003af88{--sdds-core-group-gap:0.125rem;}
+.Group_config_36238j_w1wj4qcr__d003af88{--sdds-core-group-gap:0.5rem;}
+
+.Group_config_36238j_sqrfimr__d003af88{--sdds-core-group-segmented-radius:0.25rem;}
+
+

package/dist/css/cjs/components/Group/Group.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Group_config = require('./Group.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.groupConfig, Group_config.config);
+
+/**
+ * Группа элементов с общими отступами, направлением и скруглением внутренних углов.
+ */
+var Group = /*#__PURE__*/css.component(mergedConfig);
+
+exports.Group = Group;
+//# sourceMappingURL=Group.js.map

package/dist/css/cjs/components/Group/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../../../../src-css/components/Group/Group.tsx"],"sourcesContent":["import { groupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Group.config';\n\nconst mergedConfig = mergeConfig(groupConfig, config);\n\n/**\n * Группа элементов с общими отступами, направлением и скруглением внутренних углов.\n */\nexport const Group = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","groupConfig","config","Group","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,eAAW,EAAEC,mBAAM,CAAC;;AAErD;AACA;AACA;IACaC,KAAK,gBAAGC,aAAS,CAACL,YAAY;;;;"}

package/dist/css/cjs/index.css

@@ -442,6 +442,16 @@
 
 .Grid_config_1r5u31h_dkdyffc__ffc63594{max-width:var(--plasma_private-grid-max-width,unset);--plasma-grid-smallM-cols-count:6;--plasma-grid-smallM-gap:0.5rem;--plasma-grid-smallM-margin:1rem;--plasma-grid-smallM-min-width:0;--plasma-grid-mediumS-cols-count:12;--plasma-grid-mediumS-gap:0.5rem;--plasma-grid-mediumS-margin:1.25rem;--plasma-grid-mediumS-min-width:35rem;--plasma-grid-mediumM-cols-count:18;--plasma-grid-mediumM-gap:0.5rem;--plasma-grid-mediumM-margin:1.75rem;--plasma-grid-mediumM-min-width:49.125rem;--plasma-grid-largeS-cols-count:24;--plasma-grid-largeS-gap:0.5rem;--plasma-grid-largeS-margin:2.5rem;--plasma-grid-largeS-min-width:60rem;--plasma-grid-largeM-cols-count:30;--plasma-grid-largeM-gap:0.5rem;--plasma-grid-largeM-margin:4rem;--plasma-grid-largeM-min-width:75rem;}@media (min-width:0){.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594{--plasma_private-grid-cols-count:var(--plasma-grid-smallM-cols-count);--plasma_private-grid-gap:calc(var(--plasma-grid-smallM-gap) / 2);--plasma_private-grid-margin:var(--plasma-grid-smallM-margin);padding:0 var(--plasma_private-grid-margin);}.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594 .Grid_config_1r5u31h_plasmaGridColItem__ffc63594{--plasma_private-col-width:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-smallM-size,var(--plasma_private-grid-col-default-size)));--plasma_private-col-offset:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-smallM-offset,var(--plasma_private-grid-col-default-offset)));width:var(--plasma_private-col-width,auto);margin-left:var(--plasma_private-col-offset,initial);}}@media (min-width:35rem){.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594{--plasma_private-grid-cols-count:var(--plasma-grid-mediumS-cols-count);--plasma_private-grid-gap:calc(var(--plasma-grid-mediumS-gap) / 2);--plasma_private-grid-margin:var(--plasma-grid-mediumS-margin);padding:0 var(--plasma_private-grid-margin);}.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594 .Grid_config_1r5u31h_plasmaGridColItem__ffc63594{--plasma_private-col-width:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-mediumS-size,var(--plasma_private-grid-col-default-size)));--plasma_private-col-offset:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-mediumS-offset,var(--plasma_private-grid-col-default-offset)));width:var(--plasma_private-col-width,auto);margin-left:var(--plasma_private-col-offset,initial);}}@media (min-width:49.125rem){.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594{--plasma_private-grid-cols-count:var(--plasma-grid-mediumM-cols-count);--plasma_private-grid-gap:calc(var(--plasma-grid-mediumM-gap) / 2);--plasma_private-grid-margin:var(--plasma-grid-mediumM-margin);padding:0 var(--plasma_private-grid-margin);}.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594 .Grid_config_1r5u31h_plasmaGridColItem__ffc63594{--plasma_private-col-width:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-mediumM-size,var(--plasma_private-grid-col-default-size)));--plasma_private-col-offset:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-mediumM-offset,var(--plasma_private-grid-col-default-offset)));width:var(--plasma_private-col-width,auto);margin-left:var(--plasma_private-col-offset,initial);}}@media (min-width:60rem){.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594{--plasma_private-grid-cols-count:var(--plasma-grid-largeS-cols-count);--plasma_private-grid-gap:calc(var(--plasma-grid-largeS-gap) / 2);--plasma_private-grid-margin:var(--plasma-grid-largeS-margin);padding:0 var(--plasma_private-grid-margin);}.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594 .Grid_config_1r5u31h_plasmaGridColItem__ffc63594{--plasma_private-col-width:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-largeS-size,var(--plasma_private-grid-col-default-size)));--plasma_private-col-offset:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-largeS-offset,var(--plasma_private-grid-col-default-offset)));width:var(--plasma_private-col-width,auto);margin-left:var(--plasma_private-col-offset,initial);}}@media (min-width:75rem){.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594{--plasma_private-grid-cols-count:var(--plasma-grid-largeM-cols-count);--plasma_private-grid-gap:calc(var(--plasma-grid-largeM-gap) / 2);--plasma_private-grid-margin:var(--plasma-grid-largeM-margin);padding:0 var(--plasma_private-grid-margin);}.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594 .Grid_config_1r5u31h_plasmaGridColItem__ffc63594{--plasma_private-col-width:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-largeM-size,var(--plasma_private-grid-col-default-size)));--plasma_private-col-offset:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-largeM-offset,var(--plasma_private-grid-col-default-offset)));width:var(--plasma_private-col-width,auto);margin-left:var(--plasma_private-col-offset,initial);}}
 
+.Group_config_36238j_h8rgtz6__d003af88{--sdds-core-group-orientation:row;}
+.Group_config_36238j_v30hjos__d003af88{--sdds-core-group-orientation:column;}
+.Group_config_36238j_n1wlsvc8__d003af88{--sdds-core-group-gap:0;}
+.Group_config_36238j_dc0kj2y__d003af88{--sdds-core-group-gap:0.125rem;}
+.Group_config_36238j_w1wj4qcr__d003af88{--sdds-core-group-gap:0.5rem;}
+
+.Group_config_36238j_sqrfimr__d003af88{--sdds-core-group-segmented-radius:0.25rem;}
+
+
+
 .IconButton_config_gtrhee_d18ihzhr__f98179b0{--plasma-icon-button-color:var(--inverse-text-primary,#14191DF5);--plasma-icon-button-background-color:var(--surface-solid-default,#F6F9FB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover,#151A1E93);--plasma-icon-button-color-active:var(--inverse-text-primary-active,#151A1EC4);}
 .IconButton_config_gtrhee_asnn66s__f98179b0{--plasma-icon-button-color:var(--on-dark-text-primary,#F3F7FAF5);--plasma-icon-button-background-color:var(--surface-accent,#1F9EEB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover,#3AA9EEFF);--plasma-icon-button-background-color-active:var(--surface-accent-active,#1498EBFF);}
 .IconButton_config_gtrhee_sxdpxpi__f98179b0{--plasma-icon-button-color:var(--text-primary,#F3F7FAF5);--plasma-icon-button-background-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover,#CEDAE342);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active,#CEDAE314);}

package/dist/css/cjs/index.js

@@ -34,6 +34,7 @@ var EmbedIconButton = require('./components/EmbedIconButton/EmbedIconButton.js')
 var EmptyState = require('./components/EmptyState/EmptyState.js');
 var Flow = require('./components/Flow/Flow.js');
 var Grid = require('./components/Grid/Grid.js');
+var Group = require('./components/Group/Group.js');
 var IconButton = require('./components/IconButton/IconButton.js');
 var TabItem = require('./components/Tabs/TabItem.js');
 var Image = require('./components/Image/Image.js');
@@ -226,6 +227,10 @@ Object.defineProperty(exports, "dropzoneTokens", {
 	enumerable: true,
 	get: function () { return css.dropzoneTokens; }
 });
+Object.defineProperty(exports, "groupTokens", {
+	enumerable: true,
+	get: function () { return css.groupTokens; }
+});
 Object.defineProperty(exports, "informationWrapperClasses", {
 	enumerable: true,
 	get: function () { return css.informationWrapperClasses; }
@@ -377,6 +382,7 @@ exports.EmbedIconButton = EmbedIconButton.EmbedIconButton;
 exports.EmptyState = EmptyState.EmptyState;
 exports.Flow = Flow.Flow;
 exports.Grid = Grid.Grid;
+exports.Group = Group.Group;
 exports.IconButton = IconButton.IconButton;
 exports.IconTabItem = TabItem.IconTabItem;
 exports.TabItem = TabItem.TabItem;

package/dist/css/cjs/index.js.map

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

package/dist/css/es/components/Group/Group.config.js

@@ -0,0 +1,31 @@
+import './Group.config_36238j.css';
+var config = {
+  defaults: {
+    gap: 'dense',
+    orientation: 'horizontal',
+    shape: 'default',
+    stretching: 'auto'
+  },
+  variations: {
+    orientation: {
+      horizontal: "h8rgtz6",
+      vertical: "v30hjos"
+    },
+    gap: {
+      none: "n1wlsvc8",
+      dense: "dc0kj2y",
+      wide: "w1wj4qcr"
+    },
+    shape: {
+      "default": "d16iksq6",
+      segmented: "sqrfimr"
+    },
+    stretching: {
+      auto: "a12794cf",
+      filled: "f10ofvjv"
+    }
+  }
+};
+
+export { config };
+//# sourceMappingURL=Group.config.js.map

package/dist/css/es/components/Group/Group.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.config.js","sources":["../../../../../src-css/components/Group/Group.config.ts"],"sourcesContent":["import { css, groupTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        gap: 'dense',\n        orientation: 'horizontal',\n        shape: 'default',\n        stretching: 'auto',\n    },\n    variations: {\n        orientation: {\n            horizontal: css`\n                ${tokens.orientation}: row;\n            `,\n            vertical: css`\n                ${tokens.orientation}: column;\n            `,\n        },\n        gap: {\n            none: css`\n                ${tokens.gap}: 0;\n            `,\n            dense: css`\n                ${tokens.gap}: 0.125rem;\n            `,\n            wide: css`\n                ${tokens.gap}: 0.5rem;\n            `,\n        },\n        shape: {\n            default: css``,\n            segmented: css`\n                ${tokens.segmentedRadius}: 0.25rem;\n            `,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n        },\n    },\n};\n"],"names":["config","defaults","gap","orientation","shape","stretching","variations","horizontal","vertical","none","dense","wide","default","segmented","auto","filled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,GAAG,EAAE,OAAO;AACZC,IAAAA,WAAW,EAAE,YAAY;AACzBC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,UAAU,EAAE;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,WAAW,EAAE;AACTI,MAAAA,UAAU,EAAA,SAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDN,IAAAA,GAAG,EAAE;AACDO,MAAAA,IAAI,EAAA,UAEH;AACDC,MAAAA,KAAK,EAAA,SAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDP,IAAAA,KAAK,EAAE;AACHQ,MAAAA,SAAAA,EAAO,UAAO;AACdC,MAAAA,SAAS,EAAA;KAGZ;AACDR,IAAAA,UAAU,EAAE;AACRS,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA;AACV;AACJ;AACJ;;;;"}

package/dist/css/es/components/Group/Group.config_36238j.css

@@ -0,0 +1,9 @@
+.h8rgtz6{--sdds-core-group-orientation:row;}
+.v30hjos{--sdds-core-group-orientation:column;}
+.n1wlsvc8{--sdds-core-group-gap:0;}
+.dc0kj2y{--sdds-core-group-gap:0.125rem;}
+.w1wj4qcr{--sdds-core-group-gap:0.5rem;}
+
+.sqrfimr{--sdds-core-group-segmented-radius:0.25rem;}
+
+

package/dist/css/es/components/Group/Group.css

@@ -0,0 +1,9 @@
+.Group_config_36238j_h8rgtz6__d003af88{--sdds-core-group-orientation:row;}
+.Group_config_36238j_v30hjos__d003af88{--sdds-core-group-orientation:column;}
+.Group_config_36238j_n1wlsvc8__d003af88{--sdds-core-group-gap:0;}
+.Group_config_36238j_dc0kj2y__d003af88{--sdds-core-group-gap:0.125rem;}
+.Group_config_36238j_w1wj4qcr__d003af88{--sdds-core-group-gap:0.5rem;}
+
+.Group_config_36238j_sqrfimr__d003af88{--sdds-core-group-segmented-radius:0.25rem;}
+
+

package/dist/css/es/components/Group/Group.js

@@ -0,0 +1,12 @@
+import { component, mergeConfig, groupConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './Group.config.js';
+
+var mergedConfig = /*#__PURE__*/mergeConfig(groupConfig, config);
+
+/**
+ * Группа элементов с общими отступами, направлением и скруглением внутренних углов.
+ */
+var Group = /*#__PURE__*/component(mergedConfig);
+
+export { Group };
+//# sourceMappingURL=Group.js.map

package/dist/css/es/components/Group/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../../../../src-css/components/Group/Group.tsx"],"sourcesContent":["import { groupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Group.config';\n\nconst mergedConfig = mergeConfig(groupConfig, config);\n\n/**\n * Группа элементов с общими отступами, направлением и скруглением внутренних углов.\n */\nexport const Group = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","groupConfig","config","Group","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC;;AAErD;AACA;AACA;IACaC,KAAK,gBAAGC,SAAS,CAACL,YAAY;;;;"}

package/dist/css/es/index.css

@@ -442,6 +442,16 @@
 
 .Grid_config_1r5u31h_dkdyffc__ffc63594{max-width:var(--plasma_private-grid-max-width,unset);--plasma-grid-smallM-cols-count:6;--plasma-grid-smallM-gap:0.5rem;--plasma-grid-smallM-margin:1rem;--plasma-grid-smallM-min-width:0;--plasma-grid-mediumS-cols-count:12;--plasma-grid-mediumS-gap:0.5rem;--plasma-grid-mediumS-margin:1.25rem;--plasma-grid-mediumS-min-width:35rem;--plasma-grid-mediumM-cols-count:18;--plasma-grid-mediumM-gap:0.5rem;--plasma-grid-mediumM-margin:1.75rem;--plasma-grid-mediumM-min-width:49.125rem;--plasma-grid-largeS-cols-count:24;--plasma-grid-largeS-gap:0.5rem;--plasma-grid-largeS-margin:2.5rem;--plasma-grid-largeS-min-width:60rem;--plasma-grid-largeM-cols-count:30;--plasma-grid-largeM-gap:0.5rem;--plasma-grid-largeM-margin:4rem;--plasma-grid-largeM-min-width:75rem;}@media (min-width:0){.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594{--plasma_private-grid-cols-count:var(--plasma-grid-smallM-cols-count);--plasma_private-grid-gap:calc(var(--plasma-grid-smallM-gap) / 2);--plasma_private-grid-margin:var(--plasma-grid-smallM-margin);padding:0 var(--plasma_private-grid-margin);}.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594 .Grid_config_1r5u31h_plasmaGridColItem__ffc63594{--plasma_private-col-width:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-smallM-size,var(--plasma_private-grid-col-default-size)));--plasma_private-col-offset:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-smallM-offset,var(--plasma_private-grid-col-default-offset)));width:var(--plasma_private-col-width,auto);margin-left:var(--plasma_private-col-offset,initial);}}@media (min-width:35rem){.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594{--plasma_private-grid-cols-count:var(--plasma-grid-mediumS-cols-count);--plasma_private-grid-gap:calc(var(--plasma-grid-mediumS-gap) / 2);--plasma_private-grid-margin:var(--plasma-grid-mediumS-margin);padding:0 var(--plasma_private-grid-margin);}.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594 .Grid_config_1r5u31h_plasmaGridColItem__ffc63594{--plasma_private-col-width:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-mediumS-size,var(--plasma_private-grid-col-default-size)));--plasma_private-col-offset:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-mediumS-offset,var(--plasma_private-grid-col-default-offset)));width:var(--plasma_private-col-width,auto);margin-left:var(--plasma_private-col-offset,initial);}}@media (min-width:49.125rem){.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594{--plasma_private-grid-cols-count:var(--plasma-grid-mediumM-cols-count);--plasma_private-grid-gap:calc(var(--plasma-grid-mediumM-gap) / 2);--plasma_private-grid-margin:var(--plasma-grid-mediumM-margin);padding:0 var(--plasma_private-grid-margin);}.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594 .Grid_config_1r5u31h_plasmaGridColItem__ffc63594{--plasma_private-col-width:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-mediumM-size,var(--plasma_private-grid-col-default-size)));--plasma_private-col-offset:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-mediumM-offset,var(--plasma_private-grid-col-default-offset)));width:var(--plasma_private-col-width,auto);margin-left:var(--plasma_private-col-offset,initial);}}@media (min-width:60rem){.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594{--plasma_private-grid-cols-count:var(--plasma-grid-largeS-cols-count);--plasma_private-grid-gap:calc(var(--plasma-grid-largeS-gap) / 2);--plasma_private-grid-margin:var(--plasma-grid-largeS-margin);padding:0 var(--plasma_private-grid-margin);}.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594 .Grid_config_1r5u31h_plasmaGridColItem__ffc63594{--plasma_private-col-width:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-largeS-size,var(--plasma_private-grid-col-default-size)));--plasma_private-col-offset:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-largeS-offset,var(--plasma_private-grid-col-default-offset)));width:var(--plasma_private-col-width,auto);margin-left:var(--plasma_private-col-offset,initial);}}@media (min-width:75rem){.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594{--plasma_private-grid-cols-count:var(--plasma-grid-largeM-cols-count);--plasma_private-grid-gap:calc(var(--plasma-grid-largeM-gap) / 2);--plasma_private-grid-margin:var(--plasma-grid-largeM-margin);padding:0 var(--plasma_private-grid-margin);}.Grid_config_1r5u31h_dkdyffc__ffc63594.Grid_config_1r5u31h_plasmaGridDefaultView__ffc63594 .Grid_config_1r5u31h_plasmaGridColItem__ffc63594{--plasma_private-col-width:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-largeM-size,var(--plasma_private-grid-col-default-size)));--plasma_private-col-offset:calc(100% / var(--plasma_private-grid-cols-count) * var(--plasma_private-grid-col-largeM-offset,var(--plasma_private-grid-col-default-offset)));width:var(--plasma_private-col-width,auto);margin-left:var(--plasma_private-col-offset,initial);}}
 
+.Group_config_36238j_h8rgtz6__d003af88{--sdds-core-group-orientation:row;}
+.Group_config_36238j_v30hjos__d003af88{--sdds-core-group-orientation:column;}
+.Group_config_36238j_n1wlsvc8__d003af88{--sdds-core-group-gap:0;}
+.Group_config_36238j_dc0kj2y__d003af88{--sdds-core-group-gap:0.125rem;}
+.Group_config_36238j_w1wj4qcr__d003af88{--sdds-core-group-gap:0.5rem;}
+
+.Group_config_36238j_sqrfimr__d003af88{--sdds-core-group-segmented-radius:0.25rem;}
+
+
+
 .IconButton_config_gtrhee_d18ihzhr__f98179b0{--plasma-icon-button-color:var(--inverse-text-primary,#14191DF5);--plasma-icon-button-background-color:var(--surface-solid-default,#F6F9FB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover,#151A1E93);--plasma-icon-button-color-active:var(--inverse-text-primary-active,#151A1EC4);}
 .IconButton_config_gtrhee_asnn66s__f98179b0{--plasma-icon-button-color:var(--on-dark-text-primary,#F3F7FAF5);--plasma-icon-button-background-color:var(--surface-accent,#1F9EEB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover,#3AA9EEFF);--plasma-icon-button-background-color-active:var(--surface-accent-active,#1498EBFF);}
 .IconButton_config_gtrhee_sxdpxpi__f98179b0{--plasma-icon-button-color:var(--text-primary,#F3F7FAF5);--plasma-icon-button-background-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover,#CEDAE342);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active,#CEDAE314);}

package/dist/css/es/index.js

@@ -1,5 +1,5 @@
 export { Accordion } from './components/Accordion/Accordion.js';
-export { AccordionItem, ButtonBase, CardContent, CardInnerContent, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PopupProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dateTimePickerClasses, dateTimePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, informationWrapperClasses, informationWrapperTokens, modalClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, stepsTokens, textFieldTokens, timePickerClasses, timePickerTokens, toolbarTokens, useNotifications, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope/css';
+export { AccordionItem, ButtonBase, CardContent, CardInnerContent, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PopupProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dateTimePickerClasses, dateTimePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, groupTokens, informationWrapperClasses, informationWrapperTokens, modalClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, stepsTokens, textFieldTokens, timePickerClasses, timePickerTokens, toolbarTokens, useNotifications, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope/css';
 export { Attach } from './components/Attach/Attach.js';
 export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
 export { Avatar } from './components/Avatar/Avatar.js';
@@ -30,6 +30,7 @@ export { EmbedIconButton } from './components/EmbedIconButton/EmbedIconButton.js
 export { EmptyState } from './components/EmptyState/EmptyState.js';
 export { Flow } from './components/Flow/Flow.js';
 export { Grid } from './components/Grid/Grid.js';
+export { Group } from './components/Group/Group.js';
 export { IconButton } from './components/IconButton/IconButton.js';
 export { IconTabItem, TabItem } from './components/Tabs/TabItem.js';
 export { Image } from './components/Image/Image.js';

package/dist/css/es/index.js.map

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

package/dist/emotion/cjs/components/Group/Group.config.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const config = {
+    defaults: {
+        gap: 'dense',
+        orientation: 'horizontal',
+        shape: 'default',
+        stretching: 'auto'
+    },
+    variations: {
+        orientation: {
+            horizontal: (0, _emotion.css)`
+                ${_emotion.groupTokens.orientation}: row;
+            `,
+            vertical: (0, _emotion.css)`
+                ${_emotion.groupTokens.orientation}: column;
+            `
+        },
+        gap: {
+            none: (0, _emotion.css)`
+                ${_emotion.groupTokens.gap}: 0;
+            `,
+            dense: (0, _emotion.css)`
+                ${_emotion.groupTokens.gap}: 0.125rem;
+            `,
+            wide: (0, _emotion.css)`
+                ${_emotion.groupTokens.gap}: 0.5rem;
+            `
+        },
+        shape: {
+            default: (0, _emotion.css)``,
+            segmented: (0, _emotion.css)`
+                ${_emotion.groupTokens.segmentedRadius}: 0.25rem;
+            `
+        },
+        stretching: {
+            auto: (0, _emotion.css)``,
+            filled: (0, _emotion.css)``
+        }
+    }
+};

package/dist/emotion/cjs/components/Group/Group.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Group", {
+    enumerable: true,
+    get: function() {
+        return Group;
+    }
+});
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const _Groupconfig = require("./Group.config");
+const mergedConfig = (0, _emotion.mergeConfig)(_emotion.groupConfig, _Groupconfig.config);
+const Group = (0, _emotion.component)(mergedConfig);

package/dist/emotion/cjs/components/Group/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Group () {
+        return _Group.Group;
+    },
+    get groupTokens () {
+        return _emotion.groupTokens;
+    }
+});
+const _Group = require("./Group");
+const _emotion = require("@salutejs/plasma-new-hope/emotion");

package/dist/emotion/cjs/index.js

@@ -7,6 +7,7 @@ _export_star(require("./components/AvatarGroup"), exports);
 _export_star(require("./components/Badge"), exports);
 _export_star(require("./components/Button"), exports);
 _export_star(require("./components/ButtonGroup"), exports);
+_export_star(require("./components/Group"), exports);
 _export_star(require("./components/Breadcrumbs"), exports);
 _export_star(require("./components/Divider"), exports);
 _export_star(require("./components/Drawer"), exports);

package/dist/emotion/es/components/Group/Group.config.js

@@ -0,0 +1,40 @@
+import { css, groupTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
+export const config = {
+    defaults: {
+        gap: 'dense',
+        orientation: 'horizontal',
+        shape: 'default',
+        stretching: 'auto'
+    },
+    variations: {
+        orientation: {
+            horizontal: css`
+                ${tokens.orientation}: row;
+            `,
+            vertical: css`
+                ${tokens.orientation}: column;
+            `
+        },
+        gap: {
+            none: css`
+                ${tokens.gap}: 0;
+            `,
+            dense: css`
+                ${tokens.gap}: 0.125rem;
+            `,
+            wide: css`
+                ${tokens.gap}: 0.5rem;
+            `
+        },
+        shape: {
+            default: css``,
+            segmented: css`
+                ${tokens.segmentedRadius}: 0.25rem;
+            `
+        },
+        stretching: {
+            auto: css``,
+            filled: css``
+        }
+    }
+};

package/dist/emotion/es/components/Group/Group.js

@@ -0,0 +1,6 @@
+import { groupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
+import { config } from './Group.config';
+const mergedConfig = mergeConfig(groupConfig, config);
+/**
+ * Группа элементов с общими отступами, направлением и скруглением внутренних углов.
+ */ export const Group = component(mergedConfig);

package/dist/emotion/es/components/Group/index.js

@@ -0,0 +1,2 @@
+export { Group } from './Group';
+export { groupTokens } from '@salutejs/plasma-new-hope/emotion';

package/dist/emotion/es/index.js

@@ -3,6 +3,7 @@ export * from './components/AvatarGroup';
 export * from './components/Badge';
 export * from './components/Button';
 export * from './components/ButtonGroup';
+export * from './components/Group';
 export * from './components/Breadcrumbs';
 export * from './components/Divider';
 export * from './components/Drawer';

package/dist/styled-components/cjs/components/Group/Group.config.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
+    defaults: {
+        gap: 'dense',
+        orientation: 'horizontal',
+        shape: 'default',
+        stretching: 'auto'
+    },
+    variations: {
+        orientation: {
+            horizontal: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.orientation}: row;
+            `,
+            vertical: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.orientation}: column;
+            `
+        },
+        gap: {
+            none: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.gap}: 0;
+            `,
+            dense: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.gap}: 0.125rem;
+            `,
+            wide: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.gap}: 0.5rem;
+            `
+        },
+        shape: {
+            default: (0, _styledcomponents.css)``,
+            segmented: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.segmentedRadius}: 0.25rem;
+            `
+        },
+        stretching: {
+            auto: (0, _styledcomponents.css)``,
+            filled: (0, _styledcomponents.css)``
+        }
+    }
+};

package/dist/styled-components/cjs/components/Group/Group.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Group", {
+    enumerable: true,
+    get: function() {
+        return Group;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Groupconfig = require("./Group.config");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.groupConfig, _Groupconfig.config);
+const Group = (0, _styledcomponents.component)(mergedConfig);

package/dist/styled-components/cjs/components/Group/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Group () {
+        return _Group.Group;
+    },
+    get groupTokens () {
+        return _styledcomponents.groupTokens;
+    }
+});
+const _Group = require("./Group");
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/dist/styled-components/cjs/index.js

@@ -7,6 +7,7 @@ _export_star(require("./components/AvatarGroup"), exports);
 _export_star(require("./components/Badge"), exports);
 _export_star(require("./components/Button"), exports);
 _export_star(require("./components/ButtonGroup"), exports);
+_export_star(require("./components/Group"), exports);
 _export_star(require("./components/Breadcrumbs"), exports);
 _export_star(require("./components/Divider"), exports);
 _export_star(require("./components/Drawer"), exports);

package/dist/styled-components/es/components/Group/Group.config.js

@@ -0,0 +1,40 @@
+import { css, groupTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export const config = {
+    defaults: {
+        gap: 'dense',
+        orientation: 'horizontal',
+        shape: 'default',
+        stretching: 'auto'
+    },
+    variations: {
+        orientation: {
+            horizontal: css`
+                ${tokens.orientation}: row;
+            `,
+            vertical: css`
+                ${tokens.orientation}: column;
+            `
+        },
+        gap: {
+            none: css`
+                ${tokens.gap}: 0;
+            `,
+            dense: css`
+                ${tokens.gap}: 0.125rem;
+            `,
+            wide: css`
+                ${tokens.gap}: 0.5rem;
+            `
+        },
+        shape: {
+            default: css``,
+            segmented: css`
+                ${tokens.segmentedRadius}: 0.25rem;
+            `
+        },
+        stretching: {
+            auto: css``,
+            filled: css``
+        }
+    }
+};

package/dist/styled-components/es/components/Group/Group.js

@@ -0,0 +1,6 @@
+import { groupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Group.config';
+const mergedConfig = mergeConfig(groupConfig, config);
+/**
+ * Группа элементов с общими отступами, направлением и скруглением внутренних углов.
+ */ export const Group = component(mergedConfig);

package/dist/styled-components/es/components/Group/index.js

@@ -0,0 +1,2 @@
+export { Group } from './Group';
+export { groupTokens } from '@salutejs/plasma-new-hope/styled-components';

package/dist/styled-components/es/index.js

@@ -3,6 +3,7 @@ export * from './components/AvatarGroup';
 export * from './components/Badge';
 export * from './components/Button';
 export * from './components/ButtonGroup';
+export * from './components/Group';
 export * from './components/Breadcrumbs';
 export * from './components/Divider';
 export * from './components/Drawer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-finai",
-  "version": "0.367.1-dev.0",
+  "version": "0.368.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS FinAI web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -52,8 +52,8 @@
     "styled-components": "^5.3.11"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.388.1-dev.0",
-    "@sddsjs/sdds_finai": "0.2.1",
+    "@salutejs/plasma-new-hope": "0.389.0-dev.0",
+    "@sddsjs/sdds_finai": "0.2.3",
     "classnames": "2.5.1"
   },
   "devDependencies": {
@@ -76,10 +76,10 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@salutejs/plasma-colors": "0.28.0-dev.0",
-    "@salutejs/plasma-core": "1.249.0-dev.0",
-    "@salutejs/plasma-cy-utils": "0.179.0-dev.0",
+    "@salutejs/plasma-core": "1.250.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.180.0-dev.0",
     "@salutejs/plasma-icons": "1.257.1-dev.0",
-    "@salutejs/plasma-sb-utils": "0.251.1-dev.0",
+    "@salutejs/plasma-sb-utils": "0.252.0-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -130,5 +130,11 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "ed4c47d66e4b9e902ba7b56c72b5df1da7230489"
+  "overrides": {
+    "@linaria/babel-preset": {
+      "happy-dom": "21.0.4"
+    },
+    "dompurify": "3.4.17"
+  },
+  "gitHead": "3c21629c0b49cb41f7254eb061bb18e82a13e858"
 }

package/types/components/Group/Group.config.d.ts

@@ -0,0 +1,27 @@
+export declare const config: {
+    defaults: {
+        gap: string;
+        orientation: string;
+        shape: string;
+        stretching: string;
+    };
+    variations: {
+        orientation: {
+            horizontal: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            vertical: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
+        gap: {
+            none: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
+        shape: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
+        stretching: {
+            auto: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
+    };
+};

package/types/components/Group/Group.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Группа элементов с общими отступами, направлением и скруглением внутренних углов.
+ */
+export declare const Group: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+    orientation: {
+        horizontal: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        vertical: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    gap: {
+        none: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    shape: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    stretching: {
+        auto: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/styled-components").GroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/Group/index.d.ts

@@ -0,0 +1,3 @@
+export { Group } from './Group';
+export { groupTokens } from '@salutejs/plasma-new-hope/styled-components';
+export type { GroupProps } from '@salutejs/plasma-new-hope/styled-components';

package/types/index.d.ts

@@ -3,6 +3,7 @@ export * from './components/AvatarGroup';
 export * from './components/Badge';
 export * from './components/Button';
 export * from './components/ButtonGroup';
+export * from './components/Group';
 export * from './components/Breadcrumbs';
 export * from './components/Divider';
 export * from './components/Drawer';

package/types/mixins/index.d.ts

@@ -1,7 +1,7 @@
 export { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
 export declare const applyPaper: ({ backgroundColor, shadow, borderRadius, styles }: {
     backgroundColor?: ("surfaceReadOnly" | "surfaceReadOnlyActive" | "surfaceReadOnlyHover" | "inverseSurfaceReadOnly" | "inverseSurfaceReadOnlyActive" | "inverseSurfaceReadOnlyHover" | "onDarkSurfaceReadOnly" | "onDarkSurfaceReadOnlyActive" | "onDarkSurfaceReadOnlyHover" | "onLightSurfaceReadOnly" | "onLightSurfaceReadOnlyActive" | "onLightSurfaceReadOnlyHover" | "outlineReadOnly" | "outlineReadOnlyActive" | "outlineReadOnlyHover" | "inverseOutlineReadOnly" | "inverseOutlineReadOnlyActive" | "inverseOutlineReadOnlyHover" | "onDarkOutlineReadOnly" | "onDarkOutlineReadOnlyActive" | "onDarkOutlineReadOnlyHover" | "onLightOutlineReadOnly" | "onLightOutlineReadOnlyActive" | "onLightOutlineReadOnlyHover" | "dataOrchidOnLight" | "dataOrchidOnLightActive" | "dataOrchidOnLightHover" | "inverseDataOrchidOnLight" | "inverseDataOrchidOnLightActive" | "inverseDataOrchidOnLightHover" | "onDarkDataOrchidOnLight" | "onDarkDataOrchidOnLightActive" | "onDarkDataOrchidOnLightHover" | "onLightDataOrchidOnLight" | "onLightDataOrchidOnLightActive" | "onLightDataOrchidOnLightHover" | "dataFuchsiaOnLight" | "dataFuchsiaOnLightActive" | "dataFuchsiaOnLightHover" | "inverseDataFuchsiaOnLight" | "inverseDataFuchsiaOnLightActive" | "inverseDataFuchsiaOnLightHover" | "onDarkDataFuchsiaOnLight" | "onDarkDataFuchsiaOnLightActive" | "onDarkDataFuchsiaOnLightHover" | "onLightDataFuchsiaOnLight" | "onLightDataFuchsiaOnLightActive" | "onLightDataFuchsiaOnLightHover" | "dataYellowOnLight" | "dataYellowOnLightActive" | "dataYellowOnLightHover" | "inverseDataYellowOnLight" | "inverseDataYellowOnLightActive" | "inverseDataYellowOnLightHover" | "onDarkDataYellowOnLight" | "onDarkDataYellowOnLightActive" | "onDarkDataYellowOnLightHover" | "onLightDataYellowOnLight" | "onLightDataYellowOnLightActive" | "onLightDataYellowOnLightHover" | "dataGrayOnLight" | "dataGrayOnLightActive" | "dataGrayOnLightHover" | "inverseDataGrayOnLight" | "inverseDataGrayOnLightActive" | "inverseDataGrayOnLightHover" | "onDarkDataGrayOnLight" | "onDarkDataGrayOnLightActive" | "onDarkDataGrayOnLightHover" | "dataBlueOnLight" | "dataBlueOnLightActive" | "dataBlueOnLightHover" | "onDarkDataBlueOnLight" | "onDarkDataBlueOnLightActive" | "onDarkDataBlueOnLightHover" | "onLightDataBlueOnLight" | "onLightDataBlueOnLightActive" | "onLightDataBlueOnLightHover" | "dataRedOnLight" | "dataRedOnLightActive" | "dataRedOnLightHover" | "inverseDataRedOnLight" | "inverseDataRedOnLightActive" | "inverseDataRedOnLightHover" | "onDarkDataRedOnLight" | "onDarkDataRedOnLightActive" | "onDarkDataRedOnLightHover" | "onLightDataRedOnLight" | "onLightDataRedOnLightActive" | "onLightDataRedOnLightHover" | "dataOrangeOnLight" | "dataOrangeOnLightActive" | "dataOrangeOnLightHover" | "inverseDataOrangeOnLight" | "inverseDataOrangeOnLightActive" | "inverseDataOrangeOnLightHover" | "onDarkDataOrangeOnLight" | "onDarkDataOrangeOnLightActive" | "onDarkDataOrangeOnLightHover" | "onLightDataOrangeOnLight" | "onLightDataOrangeOnLightActive" | "onLightDataOrangeOnLightHover" | "darkOverlaySoft" | "dataArcticOnLight" | "dataArcticOnLightActive" | "dataArcticOnLightHover" | "inverseDataArcticOnLight" | "inverseDataArcticOnLightActive" | "inverseDataArcticOnLightHover" | "onDarkDataArcticOnLight" | "onDarkDataArcticOnLightActive" | "onDarkDataArcticOnLightHover" | "dataYellowSoft" | "dataYellowSoftActive" | "dataYellowSoftHover" | "inverseDataYellowSoft" | "inverseDataYellowSoftActive" | "inverseDataYellowSoftHover" | "onDarkDataYellowSoft" | "onDarkDataYellowSoftActive" | "onDarkDataYellowSoftHover" | "onLightDataYellowSoft" | "onLightDataYellowSoftActive" | "onLightDataYellowSoftHover" | "outlineSecondaryActive" | "onLightOutlineSecondary" | "outlineTertiaryActive" | "inverseOutlineTertiaryHover" | "outlineTertiaryHover" | "onDarkSurfaceSolidCardBrightnessActive" | "inverseSurfaceSolidCardBrightnessActive" | "onLightSurfaceSolidPrimaryBrightnessHover" | "onDarkOutlinePrimaryHover" | "onDarkOutlinePrimary" | "onDarkOutlinePrimaryActive" | "inverseOutlinePrimaryHover" | "inverseOutlineDefaultHover" | "dataGreenOnLight" | "dataGreenOnLightActive" | "dataGreenOnLightHover" | "inverseDataGreenOnLight" | "inverseDataGreenOnLightActive" | "inverseDataGreenOnLightHover" | "onDarkDataGreenOnLight" | "onDarkDataGreenOnLightActive" | "onDarkDataGreenOnLightHover" | "onLightDataGreenOnLight" | "onLightDataGreenOnLightActive" | "onLightDataGreenOnLightHover" | "lightOverlaySoft" | "darkOverlayBlur" | "darkOverlayHard" | "onLightOutlineSecondaryHover" | "inverseOutlineSecondaryHover" | "onLightOutlineTertiary" | "surfaceSolidCardBrightnessActive" | "onLightSurfaceSolidCardBrightnessActive" | "onLightSurfaceSolidCardBrightnessHover" | "inverseTextPrimaryBrightnessHover" | "textPrimaryBrightnessActive" | "surfaceSolidPrimaryBrightnessActive" | "onLightSurfaceSolidPrimaryBrightnessActive" | "inverseSurfaceSolidPrimaryBrightnessActive" | "outlinePrimaryHover" | "onLightOutlinePrimaryHover" | "onLightOutlinePrimary" | "onLightOutlinePrimaryActive" | "onLightDataYellowDrak" | "onDarkDataElectricBlueOnLightHover" | "dataYellowOnDarkActive" | "onDarkDataYellowOnDarkActive" | "lightOverlayHard" | "outlineTertiary" | "inverseOutlineTertiary" | "surfaceSolidCardBrightnessHover" | "onDarkSurfaceSolidCardBrightnessHover" | "onDarkSurfaceTransparentCardBrightnessHover" | "onDarkSurfaceSolidPrimaryBrightnessHover" | "inverseOutlineDefaultActive" | "inverseDataSkyBlueOnLightActive" | "inverseDataSkyBlueOnLight" | "onLightDataYellowDrakHover" | "dataElectricBlueOnLightHover" | "dataElectricBlueOnLightActive" | "lightOverlayBlur" | "inverseOutlineSecondary" | "inverseSurfaceSolidCardBrightnessHover" | "onDarkTextPrimaryBrightnessHover" | "textPrimaryBrightnessHover" | "onLightSurfaceTransparentCardBrightnessHover" | "inverseDataYellowDrakHover" | "onDarkDataElectricBlueOnLight" | "onDarkDataYellowOnDarkHover" | "dataYellowOnDarkHover" | "dataYellowOnDark" | "inverseDataYellowOnDarkActive" | "inverseOutlineSecondaryActive" | "onDarkOutlineSecondaryHover" | "outlineSecondaryHover" | "onDarkOutlineSecondary" | "onLightOutlineSecondaryActive" | "outlineSecondary" | "onDarkOutlineSecondaryActive" | "onLightSurfaceMinorPositiveHover" | "onLightSurfaceMinorPositive" | "onLightSurfaceMinorPositiveActive" | "inverseOutlineTertiaryActive" | "onLightOutlineTertiaryHover" | "onDarkOutlineTertiaryHover" | "onLightOutlineTertiaryActive" | "onDarkOutlineTertiaryActive" | "onDarkOutlineTertiary" | "inverseTextPrimaryBrightnessActive" | "onDarkTextPrimaryBrightnessActive" | "onLightTextPrimaryBrightnessHover" | "onLightTextPrimaryBrightnessActive" | "inverseSurfaceTransparentCardBrightnessActive" | "onLightSurfaceTransparentCardBrightnessActive" | "surfaceTransparentCardBrightnessHover" | "onDarkSurfaceTransparentCardBrightnessActive" | "inverseSurfaceTransparentCardBrightnessHover" | "surfaceTransparentCardBrightnessActive" | "onDarkSurfaceSolidPrimaryBrightnessActive" | "surfaceSolidPrimaryBrightnessHover" | "inverseSurfaceSolidPrimaryBrightnessHover" | "outlinePrimary" | "inverseOutlinePrimaryActive" | "inverseOutlinePrimary" | "outlinePrimaryActive" | "inverseOutlineDefault" | "inverseDataSkyBlueOnLightHover" | "onLightDataArcticLigth" | "onLightDataArcticLigthActive" | "onLightDataArcticLigthHover" | "inverseDataYellowDrak" | "inverseDataYellowDrakActive" | "onLightDataYellowDrakActive" | "onLightDataElectricBlueOnLightActive" | "dataElectricBlueOnLight" | "onDarkDataElectricBlueOnLightActive" | "onLightDataElectricBlueOnLight" | "onLightDataElectricBlueOnLightHover" | "inverseDataElectricBlueOnLight" | "inverseDataElectricBlueOnLightHover" | "inverseDataElectricBlueOnLightActive" | "onLightDataGrayLigthActive" | "onLightDataGrayLigthHover" | "onLightDataGrayLigth" | "inverseDataYellowOnDark" | "inverseDataYellowOnDarkHover" | "onDarkDataYellowOnDark" | "onDarkDataBlueSoftHover" | "inverseDataMalachiteLightActive" | "dataMalachiteLight" | "dataSpringLightHover" | "onLightDataPinkLightActive" | "onDarkDataArcticMinor" | "onDarkDataRedTransparentActive" | "inverseDataGreenLightActive" | "onLightSurfaceAccentHover" | "inverseSurfaceTransparentInfoHover" | "inverseOutlineTransparentPositiveActive" | "inverseDataPinkLightActive" | "dataPinkLight" | "dataArcticMinorHover" | "dataYellowTransparentActive" | "dataOrangeLightActive" | "onDarkSurfaceSolidTertiaryActive" | "textInfoHover" | "onLightDataBlueSoftActive" | "onDarkDataMalachiteLight" | "onDarkDataSpringLightHover" | "onLightDataMalachiteMinorActive" | "inverseDataFuchsiaMinorHover" | "onLightDataBlueSoft" | "onLightDataMalachiteLightHover" | "onDarkDataSpringLightActive" | "inverseDataPinkLight" | "dataArcticMinorActive" | "inverseDataArcticMinorHover" | "onDarkDataGreenMinorActive" | "onDarkDataElectricBlueLightActive" | "surfaceTransparentSecondaryHover" | "surfaceTransparentDeep" | "inverseSurfaceSolidDefault" | "inverseTextWarningMinorHover" | "inverseSurfaceAccent" | "onDarkSurfaceAccent" | "textInfoMinorActive" | "onDarkDataBlueSoft" | "onDarkDataMalachiteLightHover" | "dataSpringLight" | "inverseDataSpringLightActive" | "dataPinkLightHover" | "onLightDataArcticMinorActive" | "onLightOutlineSolidSecondaryActive" | "onLightSurfaceTransparentTertiaryActive" | "surfaceNegativeMinorActive" | "onLightSurfaceNegativeMinorActive" | "onLightSurfaceSolidTertiaryHover" | "inverseTextInfoMinorActive" | "onDarkDataMalachiteLightActive" | "inverseDataSpringLight" | "inverseDataPinkLightHover" | "dataPinkLightActive" | "onLightDataArcticMinor" | "inverseDataYellowTransparent" | "onLightDataOrchidMinorActive" | "onLightDataFuchsiaLightHover" | "inverseOutlinePositiveMinorActive" | "outlineInfoMinorActive" | "inverseOutlineTransparentNegativeActive" | "surfaceAccentMinor" | "inverseSurfaceInfoMinorActive" | "onLightDataYellowDark" | "onLightDataBlueTransparentActive" | "surfacePositiveMinorActive" | "onDarkTextSecondary" | "inverseTextWarningMinor" | "inverseTextInfo" | "onLightDataMalachiteLight" | "onLightDataSpringLightHover" | "onDarkDataPinkLightActive" | "inverseDataArcticMinor" | "dataYellowMinorActive" | "dataGrayMinorHover" | "onLightSurfaceSolidCardActive" | "onLightSurfaceTransparentNegativeActive" | "inverseSurfaceTransparentNegativeActive" | "onLightTextPrimary" | "onLightTextWarningMinorActive" | "dataBlueSoft" | "inverseDataBlueSoftActive" | "dataMalachiteLightHover" | "onLightDataSpringLightActive" | "onDarkDataPinkLight" | "onDarkDataArcticMinorHover" | "inverseDataRedLightActive" | "inverseDataOrchidMinor" | "dataOrchidMinorHover" | "onDarkDataGreenLightActive" | "dataBlueSoftHover" | "onLightDataMalachiteLightActive" | "onDarkDataSpringLight" | "onDarkDataPinkLightHover" | "dataArcticMinor" | "inverseDataArcticMinorActive" | "onDarkDataArcticLightActive" | "onDarkOutlineInfoMinorHover" | "onLightOutlineTransparentAccentActive" | "onDarkDataBlueSoftActive" | "dataBlueSoftActive" | "onLightDataBlueSoftHover" | "inverseDataBlueSoftHover" | "onDarkDataGreenActive" | "dataBlue" | "dataOrangeLight" | "dataYellowMinor" | "dataYellowTransparent" | "inverseDataOrchidLightHover" | "inverseDataYellowTransparentHover" | "onDarkDataGreen" | "onDarkDataRed" | "onDarkDataYellowDarkActive" | "onLightDataMalachiteMinor" | "onLightDataYellow" | "onLightDataYellowTransparentHover" | "inverseOutlineAccentMinor" | "onDarkOutlineAccentMinor" | "surfaceTransparentCardHover" | "textInfoActive" | "surfaceAccentMinorActive" | "surfaceTransparentTertiary" | "inverseSurfaceTransparentDeepActive" | "inverseSurfaceTransparentTertiaryHover" | "textInfo" | "onDarkSurfaceTransparentDeepActive" | "onLightSurfaceAccent" | "onLightSurfaceTransparentDeepHover" | "onLightSurfaceTransparentTertiary" | "textAccentMinor" | "onLightTextAccentMinor" | "textTertiary" | "onLightDataSpring" | "dataSpringActive" | "dataSpring" | "dataSpringHover" | "inverseDataSpringHover" | "onLightDataSpringHover" | "surfaceClear" | "inverseSurfaceAccentMinorActive" | "inverseSurfaceAccentMinor" | "onDarkSurfaceAccentMinor" | "onDarkSurfaceAccentMinorHover" | "onDarkSurfaceAccentMinorActive" | "onLightSurfaceAccentMinor" | "onLightSurfaceAccentMinorActive" | "onLightSurfaceAccentMinorHover" | "surfaceAccentMinorHover" | "inverseSurfaceAccentMinorHover" | "onDarkSurfaceAccentHover" | "surfaceAccentActive" | "surfaceAccent" | "inverseSurfaceAccentActive" | "inverseSurfaceAccentHover" | "surfaceAccentHover" | "onLightSurfaceAccentActive" | "onDarkSurfaceAccentActive" | "onLightSurfaceTransparentTertiaryHover" | "onDarkSurfaceTransparentTertiary" | "surfaceTransparentTertiaryActive" | "surfaceTransparentTertiaryHover" | "onDarkSurfaceTransparentTertiaryActive" | "onDarkSurfaceTransparentTertiaryHover" | "inverseSurfaceTransparentTertiaryActive" | "inverseSurfaceTransparentTertiary" | "onLightSurfaceTransparentSecondary" | "onDarkSurfaceTransparentSecondary" | "onDarkSurfaceTransparentSecondaryActive" | "onDarkSurfaceTransparentSecondaryHover" | "inverseSurfaceTransparentSecondaryHover" | "inverseSurfaceTransparentSecondaryActive" | "inverseSurfaceTransparentSecondary" | "surfaceTransparentSecondaryActive" | "surfaceTransparentSecondary" | "onLightSurfaceTransparentSecondaryHover" | "onLightSurfaceTransparentSecondaryActive" | "onDarkSurfaceTransparentPrimaryHover" | "surfaceTransparentPrimary" | "surfaceTransparentPrimaryActive" | "surfaceTransparentPrimaryHover" | "inverseSurfaceTransparentPrimary" | "inverseSurfaceTransparentPrimaryActive" | "inverseSurfaceClearHover" | "inverseSurfaceTransparentPrimaryHover" | "onDarkSurfaceTransparentPrimary" | "onDarkSurfaceTransparentPrimaryActive" | "onLightSurfaceTransparentPrimary" | "onLightSurfaceTransparentPrimaryActive" | "onLightSurfaceTransparentPrimaryHover" | "surfaceTransparentDeepActive" | "surfaceTransparentDeepHover" | "onDarkSurfaceTransparentDeepHover" | "inverseSurfaceTransparentDeep" | "inverseSurfaceTransparentDeepHover" | "onDarkSurfaceTransparentDeep" | "onLightSurfaceTransparentDeepActive" | "onLightSurfaceTransparentDeep" | "inverseSurfaceTransparentCardBrightness" | "inverseSurfaceTransparentCard" | "onDarkSurfaceTransparentCardHover" | "onDarkSurfaceTransparentCardBrightness" | "surfaceTransparentCardBrightness" | "surfaceTransparentCardActive" | "surfaceTransparentCard" | "onDarkSurfaceTransparentCardActive" | "onLightSurfaceTransparentCardHover" | "onLightSurfaceTransparentCardBrightness" | "onLightSurfaceTransparentCardActive" | "onLightSurfaceTransparentCard" | "onDarkSurfaceTransparentCard" | "inverseSurfaceTransparentCardHover" | "inverseSurfaceTransparentCardActive" | "surfaceClearHover" | "inverseSurfaceClearActive" | "inverseSurfaceClear" | "surfaceClearActive" | "onDarkSurfaceClear" | "onLightSurfaceClear" | "onLightSurfaceClearActive" | "onLightSurfaceClearHover" | "onDarkSurfaceClearActive" | "onDarkSurfaceClearHover" | "onDarkSurfaceWarningMinor" | "inverseSurfaceWarningMinorActive" | "onDarkSurfaceWarningMinorActive" | "onDarkSurfaceWarningMinorHover" | "inverseSurfaceWarningMinor" | "surfaceWarningMinorHover" | "surfaceWarningMinorActive" | "surfaceWarningMinor" | "inverseSurfaceWarningMinorHover" | "onLightSurfaceWarningMinor" | "onLightSurfaceWarningMinorActive" | "onLightSurfaceWarningMinorHover" | "onLightSurfaceWarning" | "onLightSurfaceWarningActive" | "inverseSurfaceWarningActive" | "onDarkSurfaceWarning" | "inverseSurfaceWarning" | "onLightSurfaceWarningHover" | "onDarkSurfaceWarningHover" | "surfaceSolidDefault" | "onDarkSurfaceWarningActive" | "inverseSurfaceWarningHover" | "surfaceWarning" | "surfaceWarningActive" | "surfaceWarningHover" | "onLightSurfacePositiveMinor" | "onDarkSurfacePositiveMinorHover" | "onDarkSurfacePositiveMinorActive" | "onLightSurfacePositiveMinorHover" | "onDarkSurfacePositiveMinor" | "surfacePositiveMinor" | "surfacePositiveMinorHover" | "inverseSurfacePositiveMinorHover" | "inverseSurfacePositiveMinorActive" | "inverseSurfacePositiveMinor" | "onLightSurfacePositiveMinorActive" | "surfacePositiveHover" | "surfacePositiveActive" | "surfacePositive" | "onDarkSurfacePositive" | "onLightSurfacePositiveActive" | "onDarkSurfacePositiveHover" | "onDarkSurfacePositiveActive" | "inverseSurfacePositiveHover" | "inverseSurfacePositiveActive" | "inverseSurfacePositive" | "onLightSurfacePositiveHover" | "onLightSurfacePositive" | "inverseSurfaceNegativeMinorActive" | "onDarkSurfaceNegativeMinorHover" | "onDarkSurfaceNegativeMinorActive" | "onDarkSurfaceNegativeMinor" | "surfaceNegativeMinor" | "surfaceNegativeMinorHover" | "onLightSurfaceNegativeMinorHover" | "onLightSurfaceNegativeMinor" | "inverseSurfaceNegativeMinorHover" | "inverseSurfaceNegativeMinor" | "onDarkSurfaceNegativeHover" | "inverseSurfaceNegative" | "inverseSurfaceNegativeActive" | "surfaceNegative" | "onLightSurfaceNegative" | "onLightSurfaceNegativeActive" | "inverseSurfaceNegativeHover" | "onLightSurfaceNegativeHover" | "onDarkSurfaceNegative" | "surfaceNegativeHover" | "surfaceNegativeActive" | "onDarkSurfaceNegativeActive" | "onDarkSurfaceInfoMinorHover" | "onLightSurfaceInfoMinorHover" | "onLightSurfaceInfoMinorActive" | "inverseSurfaceInfoMinor" | "surfaceInfoMinor" | "onLightSurfaceInfoMinor" | "surfaceInfoMinorActive" | "onDarkSurfaceInfoMinor" | "surfaceInfoMinorHover" | "inverseSurfaceInfoMinorHover" | "onDarkSurfaceInfoMinorActive" | "surfaceInfo" | "inverseSurfaceInfoHover" | "onLightSurfaceInfo" | "onLightSurfaceInfoActive" | "onLightSurfaceInfoHover" | "inverseSurfaceInfo" | "inverseSurfaceInfoActive" | "onDarkSurfaceInfoHover" | "surfaceInfoActive" | "surfaceInfoHover" | "onDarkSurfaceInfoActive" | "onDarkSurfaceInfo" | "surfaceSolidTertiaryHover" | "surfaceSolidTertiaryActive" | "surfaceSolidTertiary" | "inverseSurfaceSolidTertiary" | "inverseSurfaceSolidTertiaryActive" | "inverseSurfaceSolidTertiaryHover" | "onLightSurfaceSolidTertiaryActive" | "onLightSurfaceSolidTertiary" | "onDarkSurfaceSolidTertiary" | "onDarkSurfaceSolidTertiaryHover" | "onLightSurfaceSolidSecondaryHover" | "inverseSurfaceSolidSecondaryActive" | "inverseSurfaceSolidSecondaryHover" | "onDarkSurfaceSolidSecondary" | "onDarkSurfaceSolidSecondaryHover" | "onLightSurfaceSolidSecondary" | "onLightSurfaceSolidSecondaryActive" | "onDarkSurfaceSolidSecondaryActive" | "surfaceSolidSecondaryHover" | "surfaceSolidSecondaryActive" | "surfaceSolidSecondary" | "inverseSurfaceSolidSecondary" | "surfaceSolidPrimary" | "onLightSurfaceSolidPrimaryActive" | "onLightSurfaceSolidPrimaryBrightness" | "onLightSurfaceSolidPrimaryHover" | "onDarkSurfaceSolidPrimary" | "onDarkSurfaceSolidPrimaryActive" | "onDarkSurfaceSolidPrimaryBrightness" | "onDarkSurfaceSolidPrimaryHover" | "inverseSurfaceSolidPrimary" | "inverseSurfaceSolidPrimaryActive" | "inverseSurfaceSolidPrimaryBrightness" | "inverseSurfaceSolidPrimaryHover" | "surfaceSolidPrimaryHover" | "surfaceSolidPrimaryBrightness" | "surfaceSolidPrimaryActive" | "onLightSurfaceSolidPrimary" | "surfaceSolidDefaultHover" | "onLightSurfaceSolidDefault" | "onDarkSurfaceSolidDefaultHover" | "onDarkSurfaceSolidDefaultActive" | "onDarkSurfaceSolidDefault" | "surfaceSolidDefaultActive" | "onLightSurfaceSolidDefaultHover" | "onLightSurfaceSolidDefaultActive" | "inverseSurfaceSolidDefaultActive" | "inverseSurfaceSolidDefaultHover" | "onDarkSurfaceSolidCardActive" | "onDarkSurfaceSolidCard" | "onLightSurfaceSolidCardHover" | "onLightSurfaceSolidCardBrightness" | "surfaceSolidCardHover" | "onLightSurfaceSolidCard" | "inverseSurfaceSolidCardHover" | "inverseSurfaceSolidCardBrightness" | "inverseSurfaceSolidCardActive" | "inverseSurfaceSolidCard" | "surfaceSolidCard" | "surfaceSolidCardActive" | "surfaceSolidCardBrightness" | "onDarkSurfaceSolidCardHover" | "onDarkSurfaceSolidCardBrightness" | "inverseSurfaceTransparentAccentActive" | "inverseSurfaceTransparentAccent" | "inverseSurfaceTransparentAccentHover" | "onDarkSurfaceTransparentAccentHover" | "onDarkSurfaceTransparentAccentActive" | "surfaceTransparentAccentHover" | "surfaceTransparentAccent" | "surfaceTransparentAccentActive" | "onDarkSurfaceTransparentAccent" | "onLightSurfaceTransparentAccent" | "onLightSurfaceTransparentAccentActive" | "onLightSurfaceTransparentAccentHover" | "onLightOverlayBlur" | "inverseSurfaceTransparentWarningHover" | "inverseSurfaceTransparentWarning" | "onLightSurfaceTransparentWarning" | "onDarkSurfaceTransparentWarningHover" | "onDarkSurfaceTransparentWarningActive" | "onLightSurfaceTransparentWarningActive" | "surfaceTransparentWarningHover" | "surfaceTransparentWarningActive" | "surfaceTransparentWarning" | "onDarkSurfaceTransparentWarning" | "onLightSurfaceTransparentWarningHover" | "inverseSurfaceTransparentWarningActive" | "onDarkSurfaceTransparentPositive" | "onDarkSurfaceTransparentPositiveHover" | "onLightSurfaceTransparentPositive" | "onLightSurfaceTransparentPositiveActive" | "inverseSurfaceTransparentPositive" | "inverseSurfaceTransparentPositiveActive" | "inverseSurfaceTransparentPositiveHover" | "surfaceTransparentPositiveHover" | "onLightSurfaceTransparentPositiveHover" | "surfaceTransparentPositive" | "surfaceTransparentPositiveActive" | "onDarkSurfaceTransparentPositiveActive" | "surfaceTransparentNegativeActive" | "surfaceTransparentNegativeHover" | "onDarkSurfaceTransparentNegativeHover" | "onDarkSurfaceTransparentNegative" | "onDarkSurfaceTransparentNegativeActive" | "onLightSurfaceTransparentNegativeHover" | "onLightSurfaceTransparentNegative" | "inverseSurfaceTransparentNegative" | "inverseSurfaceTransparentNegativeHover" | "surfaceTransparentNegative" | "onDarkSurfaceTransparentInfoActive" | "inverseSurfaceTransparentInfoActive" | "inverseSurfaceTransparentInfo" | "onLightSurfaceTransparentInfoHover" | "onLightSurfaceTransparentInfoActive" | "onLightSurfaceTransparentInfo" | "onDarkSurfaceTransparentInfoHover" | "surfaceTransparentInfo" | "surfaceTransparentInfoActive" | "surfaceTransparentInfoHover" | "onDarkSurfaceTransparentInfo" | "onDarkOverlaySoft" | "onLightOverlaySoft" | "inverseOverlaySoft" | "overlaySoft" | "onDarkOverlayHard" | "inverseOverlayHard" | "onLightOverlayHard" | "overlayHard" | "inverseOverlayBlur" | "overlayBlur" | "onDarkOverlayBlur" | "onDarkTextAccentMinorHover" | "onLightTextAccentMinorActive" | "onLightTextAccentMinorHover" | "onDarkTextAccentMinor" | "onDarkTextAccentMinorActive" | "textAccentMinorHover" | "textAccentMinorActive" | "inverseTextAccentMinorHover" | "inverseTextAccentMinorActive" | "inverseTextAccentMinor" | "inverseTextAccentActive" | "inverseTextAccentHover" | "onLightTextAccentActive" | "textAccentHover" | "textAccentActive" | "textAccent" | "onDarkTextAccent" | "onLightTextAccentHover" | "onDarkTextAccentActive" | "inverseTextAccent" | "onDarkTextAccentHover" | "onLightTextAccent" | "onDarkTextTertiaryActive" | "onDarkTextTertiary" | "onLightTextTertiaryActive" | "onLightTextTertiary" | "inverseTextTertiaryHover" | "inverseTextTertiaryActive" | "inverseTextTertiary" | "textTertiaryHover" | "textTertiaryActive" | "onDarkTextTertiaryHover" | "onLightTextTertiaryHover" | "textSecondary" | "textSecondaryActive" | "textSecondaryHover" | "inverseTextSecondary" | "inverseTextSecondaryActive" | "inverseTextSecondaryHover" | "onDarkTextSecondaryActive" | "onDarkTextSecondaryHover" | "onLightTextSecondary" | "onLightTextSecondaryActive" | "onLightTextSecondaryHover" | "onLightTextPrimaryBrightness" | "textPrimaryHover" | "textPrimaryBrightness" | "textPrimaryActive" | "textPrimary" | "inverseTextPrimary" | "inverseTextPrimaryActive" | "inverseTextPrimaryBrightness" | "inverseTextPrimaryHover" | "onLightTextPrimaryActive" | "onLightTextPrimaryHover" | "onDarkTextPrimary" | "onDarkTextPrimaryActive" | "onDarkTextPrimaryBrightness" | "onDarkTextPrimaryHover" | "onDarkTextParagraph" | "onLightTextParagraphActive" | "onLightTextParagraphHover" | "textParagraphHover" | "textParagraphActive" | "textParagraph" | "inverseTextParagraph" | "inverseTextParagraphActive" | "inverseTextParagraphHover" | "onDarkTextParagraphHover" | "onDarkTextParagraphActive" | "onLightTextParagraph" | "onDarkTextGradientPrimaryActive" | "onDarkTextGradientPrimaryHover" | "textGradientPrimaryActive" | "textGradientPrimaryHover" | "inverseTextGradientPrimaryActive" | "onLightTextGradientPrimaryHover" | "onLightTextGradientPrimaryActive" | "inverseTextGradientPrimaryHover" | "textWarningMinorActive" | "onDarkTextWarningMinorHover" | "inverseTextWarningMinorActive" | "textWarningMinorHover" | "onDarkTextWarningMinorActive" | "textWarningMinor" | "onLightTextWarningMinor" | "onLightTextWarningMinorHover" | "onDarkTextWarningMinor" | "textWarning" | "onDarkTextWarningActive" | "onLightTextWarningActive" | "onLightTextWarningHover" | "onLightTextWarning" | "inverseTextWarningHover" | "onDarkTextWarningHover" | "onDarkTextWarning" | "inverseTextWarningActive" | "inverseTextWarning" | "textWarningHover" | "textWarningActive" | "textPositiveMinorActive" | "onDarkTextPositiveMinor" | "onDarkTextPositiveMinorActive" | "onDarkTextPositiveMinorHover" | "inverseTextPositiveMinor" | "inverseTextPositiveMinorActive" | "inverseTextPositiveMinorHover" | "textPositiveMinorHover" | "onLightTextPositiveMinor" | "onLightTextPositiveMinorActive" | "onLightTextPositiveMinorHover" | "textPositiveMinor" | "onDarkTextPositiveHover" | "onDarkTextPositiveActive" | "onDarkTextPositive" | "onLightTextPositive" | "onLightTextPositiveActive" | "onLightTextPositiveHover" | "textPositiveActive" | "inverseTextPositive" | "inverseTextPositiveActive" | "inverseTextPositiveHover" | "textPositive" | "textPositiveHover" | "onLightTextNegativeMinor" | "onLightTextNegativeMinorActive" | "onLightTextNegativeMinorHover" | "textNegativeMinor" | "textNegativeMinorActive" | "textNegativeMinorHover" | "inverseTextNegativeMinor" | "inverseTextNegativeMinorActive" | "inverseTextNegativeMinorHover" | "onDarkTextNegativeMinor" | "onDarkTextNegativeMinorActive" | "onDarkTextNegativeMinorHover" | "inverseTextNegativeHover" | "onLightTextNegative" | "onDarkTextNegative" | "textNegativeHover" | "onLightTextNegativeActive" | "onDarkTextNegativeActive" | "onDarkTextNegativeHover" | "textNegativeActive" | "inverseTextNegativeActive" | "inverseTextNegative" | "textNegative" | "onLightTextNegativeHover" | "onDarkTextInfoMinorActive" | "onDarkTextInfoMinor" | "onLightTextInfoMinor" | "onLightTextInfoMinorActive" | "onLightTextInfoMinorHover" | "textInfoMinor" | "textInfoMinorHover" | "onDarkTextInfoMinorHover" | "inverseTextInfoMinorHover" | "inverseTextInfoMinor" | "onLightTextInfoActive" | "onLightTextInfo" | "onDarkTextInfoHover" | "inverseTextInfoActive" | "inverseTextInfoHover" | "onDarkTextInfoActive" | "onDarkTextInfo" | "onLightTextInfoHover" | "backgroundPrimaryBrightness" | "darkBackgroundPrimary" | "backgroundPrimary" | "inverseBackgroundPrimary" | "lightBackgroundPrimary" | "onDarkDataSpring" | "inverseBackgroundPrimaryBrightness" | "inverseDataBlueSoft" | "inverseDataMalachiteLightHover" | "inverseDataMalachiteLight" | "dataMalachiteLightActive" | "onLightDataSpringLight" | "inverseDataSpringLightHover" | "dataSpringLightActive" | "onLightDataPinkLight" | "onLightDataPinkLightHover" | "onLightDataArcticMinorHover" | "onDarkDataArcticMinorActive" | "onDarkDataYellowTransparentHover" | "onDarkDataYellowTransparentActive" | "inverseDataYellowTransparentActive" | "dataYellowTransparentHover" | "onLightDataYellowTransparent" | "onLightDataYellowTransparentActive" | "onDarkDataYellowTransparent" | "inverseDataYellowMinorActive" | "onDarkDataYellowMinor" | "inverseDataYellowMinorHover" | "onDarkDataYellowMinorActive" | "onLightDataYellowMinorActive" | "onDarkDataYellowMinorHover" | "inverseDataYellowMinor" | "onLightDataYellowMinorHover" | "dataYellowMinorHover" | "onLightDataYellowMinor" | "onLightDataYellowLight" | "dataYellowLight" | "dataYellowLightActive" | "dataYellowLightHover" | "onDarkDataYellowLight" | "onDarkDataYellowLightActive" | "onDarkDataYellowLightHover" | "inverseDataYellowLightHover" | "inverseDataYellowLightActive" | "inverseDataYellowLight" | "onLightDataYellowLightActive" | "onLightDataYellowLightHover" | "dataYellowDarkHover" | "dataYellowDark" | "dataYellowDarkActive" | "inverseDataYellowDarkActive" | "onLightDataYellowDarkActive" | "inverseDataYellowDarkHover" | "onLightDataYellowDarkHover" | "onDarkDataYellowDarkHover" | "inverseDataYellowDark" | "onDarkDataYellowDark" | "dataYellowHover" | "onDarkDataYellow" | "onLightDataYellowHover" | "inverseDataYellowHover" | "dataYellow" | "inverseDataYellow" | "inverseDataYellowActive" | "dataYellowActive" | "onLightDataYellowActive" | "onDarkDataYellowActive" | "onDarkDataYellowHover" | "inverseDataSpring" | "onDarkDataSpringActive" | "onDarkDataSpringHover" | "onLightDataSpringActive" | "inverseDataSpringActive" | "dataSkyBlueLightHover" | "onDarkDataSkyBlueLightActive" | "onDarkDataSkyBlueLightHover" | "dataSkyBlueLightActive" | "inverseDataSkyBlueLightHover" | "inverseDataSkyBlueLightActive" | "onLightDataSkyBlueLightHover" | "onLightDataSkyBlueLightActive" | "dataRedTransparent" | "dataRedTransparentActive" | "dataRedTransparentHover" | "onDarkDataRedTransparent" | "onDarkDataRedTransparentHover" | "inverseDataRedTransparentHover" | "inverseDataRedTransparentActive" | "inverseDataRedTransparent" | "onLightDataRedTransparent" | "onLightDataRedTransparentActive" | "onLightDataRedTransparentHover" | "inverseDataRedMinor" | "dataRedMinorHover" | "inverseDataRedMinorActive" | "inverseDataRedMinorHover" | "dataRedMinorActive" | "dataRedMinor" | "onDarkDataRedMinorHover" | "onDarkDataRedMinorActive" | "onDarkDataRedMinor" | "onLightDataRedMinorHover" | "onLightDataRedMinorActive" | "onLightDataRedMinor" | "onDarkDataRedLightActive" | "onDarkDataRedLight" | "dataRedLightHover" | "dataRedLightActive" | "dataRedLight" | "onLightDataRedLightHover" | "onLightDataRedLightActive" | "onLightDataRedLight" | "inverseDataRedLight" | "inverseDataRedLightHover" | "onDarkDataRedLightHover" | "dataRedActive" | "inverseDataRed" | "inverseDataRedActive" | "inverseDataRedHover" | "dataRedHover" | "dataRed" | "onDarkDataRedActive" | "onDarkDataRedHover" | "onLightDataRed" | "onLightDataRedActive" | "onLightDataRedHover" | "onDarkDataPinkHover" | "dataPinkActive" | "dataPinkHover" | "inverseDataPinkHover" | "inverseDataPink" | "inverseDataPinkActive" | "onLightDataPinkHover" | "onLightDataPinkActive" | "onLightDataPink" | "dataPink" | "onDarkDataPinkActive" | "onDarkDataPink" | "dataOrchidMinorActive" | "inverseDataOrchidMinorActive" | "inverseDataOrchidMinorHover" | "onDarkDataOrchidMinorActive" | "onLightDataOrchidMinorHover" | "onLightDataOrchidMinor" | "onDarkDataOrchidMinor" | "dataOrchidMinor" | "onDarkDataOrchidMinorHover" | "dataOrchidLight" | "onLightDataOrchidLightHover" | "onLightDataOrchidLightActive" | "onLightDataOrchidLight" | "inverseDataOrchidLightActive" | "inverseDataOrchidLight" | "onDarkDataOrchidLightHover" | "onDarkDataOrchidLightActive" | "onDarkDataOrchidLight" | "dataOrchidLightHover" | "dataOrchidLightActive" | "onDarkDataOrchid" | "inverseDataOrchidHover" | "onDarkDataOrchidHover" | "onDarkDataOrchidActive" | "inverseDataOrchidActive" | "onLightDataOrchidHover" | "onLightDataOrchidActive" | "onLightDataOrchid" | "dataOrchidHover" | "dataOrchidActive" | "dataOrchid" | "inverseDataOrchid" | "onDarkDataOrangeTransparentActive" | "dataOrangeTransparent" | "dataOrangeTransparentActive" | "dataOrangeTransparentHover" | "inverseDataOrangeTransparent" | "inverseDataOrangeTransparentActive" | "inverseDataOrangeTransparentHover" | "onDarkDataOrangeTransparent" | "onDarkDataOrangeTransparentHover" | "onLightDataOrangeTransparent" | "onLightDataOrangeTransparentActive" | "onLightDataOrangeTransparentHover" | "onDarkDataOrangeMinor" | "inverseDataOrangeMinorActive" | "onLightDataOrangeMinor" | "onLightDataOrangeMinorActive" | "onLightDataOrangeMinorHover" | "dataOrangeMinorHover" | "dataOrangeMinorActive" | "dataOrangeMinor" | "onDarkDataOrangeMinorActive" | "onDarkDataOrangeMinorHover" | "inverseDataOrangeMinorHover" | "inverseDataOrangeMinor" | "inverseDataOrangeLightHover" | "onLightDataOrangeLightHover" | "dataOrangeLightHover" | "onDarkDataOrangeLight" | "onDarkDataOrangeLightHover" | "onDarkDataOrangeLightActive" | "onLightDataOrangeLightActive" | "onLightDataOrangeLight" | "inverseDataOrangeLight" | "inverseDataOrangeLightActive" | "inverseDataOrange" | "onDarkDataOrangeActive" | "inverseDataOrangeActive" | "inverseDataOrangeHover" | "onDarkDataOrangeHover" | "onLightDataOrange" | "onLightDataOrangeActive" | "onLightDataOrangeHover" | "dataOrange" | "dataOrangeActive" | "dataOrangeHover" | "onDarkDataOrange" | "onLightDataMalachiteMinorHover" | "dataMalachiteMinor" | "onDarkDataMalachiteMinorHover" | "dataMalachiteMinorActive" | "inverseDataMalachiteMinorActive" | "inverseDataMalachiteMinor" | "dataMalachiteMinorHover" | "inverseDataMalachiteMinorHover" | "onDarkDataMalachiteMinorActive" | "onDarkDataMalachiteMinor" | "dataMalachiteHover" | "onDarkDataMalachiteActive" | "onDarkDataMalachite" | "onLightDataMalachiteActive" | "inverseDataMalachiteHover" | "onLightDataMalachite" | "dataMalachiteActive" | "dataMalachite" | "onDarkDataMalachiteHover" | "inverseDataMalachiteActive" | "inverseDataMalachite" | "onLightDataMalachiteHover" | "dataGreen" | "dataGreenTransparentActive" | "dataGreenTransparentHover" | "dataGreenTransparent" | "onDarkDataGreenTransparent" | "onDarkDataGreenTransparentActive" | "onDarkDataGreenTransparentHover" | "onLightDataGreenTransparent" | "onLightDataGreenTransparentActive" | "onLightDataGreenTransparentHover" | "inverseDataGreenTransparent" | "inverseDataGreenTransparentActive" | "inverseDataGreenTransparentHover" | "inverseDataGreenMinorHover" | "onLightDataGreenMinor" | "onLightDataGreenMinorActive" | "onDarkDataGreenMinorHover" | "inverseDataGreenMinor" | "dataGreenMinorHover" | "dataGreenMinorActive" | "dataGreenMinor" | "onLightDataGreenMinorHover" | "onDarkDataGreenMinor" | "inverseDataGreenMinorActive" | "inverseDataGreenLight" | "onDarkDataGreenLight" | "onLightDataGreenLightHover" | "dataGreenLightHover" | "dataGreenLightActive" | "dataGreenLight" | "onLightDataGreenLightActive" | "onLightDataGreenLight" | "onDarkDataGreenLightHover" | "inverseDataGreenLightHover" | "dataGreenActive" | "onLightDataGreen" | "dataGreenHover" | "onLightDataGreenActive" | "inverseDataGreenHover" | "inverseDataGreenActive" | "inverseDataGreen" | "onDarkDataGreenHover" | "onLightDataGreenHover" | "onLightDataGrayMinorHover" | "onLightDataGrayMinorActive" | "onLightDataGrayMinor" | "onDarkDataGrayMinorHover" | "onDarkDataGrayMinorActive" | "onDarkDataGrayMinor" | "dataGrayMinor" | "dataGrayMinorActive" | "inverseDataGrayMinor" | "inverseDataGrayMinorActive" | "inverseDataGrayMinorHover" | "inverseDataGrayLightHover" | "onLightDataGrayLightHover" | "onLightDataGrayLightActive" | "onLightDataGrayLight" | "onDarkDataGrayLightActive" | "onDarkDataGrayLightHover" | "dataGrayLight" | "dataGrayLightActive" | "dataGrayLightHover" | "inverseDataGrayLight" | "onDarkDataGrayLight" | "inverseDataGrayLightActive" | "dataGrayActive" | "inverseDataGray" | "inverseDataGrayHover" | "dataGrayHover" | "onLightDataGrayHover" | "onLightDataGrayActive" | "onLightDataGray" | "onDarkDataGray" | "onDarkDataGrayActive" | "onDarkDataGrayHover" | "inverseDataGrayActive" | "dataGray" | "onLightDataFuchsiaMinorHover" | "onLightDataFuchsiaMinor" | "onLightDataFuchsiaMinorActive" | "inverseDataFuchsiaMinor" | "onDarkDataFuchsiaMinorHover" | "onDarkDataFuchsiaMinorActive" | "dataFuchsiaMinor" | "dataFuchsiaMinorActive" | "dataFuchsiaMinorHover" | "inverseDataFuchsiaMinorActive" | "onDarkDataFuchsiaMinor" | "inverseDataFuchsiaLightHover" | "onDarkDataFuchsiaLightActive" | "onDarkDataFuchsiaLight" | "onDarkDataFuchsiaLightHover" | "dataFuchsiaLightHover" | "dataFuchsiaLightActive" | "dataFuchsiaLight" | "onLightDataFuchsiaLight" | "inverseDataFuchsiaLight" | "inverseDataFuchsiaLightActive" | "onLightDataFuchsiaLightActive" | "onLightDataFuchsiaActive" | "onLightDataFuchsiaHover" | "onLightDataFuchsia" | "dataFuchsiaHover" | "dataFuchsiaActive" | "inverseDataFuchsia" | "dataFuchsia" | "inverseDataFuchsiaActive" | "inverseDataFuchsiaHover" | "onDarkDataFuchsiaHover" | "onDarkDataFuchsiaActive" | "onDarkDataFuchsia" | "dataElectricBlueMinorActive" | "inverseDataElectricBlueMinorHover" | "inverseDataElectricBlueMinorActive" | "inverseDataElectricBlueMinor" | "onLightDataElectricBlueMinorHover" | "onLightDataElectricBlueMinorActive" | "onLightDataElectricBlueMinor" | "dataElectricBlueMinor" | "dataElectricBlueMinorHover" | "onDarkDataElectricBlueMinor" | "onDarkDataElectricBlueMinorActive" | "onDarkDataElectricBlueMinorHover" | "inverseDataElectricBlueLight" | "inverseDataElectricBlueLightActive" | "onLightDataElectricBlueLightActive" | "dataElectricBlueLightHover" | "onLightDataElectricBlueLight" | "dataElectricBlueLight" | "dataElectricBlueLightActive" | "inverseDataElectricBlueLightHover" | "onDarkDataElectricBlueLightHover" | "onLightDataElectricBlueLightHover" | "onDarkDataElectricBlueLight" | "onLightDataElectricBlueHover" | "inverseDataElectricBlueHover" | "onDarkDataElectricBlue" | "inverseDataElectricBlue" | "onDarkDataElectricBlueActive" | "onLightDataElectricBlue" | "onLightDataElectricBlueActive" | "dataElectricBlueActive" | "dataElectricBlueHover" | "inverseDataElectricBlueActive" | "dataElectricBlue" | "onDarkDataElectricBlueHover" | "onDarkDataBlueTransparent" | "inverseDataBlueTransparent" | "onLightDataBlueTransparent" | "dataBlueTransparent" | "onLightDataBlueTransparentHover" | "onDarkDataBlueTransparentActive" | "dataBlueTransparentActive" | "onDarkDataBlueTransparentHover" | "dataBlueTransparentHover" | "inverseDataBlueTransparentActive" | "inverseDataBlueTransparentHover" | "onLightDataBlueMinor" | "inverseDataBlueMinor" | "inverseDataBlueMinorActive" | "onLightDataBlueMinorHover" | "onLightDataBlueMinorActive" | "inverseDataBlueMinorHover" | "dataBlueMinor" | "dataBlueMinorActive" | "dataBlueMinorHover" | "onDarkDataBlueMinor" | "onDarkDataBlueMinorActive" | "onDarkDataBlueMinorHover" | "onLightDataBlueMildActive" | "dataBlueMildActive" | "dataBlueMild" | "onDarkDataBlueMildHover" | "onDarkDataBlueMildActive" | "inverseDataBlueMild" | "onDarkDataBlueMild" | "inverseDataBlueMildActive" | "inverseDataBlueMildHover" | "onLightDataBlueMildHover" | "dataBlueMildHover" | "onLightDataBlueMild" | "onLightDataBlueLightHover" | "dataBlueLightActive" | "onDarkDataBlueLightHover" | "onDarkDataBlueLightActive" | "onDarkDataBlueLight" | "inverseDataBlueLight" | "inverseDataBlueLightHover" | "dataBlueLightHover" | "dataBlueLight" | "inverseDataBlueLightActive" | "outlineInfoActive" | "onLightDataBlueLightActive" | "onLightDataBlueLight" | "onLightDataBlueHover" | "dataBlueHover" | "dataBlueActive" | "inverseDataBlueHover" | "inverseDataBlueActive" | "onLightDataBlueActive" | "onLightDataBlue" | "inverseDataBlue" | "onDarkDataBlue" | "onDarkDataBlueActive" | "onDarkDataBlueHover" | "inverseDataArcticLightHover" | "dataArcticLightActive" | "onLightDataArcticLight" | "onLightDataArcticLightActive" | "onLightDataArcticLightHover" | "onDarkDataArcticLight" | "onDarkDataArcticLightHover" | "dataArcticLight" | "inverseDataArcticLight" | "inverseDataArcticLightActive" | "dataArcticLightHover" | "inverseDataArcticActive" | "onDarkDataArcticHover" | "onDarkDataArcticActive" | "inverseDataArctic" | "inverseDataArcticHover" | "onLightDataArctic" | "onLightDataArcticActive" | "onLightDataArcticHover" | "dataArctic" | "dataArcticActive" | "dataArcticHover" | "onDarkDataArctic" | "onLightOutlineAccentMinorActive" | "onLightOutlineAccentMinorHover" | "outlineAccentMinorHover" | "onDarkOutlineAccentMinorActive" | "onDarkOutlineAccentMinorHover" | "outlineAccentMinor" | "inverseOutlineAccentMinorHover" | "inverseOutlineAccentMinorActive" | "onLightOutlineAccentMinor" | "outlineAccentMinorActive" | "outlineInfoHover" | "outlineAccentActive" | "onDarkOutlineAccent" | "onDarkOutlineAccentActive" | "onDarkOutlineAccentHover" | "onLightOutlineAccent" | "onLightOutlineAccentActive" | "onLightOutlineAccentHover" | "inverseOutlineAccentHover" | "inverseOutlineAccentActive" | "inverseOutlineAccent" | "outlineAccentHover" | "outlineAccent" | "outlineWarningMinorHover" | "outlineWarningMinor" | "outlineWarningMinorActive" | "inverseOutlineWarningMinor" | "inverseOutlineWarningMinorActive" | "inverseOutlineWarningMinorHover" | "onDarkOutlineWarningMinor" | "onDarkOutlineWarningMinorActive" | "onDarkOutlineWarningMinorHover" | "onLightOutlineWarningMinor" | "onLightOutlineWarningMinorActive" | "onLightOutlineWarningMinorHover" | "inverseOutlineWarning" | "onDarkOutlineWarning" | "onDarkOutlineWarningActive" | "onDarkOutlineWarningHover" | "onLightOutlineWarningActive" | "onLightOutlineWarning" | "outlineWarningActive" | "outlineWarningHover" | "onLightOutlineWarningHover" | "inverseOutlineWarningHover" | "inverseOutlineWarningActive" | "outlineWarning" | "outlinePositiveMinorActive" | "onDarkOutlinePositiveMinorActive" | "onDarkOutlinePositiveMinor" | "onLightOutlinePositiveMinorHover" | "outlinePositiveMinor" | "onDarkOutlinePositiveMinorHover" | "outlinePositiveMinorHover" | "inverseOutlinePositiveMinorHover" | "onLightOutlinePositiveMinorActive" | "onLightOutlinePositiveMinor" | "inverseOutlinePositiveMinor" | "onDarkOutlinePositiveActive" | "inverseOutlinePositive" | "inverseOutlinePositiveActive" | "inverseOutlinePositiveHover" | "onLightOutlinePositiveHover" | "outlinePositive" | "onLightOutlinePositiveActive" | "onDarkOutlinePositive" | "onLightOutlinePositive" | "outlinePositiveActive" | "outlinePositiveHover" | "onDarkOutlinePositiveHover" | "inverseOutlineNegativeMinorActive" | "onLightOutlineNegativeMinorActive" | "onLightOutlineNegativeMinor" | "onLightOutlineNegativeMinorHover" | "onDarkOutlineNegativeMinorActive" | "outlineNegativeMinor" | "outlineNegativeMinorActive" | "outlineNegativeMinorHover" | "onDarkOutlineNegativeMinorHover" | "onDarkOutlineNegativeMinor" | "inverseOutlineNegativeMinor" | "inverseOutlineNegativeMinorHover" | "outlineNegativeActive" | "outlineNegative" | "outlineNegativeHover" | "inverseOutlineNegative" | "inverseOutlineNegativeActive" | "inverseOutlineNegativeHover" | "onDarkOutlineNegative" | "onDarkOutlineNegativeActive" | "onDarkOutlineNegativeHover" | "onLightOutlineNegative" | "onLightOutlineNegativeActive" | "onLightOutlineNegativeHover" | "onLightOutlineInfoMinorHover" | "inverseOutlineInfoMinorHover" | "outlineInfoMinor" | "onLightOutlineInfoMinorActive" | "onLightOutlineInfoMinor" | "onDarkOutlineInfoMinorActive" | "inverseOutlineInfoMinorActive" | "inverseOutlineInfoMinor" | "onDarkOutlineInfoMinor" | "outlineInfoMinorHover" | "inverseOutlineInfoActive" | "onLightOutlineInfo" | "onLightOutlineInfoActive" | "inverseOutlineInfoHover" | "onLightOutlineInfoHover" | "onDarkOutlineInfoHover" | "onDarkOutlineInfoActive" | "onDarkOutlineInfo" | "outlineInfo" | "inverseOutlineInfo" | "outlineSolidTertiaryHover" | "outlineSolidTertiary" | "inverseOutlineSolidTertiaryHover" | "onLightOutlineSolidTertiary" | "onLightOutlineSolidTertiaryActive" | "onLightOutlineSolidTertiaryHover" | "inverseOutlineSolidTertiary" | "inverseOutlineSolidTertiaryActive" | "onDarkOutlineSolidTertiary" | "onDarkOutlineSolidTertiaryActive" | "onDarkOutlineSolidTertiaryHover" | "outlineSolidTertiaryActive" | "onLightOutlineSolidSecondary" | "onDarkOutlineSolidSecondaryHover" | "outlineSolidSecondaryHover" | "outlineSolidSecondaryActive" | "outlineSolidSecondary" | "inverseOutlineSolidSecondary" | "inverseOutlineSolidSecondaryActive" | "inverseOutlineSolidSecondaryHover" | "onDarkOutlineSolidSecondary" | "onDarkOutlineSolidSecondaryActive" | "onLightOutlineSolidSecondaryHover" | "inverseOutlineSolidPrimaryHover" | "outlineSolidPrimary" | "outlineSolidPrimaryActive" | "outlineSolidPrimaryHover" | "onLightOutlineSolidPrimary" | "onDarkOutlineSolidPrimaryHover" | "onDarkOutlineSolidPrimaryActive" | "onDarkOutlineSolidPrimary" | "onLightOutlineSolidPrimaryActive" | "onLightOutlineSolidPrimaryHover" | "inverseOutlineSolidPrimary" | "inverseOutlineSolidPrimaryActive" | "onLightOutlineSolidDefaultHover" | "inverseOutlineSolidDefaultHover" | "onLightOutlineSolidDefaultActive" | "onDarkOutlineSolidDefaultHover" | "onDarkOutlineSolidDefaultActive" | "onDarkOutlineSolidDefault" | "outlineSolidDefault" | "onLightOutlineSolidDefault" | "inverseOutlineSolidDefaultActive" | "inverseOutlineSolidDefault" | "outlineSolidDefaultActive" | "outlineSolidDefaultHover" | "onDarkOutlineTransparentAccentActive" | "onDarkOutlineTransparentAccentHover" | "outlineTransparentAccentHover" | "inverseOutlineTransparentAccent" | "inverseOutlineTransparentAccentActive" | "outlineTransparentAccentActive" | "inverseOutlineTransparentAccentHover" | "outlineTransparentAccent" | "onLightOutlineTransparentAccentHover" | "onLightOutlineTransparentAccent" | "onDarkOutlineTransparentAccent" | "onDarkOutlineTransparentWarningActive" | "onLightOutlineTransparentWarningHover" | "inverseOutlineTransparentWarningActive" | "onLightOutlineTransparentWarning" | "onDarkOutlineTransparentWarningHover" | "inverseOutlineTransparentWarning" | "onLightOutlineTransparentWarningActive" | "outlineTransparentWarning" | "outlineTransparentWarningActive" | "outlineTransparentWarningHover" | "onDarkOutlineTransparentWarning" | "inverseOutlineTransparentWarningHover" | "onDarkOutlineTransparentPositiveHover" | "outlineTransparentPositiveHover" | "outlineTransparentPositive" | "onLightOutlineTransparentPositive" | "onLightOutlineTransparentPositiveActive" | "onLightOutlineTransparentPositiveHover" | "onDarkOutlineTransparentPositiveActive" | "inverseOutlineTransparentPositive" | "inverseOutlineTransparentPositiveHover" | "onDarkOutlineTransparentPositive" | "outlineTransparentPositiveActive" | "inverseOutlineTransparentNegativeHover" | "onDarkOutlineTransparentNegative" | "onDarkOutlineTransparentNegativeHover" | "outlineTransparentNegative" | "outlineTransparentNegativeActive" | "inverseOutlineTransparentNegative" | "onLightOutlineTransparentNegative" | "onLightOutlineTransparentNegativeActive" | "onLightOutlineTransparentNegativeHover" | "onDarkOutlineTransparentNegativeActive" | "outlineTransparentNegativeHover" | "onDarkOutlineTransparentInfoHover" | "onDarkOutlineTransparentInfo" | "inverseOutlineTransparentInfo" | "onDarkOutlineTransparentInfoActive" | "inverseOutlineTransparentInfoActive" | "inverseOutlineTransparentInfoHover" | "onLightOutlineTransparentInfoHover" | "outlineTransparentInfoHover" | "outlineTransparentInfoActive" | "onLightOutlineTransparentInfoActive" | "onLightOutlineTransparentInfo" | "outlineTransparentInfo" | "onDarkDataWarningGradientActive" | "inverseDataPositiveGradient" | "onLightSurfaceAccentGradient" | "inverseTextAccentGradientMinorActive" | "onLightDataWarningGradientActive" | "surfaceSkeletonGradient" | "surfaceAccentGradient" | "surfaceAccentGradientActive" | "surfaceAccentGradientHover" | "inverseSurfaceAccentGradient" | "inverseSurfaceAccentGradientActive" | "inverseSurfaceAccentGradientHover" | "onDarkSurfaceAccentGradient" | "onDarkSurfaceAccentGradientActive" | "onDarkSurfaceAccentGradientHover" | "onLightSurfaceAccentGradientActive" | "onLightSurfaceAccentGradientHover" | "onDarkSurfaceSkeletonGradientHover" | "onLightSurfaceSkeletonGradient" | "onLightSurfaceSkeletonGradientActive" | "onLightSurfaceSkeletonGradientHover" | "surfaceSkeletonGradientHover" | "surfaceSkeletonGradientActive" | "onDarkSurfaceSkeletonGradientActive" | "onDarkSurfaceSkeletonGradient" | "inverseSurfaceSkeletonGradientHover" | "inverseSurfaceSkeletonGradientActive" | "inverseSurfaceSkeletonGradient" | "onLightSurfaceSkeletonDeepGradientActive" | "surfaceSkeletonDeepGradient" | "surfaceSkeletonDeepGradientActive" | "surfaceSkeletonDeepGradientHover" | "onLightSurfaceSkeletonDeepGradientHover" | "inverseSurfaceSkeletonDeepGradient" | "inverseSurfaceSkeletonDeepGradientActive" | "inverseSurfaceSkeletonDeepGradientHover" | "onLightSurfaceSkeletonDeepGradient" | "onDarkSurfaceSkeletonDeepGradient" | "onDarkSurfaceSkeletonDeepGradientActive" | "onDarkSurfaceSkeletonDeepGradientHover" | "textAccentGradientMinorActive" | "textAccentGradientMinor" | "textAccentGradientMinorHover" | "inverseTextAccentGradientMinor" | "inverseTextAccentGradientMinorHover" | "onDarkTextAccentGradientMinor" | "onDarkTextAccentGradientMinorActive" | "onDarkTextAccentGradientMinorHover" | "onLightTextAccentGradientMinor" | "onLightTextAccentGradientMinorActive" | "onLightTextAccentGradientMinorHover" | "onDarkTextAccentGradient" | "inverseTextAccentGradientActive" | "inverseTextAccentGradient" | "onLightTextAccentGradientHover" | "onLightTextAccentGradientActive" | "onLightTextAccentGradient" | "textAccentGradient" | "textAccentGradientActive" | "textAccentGradientHover" | "onDarkTextAccentGradientHover" | "onDarkTextAccentGradientActive" | "inverseTextAccentGradientHover" | "inverseDataWarningGradientActive" | "inverseDataWarningGradientHover" | "onLightDataWarningGradient" | "onDarkDataWarningGradient" | "onDarkDataWarningGradientHover" | "dataWarningGradientHover" | "dataWarningGradientActive" | "dataWarningGradient" | "onLightDataWarningGradientHover" | "inverseDataWarningGradient" | "inverseDataPositiveGradientHover" | "dataPositiveGradient" | "dataPositiveGradientActive" | "dataPositiveGradientHover" | "inverseDataPositiveGradientActive" | "onDarkDataPositiveGradient" | "onDarkDataPositiveGradientActive" | "onDarkDataPositiveGradientHover" | "onLightDataPositiveGradient" | "onLightDataPositiveGradientActive" | "onLightDataPositiveGradientHover" | "onDarkDataNegativeGradientHover" | "onDarkDataNegativeGradient" | "dataNegativeGradientActive" | "inverseDataNegativeGradientHover" | "inverseDataNegativeGradientActive" | "onLightDataNegativeGradient" | "onLightDataNegativeGradientActive" | "onLightDataNegativeGradientHover" | "dataNegativeGradientHover" | "inverseDataNegativeGradient" | "dataNegativeGradient" | "onDarkDataNegativeGradientActive" | "inverseDataInfoGradientActive" | "inverseDataInfoGradientHover" | "onDarkDataInfoGradient" | "onDarkDataInfoGradientActive" | "dataInfoGradient" | "dataInfoGradientActive" | "dataInfoGradientHover" | "onDarkDataInfoGradientHover" | "onLightDataInfoGradientHover" | "onLightDataInfoGradientActive" | "onLightDataInfoGradient" | "inverseDataInfoGradient" | "onDarkOutlineAccentGradientHover" | "outlineAccentGradient" | "onLightOutlineAccentGradient" | "outlineAccentGradientActive" | "outlineAccentGradientHover" | "inverseOutlineAccentGradient" | "inverseOutlineAccentGradientActive" | "inverseOutlineAccentGradientHover" | "onDarkOutlineAccentGradient" | "onLightOutlineAccentGradientActive" | "onLightOutlineAccentGradientHover" | "onDarkOutlineAccentGradientActive") | undefined;
-    shadow?: "shadowDownHardL" | "shadowDownHardM" | "shadowDownHardS" | "shadowDownSoftL" | "shadowDownSoftM" | "shadowDownSoftS" | "shadowUpHardL" | "shadowUpHardM" | "shadowUpHardS" | "shadowUpSoftL" | "shadowUpSoftM" | "shadowUpSoftS" | undefined;
+    shadow?: "shadowDownHardL" | "shadowDownHardM" | "shadowDownHardS" | "shadowDownSoftL" | "shadowDownSoftM" | "shadowDownSoftS" | "shadowGradientDark" | "shadowGradientLight" | "shadowUpHardL" | "shadowUpHardM" | "shadowUpHardS" | "shadowUpSoftL" | "shadowUpSoftM" | "shadowUpSoftS" | undefined;
     borderRadius?: "borderRadiusCircle" | "borderRadiusL" | "borderRadiusM" | "borderRadiusS" | "borderRadiusXl" | "borderRadiusXs" | "borderRadiusXxl" | "borderRadiusXxs" | undefined;
     styles?: import("react").CSSProperties;
 }) => import("react").CSSProperties;