@salutejs/sdds-bizcom 0.376.1-dev.0 → 0.377.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/css/cjs/components/Group/Group.config.js +35 -0
  2. package/dist/css/cjs/components/Group/Group.config.js.map +1 -0
  3. package/dist/css/cjs/components/Group/Group.config_36238j.css +9 -0
  4. package/dist/css/cjs/components/Group/Group.css +9 -0
  5. package/dist/css/cjs/components/Group/Group.js +16 -0
  6. package/dist/css/cjs/components/Group/Group.js.map +1 -0
  7. package/dist/css/cjs/index.css +10 -0
  8. package/dist/css/cjs/index.js +6 -0
  9. package/dist/css/cjs/index.js.map +1 -1
  10. package/dist/css/es/components/Group/Group.config.js +31 -0
  11. package/dist/css/es/components/Group/Group.config.js.map +1 -0
  12. package/dist/css/es/components/Group/Group.config_36238j.css +9 -0
  13. package/dist/css/es/components/Group/Group.css +9 -0
  14. package/dist/css/es/components/Group/Group.js +12 -0
  15. package/dist/css/es/components/Group/Group.js.map +1 -0
  16. package/dist/css/es/index.css +10 -0
  17. package/dist/css/es/index.js +2 -1
  18. package/dist/css/es/index.js.map +1 -1
  19. package/dist/styled-components/cjs/components/Group/Group.config.js +50 -0
  20. package/dist/styled-components/cjs/components/Group/Group.js +14 -0
  21. package/dist/styled-components/cjs/components/Group/index.js +20 -0
  22. package/dist/styled-components/cjs/index.js +1 -0
  23. package/dist/styled-components/es/components/Group/Group.config.js +40 -0
  24. package/dist/styled-components/es/components/Group/Group.js +6 -0
  25. package/dist/styled-components/es/components/Group/index.js +2 -0
  26. package/dist/styled-components/es/index.js +1 -0
  27. package/package.json +12 -6
  28. package/types/components/Group/Group.config.d.ts +27 -0
  29. package/types/components/Group/Group.d.ts +22 -0
  30. package/types/components/Group/index.d.ts +3 -0
  31. package/types/index.d.ts +1 -0
@@ -0,0 +1,35 @@
1
+ require('./Group.config_36238j.css');
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var config = {
7
+ defaults: {
8
+ gap: 'dense',
9
+ orientation: 'horizontal',
10
+ shape: 'default',
11
+ stretching: 'auto'
12
+ },
13
+ variations: {
14
+ orientation: {
15
+ horizontal: "h8rgtz6",
16
+ vertical: "v30hjos"
17
+ },
18
+ gap: {
19
+ none: "n1wlsvc8",
20
+ dense: "dc0kj2y",
21
+ wide: "w1wj4qcr"
22
+ },
23
+ shape: {
24
+ "default": "d16iksq6",
25
+ segmented: "sqrfimr"
26
+ },
27
+ stretching: {
28
+ auto: "a12794cf",
29
+ filled: "f10ofvjv"
30
+ }
31
+ }
32
+ };
33
+
34
+ exports.config = config;
35
+ //# sourceMappingURL=Group.config.js.map
@@ -0,0 +1 @@
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;;;;"}
@@ -0,0 +1,9 @@
1
+ .h8rgtz6{--sdds-core-group-orientation:row;}
2
+ .v30hjos{--sdds-core-group-orientation:column;}
3
+ .n1wlsvc8{--sdds-core-group-gap:0;}
4
+ .dc0kj2y{--sdds-core-group-gap:0.125rem;}
5
+ .w1wj4qcr{--sdds-core-group-gap:0.5rem;}
6
+
7
+ .sqrfimr{--sdds-core-group-segmented-radius:0.25rem;}
8
+
9
+
@@ -0,0 +1,9 @@
1
+ .Group_config_36238j_h8rgtz6__d003af88{--sdds-core-group-orientation:row;}
2
+ .Group_config_36238j_v30hjos__d003af88{--sdds-core-group-orientation:column;}
3
+ .Group_config_36238j_n1wlsvc8__d003af88{--sdds-core-group-gap:0;}
4
+ .Group_config_36238j_dc0kj2y__d003af88{--sdds-core-group-gap:0.125rem;}
5
+ .Group_config_36238j_w1wj4qcr__d003af88{--sdds-core-group-gap:0.5rem;}
6
+
7
+ .Group_config_36238j_sqrfimr__d003af88{--sdds-core-group-segmented-radius:0.25rem;}
8
+
9
+
@@ -0,0 +1,16 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css = require('@salutejs/plasma-new-hope/css');
6
+ var Group_config = require('./Group.config.js');
7
+
8
+ var mergedConfig = /*#__PURE__*/css.mergeConfig(css.groupConfig, Group_config.config);
9
+
10
+ /**
11
+ * Группа элементов с общими отступами, направлением и скруглением внутренних углов.
12
+ */
13
+ var Group = /*#__PURE__*/css.component(mergedConfig);
14
+
15
+ exports.Group = Group;
16
+ //# sourceMappingURL=Group.js.map
@@ -0,0 +1 @@
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;;;;"}
@@ -421,6 +421,16 @@
421
421
 
422
422
  .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);}}
423
423
 
424
+ .Group_config_36238j_h8rgtz6__d003af88{--sdds-core-group-orientation:row;}
425
+ .Group_config_36238j_v30hjos__d003af88{--sdds-core-group-orientation:column;}
426
+ .Group_config_36238j_n1wlsvc8__d003af88{--sdds-core-group-gap:0;}
427
+ .Group_config_36238j_dc0kj2y__d003af88{--sdds-core-group-gap:0.125rem;}
428
+ .Group_config_36238j_w1wj4qcr__d003af88{--sdds-core-group-gap:0.5rem;}
429
+
430
+ .Group_config_36238j_sqrfimr__d003af88{--sdds-core-group-segmented-radius:0.25rem;}
431
+
432
+
433
+
424
434
  .IconButton_config_xabiey_d18ihzhr__7b7393b5{--plasma-icon-button-color:var(--inverse-text-primary,#171717F5);--plasma-icon-button-background-color:var(--surface-solid-default,#F9F9F9);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover,#17171793);--plasma-icon-button-color-active:var(--inverse-text-primary-active,#171717C4);}
425
435
  .IconButton_config_xabiey_asnn66s__7b7393b5{--plasma-icon-button-color:var(--on-dark-text-primary,#F5F5F5F5);--plasma-icon-button-background-color:var(--surface-accent,#0C9597);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover,#0EA7AAFF);--plasma-icon-button-background-color-active:var(--surface-accent-active,#0B8B8EFF);}
426
436
  .IconButton_config_xabiey_sxdpxpi__7b7393b5{--plasma-icon-button-color:var(--text-primary,#F5F5F5F5);--plasma-icon-button-background-color:var(--surface-transparent-secondary,#FFFFFF1F);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF3D);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF0F);}
@@ -34,6 +34,7 @@ var EmptyState = require('./components/EmptyState/EmptyState.js');
34
34
  var File = require('./components/File/File.js');
35
35
  var Flow = require('./components/Flow/Flow.js');
36
36
  var Grid = require('./components/Grid/Grid.js');
37
+ var Group = require('./components/Group/Group.js');
37
38
  var IconButton = require('./components/IconButton/IconButton.js');
38
39
  var TabItem = require('./components/Tabs/TabItem.js');
39
40
  var Image = require('./components/Image/Image.js');
@@ -236,6 +237,10 @@ Object.defineProperty(exports, "fileTokens", {
236
237
  enumerable: true,
237
238
  get: function () { return css.fileTokens; }
238
239
  });
240
+ Object.defineProperty(exports, "groupTokens", {
241
+ enumerable: true,
242
+ get: function () { return css.groupTokens; }
243
+ });
239
244
  Object.defineProperty(exports, "informationWrapperClasses", {
240
245
  enumerable: true,
241
246
  get: function () { return css.informationWrapperClasses; }
@@ -399,6 +404,7 @@ exports.EmptyState = EmptyState.EmptyState;
399
404
  exports.File = File.File;
400
405
  exports.Flow = Flow.Flow;
401
406
  exports.Grid = Grid.Grid;
407
+ exports.Group = Group.Group;
402
408
  exports.IconButton = IconButton.IconButton;
403
409
  exports.IconTabItem = TabItem.IconTabItem;
404
410
  exports.TabItem = TabItem.TabItem;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,31 @@
1
+ import './Group.config_36238j.css';
2
+ var config = {
3
+ defaults: {
4
+ gap: 'dense',
5
+ orientation: 'horizontal',
6
+ shape: 'default',
7
+ stretching: 'auto'
8
+ },
9
+ variations: {
10
+ orientation: {
11
+ horizontal: "h8rgtz6",
12
+ vertical: "v30hjos"
13
+ },
14
+ gap: {
15
+ none: "n1wlsvc8",
16
+ dense: "dc0kj2y",
17
+ wide: "w1wj4qcr"
18
+ },
19
+ shape: {
20
+ "default": "d16iksq6",
21
+ segmented: "sqrfimr"
22
+ },
23
+ stretching: {
24
+ auto: "a12794cf",
25
+ filled: "f10ofvjv"
26
+ }
27
+ }
28
+ };
29
+
30
+ export { config };
31
+ //# sourceMappingURL=Group.config.js.map
@@ -0,0 +1 @@
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;;;;"}
@@ -0,0 +1,9 @@
1
+ .h8rgtz6{--sdds-core-group-orientation:row;}
2
+ .v30hjos{--sdds-core-group-orientation:column;}
3
+ .n1wlsvc8{--sdds-core-group-gap:0;}
4
+ .dc0kj2y{--sdds-core-group-gap:0.125rem;}
5
+ .w1wj4qcr{--sdds-core-group-gap:0.5rem;}
6
+
7
+ .sqrfimr{--sdds-core-group-segmented-radius:0.25rem;}
8
+
9
+
@@ -0,0 +1,9 @@
1
+ .Group_config_36238j_h8rgtz6__d003af88{--sdds-core-group-orientation:row;}
2
+ .Group_config_36238j_v30hjos__d003af88{--sdds-core-group-orientation:column;}
3
+ .Group_config_36238j_n1wlsvc8__d003af88{--sdds-core-group-gap:0;}
4
+ .Group_config_36238j_dc0kj2y__d003af88{--sdds-core-group-gap:0.125rem;}
5
+ .Group_config_36238j_w1wj4qcr__d003af88{--sdds-core-group-gap:0.5rem;}
6
+
7
+ .Group_config_36238j_sqrfimr__d003af88{--sdds-core-group-segmented-radius:0.25rem;}
8
+
9
+
@@ -0,0 +1,12 @@
1
+ import { component, mergeConfig, groupConfig } from '@salutejs/plasma-new-hope/css';
2
+ import { config } from './Group.config.js';
3
+
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(groupConfig, config);
5
+
6
+ /**
7
+ * Группа элементов с общими отступами, направлением и скруглением внутренних углов.
8
+ */
9
+ var Group = /*#__PURE__*/component(mergedConfig);
10
+
11
+ export { Group };
12
+ //# sourceMappingURL=Group.js.map
@@ -0,0 +1 @@
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;;;;"}
@@ -421,6 +421,16 @@
421
421
 
422
422
  .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);}}
423
423
 
424
+ .Group_config_36238j_h8rgtz6__d003af88{--sdds-core-group-orientation:row;}
425
+ .Group_config_36238j_v30hjos__d003af88{--sdds-core-group-orientation:column;}
426
+ .Group_config_36238j_n1wlsvc8__d003af88{--sdds-core-group-gap:0;}
427
+ .Group_config_36238j_dc0kj2y__d003af88{--sdds-core-group-gap:0.125rem;}
428
+ .Group_config_36238j_w1wj4qcr__d003af88{--sdds-core-group-gap:0.5rem;}
429
+
430
+ .Group_config_36238j_sqrfimr__d003af88{--sdds-core-group-segmented-radius:0.25rem;}
431
+
432
+
433
+
424
434
  .IconButton_config_xabiey_d18ihzhr__7b7393b5{--plasma-icon-button-color:var(--inverse-text-primary,#171717F5);--plasma-icon-button-background-color:var(--surface-solid-default,#F9F9F9);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover,#17171793);--plasma-icon-button-color-active:var(--inverse-text-primary-active,#171717C4);}
425
435
  .IconButton_config_xabiey_asnn66s__7b7393b5{--plasma-icon-button-color:var(--on-dark-text-primary,#F5F5F5F5);--plasma-icon-button-background-color:var(--surface-accent,#0C9597);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover,#0EA7AAFF);--plasma-icon-button-background-color-active:var(--surface-accent-active,#0B8B8EFF);}
426
436
  .IconButton_config_xabiey_sxdpxpi__7b7393b5{--plasma-icon-button-color:var(--text-primary,#F5F5F5F5);--plasma-icon-button-background-color:var(--surface-transparent-secondary,#FFFFFF1F);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF3D);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF0F);}
@@ -1,5 +1,5 @@
1
1
  export { Accordion } from './components/Accordion/Accordion.js';
2
- 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, fileClasses, fileTokens, informationWrapperClasses, informationWrapperTokens, modalClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingInputClasses, ratingInputTokens, ratingTokens, sheetClasses, stepsTokens, textFieldSliderTokens, textFieldTokens, timePickerClasses, timePickerTokens, toolbarTokens, useNotifications, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope/css';
2
+ 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, fileClasses, fileTokens, groupTokens, informationWrapperClasses, informationWrapperTokens, modalClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingInputClasses, ratingInputTokens, ratingTokens, sheetClasses, stepsTokens, textFieldSliderTokens, textFieldTokens, timePickerClasses, timePickerTokens, toolbarTokens, useNotifications, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope/css';
3
3
  export { Attach } from './components/Attach/Attach.js';
4
4
  export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
5
5
  export { Avatar } from './components/Avatar/Avatar.js';
@@ -30,6 +30,7 @@ export { EmptyState } from './components/EmptyState/EmptyState.js';
30
30
  export { File } from './components/File/File.js';
31
31
  export { Flow } from './components/Flow/Flow.js';
32
32
  export { Grid } from './components/Grid/Grid.js';
33
+ export { Group } from './components/Group/Group.js';
33
34
  export { IconButton } from './components/IconButton/IconButton.js';
34
35
  export { IconTabItem, TabItem } from './components/Tabs/TabItem.js';
35
36
  export { Image } from './components/Image/Image.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "config", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return config;
9
+ }
10
+ });
11
+ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ const config = {
13
+ defaults: {
14
+ gap: 'dense',
15
+ orientation: 'horizontal',
16
+ shape: 'default',
17
+ stretching: 'auto'
18
+ },
19
+ variations: {
20
+ orientation: {
21
+ horizontal: (0, _styledcomponents.css)`
22
+ ${_styledcomponents.groupTokens.orientation}: row;
23
+ `,
24
+ vertical: (0, _styledcomponents.css)`
25
+ ${_styledcomponents.groupTokens.orientation}: column;
26
+ `
27
+ },
28
+ gap: {
29
+ none: (0, _styledcomponents.css)`
30
+ ${_styledcomponents.groupTokens.gap}: 0;
31
+ `,
32
+ dense: (0, _styledcomponents.css)`
33
+ ${_styledcomponents.groupTokens.gap}: 0.125rem;
34
+ `,
35
+ wide: (0, _styledcomponents.css)`
36
+ ${_styledcomponents.groupTokens.gap}: 0.5rem;
37
+ `
38
+ },
39
+ shape: {
40
+ default: (0, _styledcomponents.css)``,
41
+ segmented: (0, _styledcomponents.css)`
42
+ ${_styledcomponents.groupTokens.segmentedRadius}: 0.25rem;
43
+ `
44
+ },
45
+ stretching: {
46
+ auto: (0, _styledcomponents.css)``,
47
+ filled: (0, _styledcomponents.css)``
48
+ }
49
+ }
50
+ };
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "Group", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return Group;
9
+ }
10
+ });
11
+ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ const _Groupconfig = require("./Group.config");
13
+ const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.groupConfig, _Groupconfig.config);
14
+ const Group = (0, _styledcomponents.component)(mergedConfig);
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get Group () {
13
+ return _Group.Group;
14
+ },
15
+ get groupTokens () {
16
+ return _styledcomponents.groupTokens;
17
+ }
18
+ });
19
+ const _Group = require("./Group");
20
+ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
@@ -7,6 +7,7 @@ _export_star(require("./components/AvatarGroup"), exports);
7
7
  _export_star(require("./components/Badge"), exports);
8
8
  _export_star(require("./components/Button"), exports);
9
9
  _export_star(require("./components/ButtonGroup"), exports);
10
+ _export_star(require("./components/Group"), exports);
10
11
  _export_star(require("./components/Breadcrumbs"), exports);
11
12
  _export_star(require("./components/Divider"), exports);
12
13
  _export_star(require("./components/Drawer"), exports);
@@ -0,0 +1,40 @@
1
+ import { css, groupTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
2
+ export const config = {
3
+ defaults: {
4
+ gap: 'dense',
5
+ orientation: 'horizontal',
6
+ shape: 'default',
7
+ stretching: 'auto'
8
+ },
9
+ variations: {
10
+ orientation: {
11
+ horizontal: css`
12
+ ${tokens.orientation}: row;
13
+ `,
14
+ vertical: css`
15
+ ${tokens.orientation}: column;
16
+ `
17
+ },
18
+ gap: {
19
+ none: css`
20
+ ${tokens.gap}: 0;
21
+ `,
22
+ dense: css`
23
+ ${tokens.gap}: 0.125rem;
24
+ `,
25
+ wide: css`
26
+ ${tokens.gap}: 0.5rem;
27
+ `
28
+ },
29
+ shape: {
30
+ default: css``,
31
+ segmented: css`
32
+ ${tokens.segmentedRadius}: 0.25rem;
33
+ `
34
+ },
35
+ stretching: {
36
+ auto: css``,
37
+ filled: css``
38
+ }
39
+ }
40
+ };
@@ -0,0 +1,6 @@
1
+ import { groupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './Group.config';
3
+ const mergedConfig = mergeConfig(groupConfig, config);
4
+ /**
5
+ * Группа элементов с общими отступами, направлением и скруглением внутренних углов.
6
+ */ export const Group = component(mergedConfig);
@@ -0,0 +1,2 @@
1
+ export { Group } from './Group';
2
+ export { groupTokens } from '@salutejs/plasma-new-hope/styled-components';
@@ -3,6 +3,7 @@ export * from './components/AvatarGroup';
3
3
  export * from './components/Badge';
4
4
  export * from './components/Button';
5
5
  export * from './components/ButtonGroup';
6
+ export * from './components/Group';
6
7
  export * from './components/Breadcrumbs';
7
8
  export * from './components/Divider';
8
9
  export * from './components/Drawer';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-bizcom",
3
- "version": "0.376.1-dev.0",
3
+ "version": "0.377.0-dev.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS BIZCOM web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -50,7 +50,7 @@
50
50
  "styled-components": "^5.3.11"
51
51
  },
52
52
  "dependencies": {
53
- "@salutejs/plasma-new-hope": "0.388.1-dev.0",
53
+ "@salutejs/plasma-new-hope": "0.389.0-dev.0",
54
54
  "@salutejs/sdds-themes": "0.87.0-dev.0"
55
55
  },
56
56
  "devDependencies": {
@@ -70,10 +70,10 @@
70
70
  "@rollup/plugin-commonjs": "^25.0.4",
71
71
  "@rollup/plugin-node-resolve": "^15.1.0",
72
72
  "@salutejs/plasma-colors": "0.28.0-dev.0",
73
- "@salutejs/plasma-core": "1.249.0-dev.0",
74
- "@salutejs/plasma-cy-utils": "0.179.0-dev.0",
73
+ "@salutejs/plasma-core": "1.250.0-dev.0",
74
+ "@salutejs/plasma-cy-utils": "0.180.0-dev.0",
75
75
  "@salutejs/plasma-icons": "1.257.1-dev.0",
76
- "@salutejs/plasma-sb-utils": "0.251.1-dev.0",
76
+ "@salutejs/plasma-sb-utils": "0.252.0-dev.0",
77
77
  "@types/node": "16.7.13",
78
78
  "@types/react": "18.0.28",
79
79
  "@types/react-dom": "18.0.11",
@@ -120,5 +120,11 @@
120
120
  "sideEffects": [
121
121
  "*.css"
122
122
  ],
123
- "gitHead": "ed4c47d66e4b9e902ba7b56c72b5df1da7230489"
123
+ "overrides": {
124
+ "@linaria/babel-preset": {
125
+ "happy-dom": "21.0.4"
126
+ },
127
+ "dompurify": "3.4.17"
128
+ },
129
+ "gitHead": "3c21629c0b49cb41f7254eb061bb18e82a13e858"
124
130
  }
@@ -0,0 +1,27 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ gap: string;
4
+ orientation: string;
5
+ shape: string;
6
+ stretching: string;
7
+ };
8
+ variations: {
9
+ orientation: {
10
+ horizontal: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
+ vertical: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
+ };
13
+ gap: {
14
+ none: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
+ dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
+ wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
+ };
18
+ shape: {
19
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
20
+ segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
21
+ };
22
+ stretching: {
23
+ auto: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
24
+ filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
25
+ };
26
+ };
27
+ };
@@ -0,0 +1,22 @@
1
+ /**
2
+ * Группа элементов с общими отступами, направлением и скруглением внутренних углов.
3
+ */
4
+ export declare const Group: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
5
+ orientation: {
6
+ horizontal: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
7
+ vertical: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
+ };
9
+ gap: {
10
+ none: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
+ dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
+ wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
+ };
14
+ shape: {
15
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
+ segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
+ };
18
+ stretching: {
19
+ auto: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
20
+ filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
21
+ };
22
+ }> & import("@salutejs/plasma-new-hope/styled-components").GroupProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,3 @@
1
+ export { Group } from './Group';
2
+ export { groupTokens } from '@salutejs/plasma-new-hope/styled-components';
3
+ export type { GroupProps } from '@salutejs/plasma-new-hope/styled-components';
package/types/index.d.ts CHANGED
@@ -3,6 +3,7 @@ export * from './components/AvatarGroup';
3
3
  export * from './components/Badge';
4
4
  export * from './components/Button';
5
5
  export * from './components/ButtonGroup';
6
+ export * from './components/Group';
6
7
  export * from './components/Breadcrumbs';
7
8
  export * from './components/Divider';
8
9
  export * from './components/Drawer';