@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.
- package/dist/css/cjs/components/Group/Group.config.js +35 -0
- package/dist/css/cjs/components/Group/Group.config.js.map +1 -0
- package/dist/css/cjs/components/Group/Group.config_36238j.css +9 -0
- package/dist/css/cjs/components/Group/Group.css +9 -0
- package/dist/css/cjs/components/Group/Group.js +16 -0
- package/dist/css/cjs/components/Group/Group.js.map +1 -0
- package/dist/css/cjs/index.css +10 -0
- package/dist/css/cjs/index.js +6 -0
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/es/components/Group/Group.config.js +31 -0
- package/dist/css/es/components/Group/Group.config.js.map +1 -0
- package/dist/css/es/components/Group/Group.config_36238j.css +9 -0
- package/dist/css/es/components/Group/Group.css +9 -0
- package/dist/css/es/components/Group/Group.js +12 -0
- package/dist/css/es/components/Group/Group.js.map +1 -0
- package/dist/css/es/index.css +10 -0
- package/dist/css/es/index.js +2 -1
- package/dist/css/es/index.js.map +1 -1
- package/dist/styled-components/cjs/components/Group/Group.config.js +50 -0
- package/dist/styled-components/cjs/components/Group/Group.js +14 -0
- package/dist/styled-components/cjs/components/Group/index.js +20 -0
- package/dist/styled-components/cjs/index.js +1 -0
- package/dist/styled-components/es/components/Group/Group.config.js +40 -0
- package/dist/styled-components/es/components/Group/Group.js +6 -0
- package/dist/styled-components/es/components/Group/index.js +2 -0
- package/dist/styled-components/es/index.js +1 -0
- package/package.json +12 -6
- package/types/components/Group/Group.config.d.ts +27 -0
- package/types/components/Group/Group.d.ts +22 -0
- package/types/components/Group/index.d.ts +3 -0
- 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;;;;"}
|
package/dist/css/cjs/index.css
CHANGED
|
@@ -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);}
|
package/dist/css/cjs/index.js
CHANGED
|
@@ -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;;;;"}
|
package/dist/css/es/index.css
CHANGED
|
@@ -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);}
|
package/dist/css/es/index.js
CHANGED
|
@@ -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';
|
package/dist/css/es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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);
|
|
@@ -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.
|
|
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.
|
|
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.
|
|
74
|
-
"@salutejs/plasma-cy-utils": "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.
|
|
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
|
-
"
|
|
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>>;
|
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';
|