@salutejs/sdds-serv 0.313.1-canary.2018.15778039519.0 → 0.313.1-canary.2030.15756642897.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 (25) hide show
  1. package/components/Carousel/Carousel.config.js +1 -1
  2. package/components/Carousel/Carousel.config.js.map +1 -1
  3. package/components/Carousel/Carousel.config_1r461vi.css +2 -0
  4. package/components/Carousel/Carousel.css +2 -2
  5. package/components/Combobox/Combobox.d.ts +24 -24
  6. package/components/Radiobox/Radiobox.d.ts +46 -2
  7. package/components/Select/Select.d.ts +6 -6
  8. package/components/Tokens/Colors/Colors.styles.d.ts +1 -1
  9. package/components/Tokens/Typography/Typography.styles.d.ts +1 -1
  10. package/emotion/cjs/components/Carousel/Carousel.config.js +2 -2
  11. package/emotion/cjs/components/Carousel/Carousel.stories.tsx +14 -10
  12. package/emotion/cjs/components/Modal/Modal.stories.tsx +1 -1
  13. package/emotion/es/components/Carousel/Carousel.config.js +2 -2
  14. package/emotion/es/components/Carousel/Carousel.stories.tsx +14 -10
  15. package/emotion/es/components/Modal/Modal.stories.tsx +1 -1
  16. package/es/components/Carousel/Carousel.config.js +1 -1
  17. package/es/components/Carousel/Carousel.config.js.map +1 -1
  18. package/es/components/Carousel/Carousel.config_1r461vi.css +2 -0
  19. package/es/components/Carousel/Carousel.css +2 -2
  20. package/es/index.css +2 -2
  21. package/package.json +3 -3
  22. package/styled-components/cjs/components/Carousel/Carousel.config.js +2 -2
  23. package/styled-components/es/components/Carousel/Carousel.config.js +2 -2
  24. package/components/Carousel/Carousel.config_uusoxc.css +0 -2
  25. package/es/components/Carousel/Carousel.config_uusoxc.css +0 -2
package/components/Carousel/Carousel.config.js CHANGED
@@ -1,4 +1,4 @@
1
- require('./Carousel.config_uusoxc.css');
1
+ require('./Carousel.config_1r461vi.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
package/components/Carousel/Carousel.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.config.js","sources":["../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n ${tokens.controlIconButtonColor}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.controlIconButtonColorHover}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.controlIconButtonColorActive}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n },\n size: {\n s: css`\n ${tokens.controlIconButtonRadius}: 100%;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","s"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAUV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAAA;AAGL,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Carousel.config.js","sources":["../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n `,\n },\n size: {\n s: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","s"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAIV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAAA;AACL,KAAA;AACJ,GAAA;AACJ;;;;"}
package/components/Carousel/Carousel.config_1r461vi.css ADDED
@@ -0,0 +1,2 @@
1
+ .dv63qpm{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
2
+
package/components/Carousel/Carousel.css CHANGED
@@ -1,2 +1,2 @@
1
- .Carousel_config_uusoxc_dv63qpm__af6cec3a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);--plasma-carousel-control-icon-button-color:var(--text-primary);--plasma-carousel-control-icon-button-background-color:var(--surface-transparent-secondary);--plasma-carousel-control-icon-button-color-hover:var(--text-primary);--plasma-carousel-control-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-carousel-control-icon-button-color-active:var(--text-primary);--plasma-carousel-control-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
2
- .Carousel_config_uusoxc_s13btmod__af6cec3a{--plasma-carousel-control-icon-button-radius:100%;}
1
+ .Carousel_config_1r461vi_dv63qpm__2a4ae68a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
2
+
package/components/Combobox/Combobox.d.ts CHANGED
@@ -85,7 +85,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
85
85
  hintOffset?: [number, number];
86
86
  hintWidth?: string;
87
87
  hintContentLeft?: React.ReactNode;
88
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
88
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
89
89
  items: ComboboxItemOption[];
90
90
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
91
91
  placeholder?: string;
@@ -139,7 +139,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
139
139
  hintOffset?: never;
140
140
  hintWidth?: never;
141
141
  hintContentLeft?: never;
142
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
142
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
143
143
  items: ComboboxItemOption[];
144
144
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
145
145
  placeholder?: string;
@@ -193,7 +193,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
193
193
  hintOffset?: [number, number];
194
194
  hintWidth?: string;
195
195
  hintContentLeft?: React.ReactNode;
196
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
196
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
197
197
  items: ComboboxItemOption[];
198
198
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
199
199
  placeholder?: string;
@@ -247,7 +247,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
247
247
  hintOffset?: never;
248
248
  hintWidth?: never;
249
249
  hintContentLeft?: never;
250
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
250
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
251
251
  items: ComboboxItemOption[];
252
252
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
253
253
  placeholder?: string;
@@ -301,7 +301,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
301
301
  hintOffset?: [number, number];
302
302
  hintWidth?: string;
303
303
  hintContentLeft?: React.ReactNode;
304
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
304
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
305
305
  items: ComboboxItemOption[];
306
306
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
307
307
  placeholder?: string;
@@ -355,7 +355,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
355
355
  hintOffset?: never;
356
356
  hintWidth?: never;
357
357
  hintContentLeft?: never;
358
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
358
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
359
359
  items: ComboboxItemOption[];
360
360
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
361
361
  placeholder?: string;
@@ -409,7 +409,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
409
409
  hintOffset?: [number, number];
410
410
  hintWidth?: string;
411
411
  hintContentLeft?: React.ReactNode;
412
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
412
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
413
413
  items: ComboboxItemOption[];
414
414
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
415
415
  placeholder?: string;
@@ -463,7 +463,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
463
463
  hintOffset?: never;
464
464
  hintWidth?: never;
465
465
  hintContentLeft?: never;
466
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
466
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
467
467
  items: ComboboxItemOption[];
468
468
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
469
469
  placeholder?: string;
@@ -517,7 +517,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
517
517
  hintOffset?: [number, number];
518
518
  hintWidth?: string;
519
519
  hintContentLeft?: React.ReactNode;
520
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
520
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
521
521
  items: ComboboxItemOption[];
522
522
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
523
523
  placeholder?: string;
@@ -571,7 +571,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
571
571
  hintOffset?: never;
572
572
  hintWidth?: never;
573
573
  hintContentLeft?: never;
574
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
574
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
575
575
  items: ComboboxItemOption[];
576
576
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
577
577
  placeholder?: string;
@@ -625,7 +625,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
625
625
  hintOffset?: [number, number];
626
626
  hintWidth?: string;
627
627
  hintContentLeft?: React.ReactNode;
628
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
628
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
629
629
  items: ComboboxItemOption[];
630
630
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
631
631
  placeholder?: string;
@@ -679,7 +679,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
679
679
  hintOffset?: never;
680
680
  hintWidth?: never;
681
681
  hintContentLeft?: never;
682
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
682
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
683
683
  items: ComboboxItemOption[];
684
684
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
685
685
  placeholder?: string;
@@ -733,7 +733,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
733
733
  hintOffset?: [number, number];
734
734
  hintWidth?: string;
735
735
  hintContentLeft?: React.ReactNode;
736
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
736
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
737
737
  items: ComboboxItemOption[];
738
738
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
739
739
  placeholder?: string;
@@ -787,7 +787,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
787
787
  hintOffset?: never;
788
788
  hintWidth?: never;
789
789
  hintContentLeft?: never;
790
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
790
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
791
791
  items: ComboboxItemOption[];
792
792
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
793
793
  placeholder?: string;
@@ -841,7 +841,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
841
841
  hintOffset?: [number, number];
842
842
  hintWidth?: string;
843
843
  hintContentLeft?: React.ReactNode;
844
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
844
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
845
845
  items: ComboboxItemOption[];
846
846
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
847
847
  placeholder?: string;
@@ -895,7 +895,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
895
895
  hintOffset?: never;
896
896
  hintWidth?: never;
897
897
  hintContentLeft?: never;
898
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
898
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
899
899
  items: ComboboxItemOption[];
900
900
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
901
901
  placeholder?: string;
@@ -949,7 +949,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
949
949
  hintOffset?: [number, number];
950
950
  hintWidth?: string;
951
951
  hintContentLeft?: React.ReactNode;
952
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
952
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
953
953
  items: ComboboxItemOption[];
954
954
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
955
955
  placeholder?: string;
@@ -1003,7 +1003,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1003
1003
  hintOffset?: never;
1004
1004
  hintWidth?: never;
1005
1005
  hintContentLeft?: never;
1006
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
1006
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
1007
1007
  items: ComboboxItemOption[];
1008
1008
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
1009
1009
  placeholder?: string;
@@ -1057,7 +1057,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1057
1057
  hintOffset?: [number, number];
1058
1058
  hintWidth?: string;
1059
1059
  hintContentLeft?: React.ReactNode;
1060
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
1060
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
1061
1061
  items: ComboboxItemOption[];
1062
1062
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
1063
1063
  placeholder?: string;
@@ -1111,7 +1111,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1111
1111
  hintOffset?: never;
1112
1112
  hintWidth?: never;
1113
1113
  hintContentLeft?: never;
1114
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
1114
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
1115
1115
  items: ComboboxItemOption[];
1116
1116
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
1117
1117
  placeholder?: string;
@@ -1165,7 +1165,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1165
1165
  hintOffset?: [number, number];
1166
1166
  hintWidth?: string;
1167
1167
  hintContentLeft?: React.ReactNode;
1168
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
1168
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
1169
1169
  items: ComboboxItemOption[];
1170
1170
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
1171
1171
  placeholder?: string;
@@ -1219,7 +1219,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1219
1219
  hintOffset?: never;
1220
1220
  hintWidth?: never;
1221
1221
  hintContentLeft?: never;
1222
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
1222
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
1223
1223
  items: ComboboxItemOption[];
1224
1224
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
1225
1225
  placeholder?: string;
@@ -1273,7 +1273,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1273
1273
  hintOffset?: [number, number];
1274
1274
  hintWidth?: string;
1275
1275
  hintContentLeft?: React.ReactNode;
1276
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
1276
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>) | ({
1277
1277
  items: ComboboxItemOption[];
1278
1278
  placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement;
1279
1279
  placeholder?: string;
@@ -1327,7 +1327,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1327
1327
  hintOffset?: never;
1328
1328
  hintWidth?: never;
1329
1329
  hintContentLeft?: never;
1330
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & React.RefAttributes<HTMLInputElement>))>;
1330
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "value" | "name"> & React.RefAttributes<HTMLInputElement>))>;
1331
1331
  type PropsFromConfig = keyof typeof config['variations'];
1332
1332
  export type Props<T extends ComboboxItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
1333
1333
  declare const Combobox: <T extends ComboboxItemOption>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
package/components/Radiobox/Radiobox.d.ts CHANGED
@@ -1,8 +1,52 @@
1
1
  import { ComponentProps } from 'react';
2
- declare const RadioboxComponent: import("react").FunctionComponent<any>;
2
+ declare const RadioboxComponent: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
3
+ size: {
4
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
+ };
8
+ view: {
9
+ accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
+ secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
+ tertiary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ paragraph: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
+ positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
+ warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
+ negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
+ };
18
+ disabled: {
19
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
+ };
21
+ focused: {
22
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
+ };
24
+ }> & import("@salutejs/plasma-new-hope/types/engines/types").Filter<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("@salutejs/plasma-new-hope/styled-components").BaseboxProps, "indeterminate" | "appearance"> & import("react").RefAttributes<HTMLInputElement>>;
3
25
  export type RadioboxProps = ComponentProps<typeof RadioboxComponent>;
4
26
  /**
5
27
  * Переключатель, или *радиокнопка*.
6
28
  */
7
- export declare const Radiobox: import("react").FunctionComponent<any>;
29
+ export declare const Radiobox: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
30
+ size: {
31
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
32
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
33
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
34
+ };
35
+ view: {
36
+ accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
37
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
38
+ secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
39
+ tertiary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
40
+ paragraph: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
41
+ positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
42
+ warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
43
+ negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
44
+ };
45
+ disabled: {
46
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
47
+ };
48
+ focused: {
49
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
50
+ };
51
+ }> & import("@salutejs/plasma-new-hope/types/engines/types").Filter<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("@salutejs/plasma-new-hope/styled-components").BaseboxProps, "indeterminate" | "appearance"> & import("react").RefAttributes<HTMLInputElement>>;
8
52
  export { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
package/components/Select/Select.d.ts CHANGED
@@ -98,7 +98,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
98
98
  isOpen?: boolean;
99
99
  listHeight?: React.CSSProperties["height"];
100
100
  onScrollBottom?: (e: React.UIEvent<HTMLUListElement>) => void;
101
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
101
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
102
102
  hintText: string;
103
103
  hintTrigger?: "hover" | "click";
104
104
  hintView?: string;
@@ -156,7 +156,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
156
156
  isOpen?: boolean;
157
157
  listHeight?: React.CSSProperties["height"];
158
158
  onScrollBottom?: (e: React.UIEvent<HTMLUListElement>) => void;
159
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
159
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
160
160
  hintTrigger?: never;
161
161
  hintText?: never;
162
162
  hintView?: never;
@@ -213,7 +213,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
213
213
  isOpen?: boolean;
214
214
  listHeight?: React.CSSProperties["height"];
215
215
  onScrollBottom?: (e: React.UIEvent<HTMLUListElement>) => void;
216
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
216
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
217
217
  hintTrigger?: never;
218
218
  hintText?: never;
219
219
  hintView?: never;
@@ -271,7 +271,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
271
271
  isOpen?: boolean;
272
272
  listHeight?: React.CSSProperties["height"];
273
273
  onScrollBottom?: (e: React.UIEvent<HTMLUListElement>) => void;
274
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
274
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
275
275
  target: "button-like";
276
276
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
277
277
  contentLeft?: never;
@@ -316,7 +316,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
316
316
  isOpen?: boolean;
317
317
  listHeight?: React.CSSProperties["height"];
318
318
  onScrollBottom?: (e: React.UIEvent<HTMLUListElement>) => void;
319
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
319
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
320
320
  target: "button-like";
321
321
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
322
322
  contentLeft?: never;
@@ -362,7 +362,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
362
362
  isOpen?: boolean;
363
363
  listHeight?: React.CSSProperties["height"];
364
364
  onScrollBottom?: (e: React.UIEvent<HTMLUListElement>) => void;
365
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & React.RefAttributes<HTMLButtonElement>))>;
365
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>))>;
366
366
  export type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<SelectPropsNewHope<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
367
367
  declare const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
368
368
  export { Select };
package/components/Tokens/Colors/Colors.styles.d.ts CHANGED
@@ -34,7 +34,7 @@ export declare const StyledSegmentItem: import("styled-components").StyledCompon
34
34
  export declare const AccordionInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
35
35
  export declare const Subcategory: import("styled-components").StyledComponent<"div", any, {}, never>;
36
36
  export declare const ColumnTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
37
- export declare const StyledAccordionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "title" | "onChange"> & {
37
+ export declare const StyledAccordionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange" | "title"> & {
38
38
  value?: boolean;
39
39
  type?: "clear" | "arrow" | "sign";
40
40
  contentLeft?: React.ReactNode;
package/components/Tokens/Typography/Typography.styles.d.ts CHANGED
@@ -36,7 +36,7 @@ export declare const StyledSegmentItem: import("styled-components").StyledCompon
36
36
  export declare const AccordionTypographyTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
37
37
  export declare const FontFamily: import("styled-components").StyledComponent<"span", any, {}, never>;
38
38
  export declare const AccordionInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
39
- export declare const StyledAccordionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "title" | "onChange"> & {
39
+ export declare const StyledAccordionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange" | "title"> & {
40
40
  value?: boolean;
41
41
  type?: "clear" | "arrow" | "sign";
42
42
  contentLeft?: React.ReactNode;
package/emotion/cjs/components/Carousel/Carousel.config.js CHANGED
@@ -14,10 +14,10 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _emotion.carouselNewTokens.paginationDotBackground, _emotion.carouselNewTokens.paginationDotActiveBackground, _emotion.carouselNewTokens.controlIconButtonColor, _emotion.carouselNewTokens.controlIconButtonBackgroundColor, _emotion.carouselNewTokens.controlIconButtonColorHover, _emotion.carouselNewTokens.controlIconButtonBackgroundColorHover, _emotion.carouselNewTokens.controlIconButtonColorActive, _emotion.carouselNewTokens.controlIconButtonBackgroundColorActive)
17
+ "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n "])), _emotion.carouselNewTokens.paginationDotBackground, _emotion.carouselNewTokens.paginationDotActiveBackground)
18
18
  },
19
19
  size: {
20
- s: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n "])), _emotion.carouselNewTokens.controlIconButtonRadius)
20
+ s: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
21
21
  }
22
22
  }
23
23
  };
package/emotion/cjs/components/Carousel/Carousel.stories.tsx CHANGED
@@ -35,8 +35,8 @@ const meta: Meta<StoryCarouselProps> = {
35
35
  type: 'inline-radio',
36
36
  },
37
37
  },
38
- scrollAlign: {
39
- options: ['start', 'center', 'end'],
38
+ align: {
39
+ options: ['start', 'center', 'end', 'activeDirection'],
40
40
  control: {
41
41
  type: 'inline-radio',
42
42
  },
@@ -56,24 +56,19 @@ const meta: Meta<StoryCarouselProps> = {
56
56
  paginationCentered: {
57
57
  control: 'boolean',
58
58
  },
59
- gap: {
60
- control: 'text',
61
- },
62
59
  },
63
60
  args: {
64
61
  view: 'default',
65
62
  size: 's',
66
- scrollAlign: 'start',
67
- slides: 20,
63
+ align: 'center',
64
+ slides: 10,
68
65
  controlArrowsDisabled: false,
69
66
  paginationDisabled: false,
70
67
  paginationCentered: false,
71
- gap: '20px',
72
68
  },
73
69
  parameters: {
74
70
  controls: {
75
71
  include: [
76
- 'scrollAlign',
77
72
  'visibleDots',
78
73
  'slides',
79
74
  'controlArrowsDisabled',
@@ -91,6 +86,7 @@ const StyledCard = styled.div`
91
86
  display: flex;
92
87
  align-items: center;
93
88
  justify-content: center;
89
+ position: relative;
94
90
  border-radius: 8px;
95
91
  width: 400px;
96
92
  height: 370px;
@@ -98,7 +94,14 @@ const StyledCard = styled.div`
98
94
  font-size: 30px;
99
95
  `;
100
96
 
101
- const StoryDefault = ({ visibleDots, slides, paginationDisabled, paginationCentered, ...rest }: StoryCarouselProps) => {
97
+ const StoryDefault = ({
98
+ align,
99
+ visibleDots,
100
+ slides,
101
+ paginationDisabled,
102
+ paginationCentered,
103
+ ...rest
104
+ }: StoryCarouselProps) => {
102
105
  const items = Array(slides)
103
106
  .fill(1)
104
107
  .map((_, i) => ({
@@ -110,6 +113,7 @@ const StoryDefault = ({ visibleDots, slides, paginationDisabled, paginationCente
110
113
  <>
111
114
  <div style={{ width: '600px' }}>
112
115
  <Carousel
116
+ scrollAlign={align}
113
117
  paginationOptions={{
114
118
  disabled: paginationDisabled,
115
119
  visibleDots,
package/emotion/cjs/components/Modal/Modal.stories.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback, useRef, useState } from 'react';
2
2
  import type { ComponentProps } from 'react';
3
- import styled, { css } from 'styled-components';
3
+ import styled from 'styled-components';
4
4
  import type { Meta, StoryObj } from '@storybook/react';
5
5
  import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
6
6
 
package/emotion/es/components/Carousel/Carousel.config.js CHANGED
@@ -8,10 +8,10 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), tokens.paginationDotBackground, tokens.paginationDotActiveBackground, tokens.controlIconButtonColor, tokens.controlIconButtonBackgroundColor, tokens.controlIconButtonColorHover, tokens.controlIconButtonBackgroundColorHover, tokens.controlIconButtonColorActive, tokens.controlIconButtonBackgroundColorActive)
11
+ "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n "])), tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
12
12
  },
13
13
  size: {
14
- s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n "])), tokens.controlIconButtonRadius)
14
+ s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
15
15
  }
16
16
  }
17
17
  };
package/emotion/es/components/Carousel/Carousel.stories.tsx CHANGED
@@ -35,8 +35,8 @@ const meta: Meta<StoryCarouselProps> = {
35
35
  type: 'inline-radio',
36
36
  },
37
37
  },
38
- scrollAlign: {
39
- options: ['start', 'center', 'end'],
38
+ align: {
39
+ options: ['start', 'center', 'end', 'activeDirection'],
40
40
  control: {
41
41
  type: 'inline-radio',
42
42
  },
@@ -56,24 +56,19 @@ const meta: Meta<StoryCarouselProps> = {
56
56
  paginationCentered: {
57
57
  control: 'boolean',
58
58
  },
59
- gap: {
60
- control: 'text',
61
- },
62
59
  },
63
60
  args: {
64
61
  view: 'default',
65
62
  size: 's',
66
- scrollAlign: 'start',
67
- slides: 20,
63
+ align: 'center',
64
+ slides: 10,
68
65
  controlArrowsDisabled: false,
69
66
  paginationDisabled: false,
70
67
  paginationCentered: false,
71
- gap: '20px',
72
68
  },
73
69
  parameters: {
74
70
  controls: {
75
71
  include: [
76
- 'scrollAlign',
77
72
  'visibleDots',
78
73
  'slides',
79
74
  'controlArrowsDisabled',
@@ -91,6 +86,7 @@ const StyledCard = styled.div`
91
86
  display: flex;
92
87
  align-items: center;
93
88
  justify-content: center;
89
+ position: relative;
94
90
  border-radius: 8px;
95
91
  width: 400px;
96
92
  height: 370px;
@@ -98,7 +94,14 @@ const StyledCard = styled.div`
98
94
  font-size: 30px;
99
95
  `;
100
96
 
101
- const StoryDefault = ({ visibleDots, slides, paginationDisabled, paginationCentered, ...rest }: StoryCarouselProps) => {
97
+ const StoryDefault = ({
98
+ align,
99
+ visibleDots,
100
+ slides,
101
+ paginationDisabled,
102
+ paginationCentered,
103
+ ...rest
104
+ }: StoryCarouselProps) => {
102
105
  const items = Array(slides)
103
106
  .fill(1)
104
107
  .map((_, i) => ({
@@ -110,6 +113,7 @@ const StoryDefault = ({ visibleDots, slides, paginationDisabled, paginationCente
110
113
  <>
111
114
  <div style={{ width: '600px' }}>
112
115
  <Carousel
116
+ scrollAlign={align}
113
117
  paginationOptions={{
114
118
  disabled: paginationDisabled,
115
119
  visibleDots,
package/emotion/es/components/Modal/Modal.stories.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback, useRef, useState } from 'react';
2
2
  import type { ComponentProps } from 'react';
3
- import styled, { css } from 'styled-components';
3
+ import styled from 'styled-components';
4
4
  import type { Meta, StoryObj } from '@storybook/react';
5
5
  import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
6
6
 
package/es/components/Carousel/Carousel.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Carousel.config_uusoxc.css';
1
+ import './Carousel.config_1r461vi.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
package/es/components/Carousel/Carousel.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.config.js","sources":["../../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n ${tokens.controlIconButtonColor}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.controlIconButtonColorHover}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.controlIconButtonColorActive}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n },\n size: {\n s: css`\n ${tokens.controlIconButtonRadius}: 100%;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","s"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAUV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAAA;AAGL,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Carousel.config.js","sources":["../../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n `,\n },\n size: {\n s: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","s"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAIV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAAA;AACL,KAAA;AACJ,GAAA;AACJ;;;;"}
package/es/components/Carousel/Carousel.config_1r461vi.css ADDED
@@ -0,0 +1,2 @@
1
+ .dv63qpm{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
2
+
package/es/components/Carousel/Carousel.css CHANGED
@@ -1,2 +1,2 @@
1
- .Carousel_config_uusoxc_dv63qpm__af6cec3a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);--plasma-carousel-control-icon-button-color:var(--text-primary);--plasma-carousel-control-icon-button-background-color:var(--surface-transparent-secondary);--plasma-carousel-control-icon-button-color-hover:var(--text-primary);--plasma-carousel-control-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-carousel-control-icon-button-color-active:var(--text-primary);--plasma-carousel-control-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
2
- .Carousel_config_uusoxc_s13btmod__af6cec3a{--plasma-carousel-control-icon-button-radius:100%;}
1
+ .Carousel_config_1r461vi_dv63qpm__2a4ae68a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
2
+
package/es/index.css CHANGED
@@ -160,8 +160,8 @@
160
160
  .Card_config_1dok8i_m1c9oiks__d95cbab8{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
161
161
  .Card_config_1dok8i_s15l99kt__d95cbab8{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}
162
162
 
163
- .Carousel_config_uusoxc_dv63qpm__af6cec3a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);--plasma-carousel-control-icon-button-color:var(--text-primary);--plasma-carousel-control-icon-button-background-color:var(--surface-transparent-secondary);--plasma-carousel-control-icon-button-color-hover:var(--text-primary);--plasma-carousel-control-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-carousel-control-icon-button-color-active:var(--text-primary);--plasma-carousel-control-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
164
- .Carousel_config_uusoxc_s13btmod__af6cec3a{--plasma-carousel-control-icon-button-radius:100%;}
163
+ .Carousel_config_1r461vi_dv63qpm__2a4ae68a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
164
+
165
165
 
166
166
  .Cell_config_iu83fc_d1r8c7fn__e648e65f{--plasma-cell-color:var(--text-primary);--plasma-cell-label-color:var(--text-secondary);--plasma-cell-title-color:var(--text-primary);--plasma-cell-subtitle-color:var(--text-secondary);--plasma-cell-background-color:transparent;}
167
167
  .Cell_config_iu83fc_ljpyikk__e648e65f{--plasma-cell-width:15rem;--plasma-cell-padding:0rem;--plasma-cell-padding-left-content:0rem;--plasma-cell-padding-content:0rem;--plasma-cell-padding-right-content:0rem;--plasma-cell-textbox-gap:0.125rem;--plasma-cell-gap:0.375rem;--plasma-cell-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-cell-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-cell-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-cell-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-cell-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-cell-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-cell-subtitle-font-family:var(--plasma-typo-body-m-font-family);--plasma-cell-subtitle-font-size:var(--plasma-typo-body-m-font-size);--plasma-cell-subtitle-font-style:var(--plasma-typo-body-m-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-typo-body-m-line-height);}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-serv",
3
- "version": "0.313.1-canary.2018.15778039519.0",
3
+ "version": "0.313.1-canary.2030.15756642897.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS SERV web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -32,7 +32,7 @@
32
32
  "directory": "packages/sdds-serv"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.326.1-canary.2018.15778039519.0",
35
+ "@salutejs/plasma-new-hope": "0.326.1-canary.2030.15756642897.0",
36
36
  "@salutejs/sdds-themes": "0.38.0"
37
37
  },
38
38
  "peerDependencies": {
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "2538b271fe226fc6a85466f10e0fc97ad22819ff"
140
+ "gitHead": "ddb7d7d181e5443fc1eff09cd6ba6af8492eafee"
141
141
  }
package/styled-components/cjs/components/Carousel/Carousel.config.js CHANGED
@@ -14,10 +14,10 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.carouselNewTokens.paginationDotBackground, _styledComponents.carouselNewTokens.paginationDotActiveBackground, _styledComponents.carouselNewTokens.controlIconButtonColor, _styledComponents.carouselNewTokens.controlIconButtonBackgroundColor, _styledComponents.carouselNewTokens.controlIconButtonColorHover, _styledComponents.carouselNewTokens.controlIconButtonBackgroundColorHover, _styledComponents.carouselNewTokens.controlIconButtonColorActive, _styledComponents.carouselNewTokens.controlIconButtonBackgroundColorActive)
17
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n "])), _styledComponents.carouselNewTokens.paginationDotBackground, _styledComponents.carouselNewTokens.paginationDotActiveBackground)
18
18
  },
19
19
  size: {
20
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n "])), _styledComponents.carouselNewTokens.controlIconButtonRadius)
20
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
21
21
  }
22
22
  }
23
23
  };
package/styled-components/es/components/Carousel/Carousel.config.js CHANGED
@@ -8,10 +8,10 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), tokens.paginationDotBackground, tokens.paginationDotActiveBackground, tokens.controlIconButtonColor, tokens.controlIconButtonBackgroundColor, tokens.controlIconButtonColorHover, tokens.controlIconButtonBackgroundColorHover, tokens.controlIconButtonColorActive, tokens.controlIconButtonBackgroundColorActive)
11
+ "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n "])), tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
12
12
  },
13
13
  size: {
14
- s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n "])), tokens.controlIconButtonRadius)
14
+ s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
15
15
  }
16
16
  }
17
17
  };
package/components/Carousel/Carousel.config_uusoxc.css DELETED
@@ -1,2 +0,0 @@
1
- .dv63qpm{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);--plasma-carousel-control-icon-button-color:var(--text-primary);--plasma-carousel-control-icon-button-background-color:var(--surface-transparent-secondary);--plasma-carousel-control-icon-button-color-hover:var(--text-primary);--plasma-carousel-control-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-carousel-control-icon-button-color-active:var(--text-primary);--plasma-carousel-control-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
2
- .s13btmod{--plasma-carousel-control-icon-button-radius:100%;}
package/es/components/Carousel/Carousel.config_uusoxc.css DELETED
@@ -1,2 +0,0 @@
1
- .dv63qpm{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);--plasma-carousel-control-icon-button-color:var(--text-primary);--plasma-carousel-control-icon-button-background-color:var(--surface-transparent-secondary);--plasma-carousel-control-icon-button-color-hover:var(--text-primary);--plasma-carousel-control-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-carousel-control-icon-button-color-active:var(--text-primary);--plasma-carousel-control-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
2
- .s13btmod{--plasma-carousel-control-icon-button-radius:100%;}