@salutejs/plasma-web 1.623.0-next-platform-ai.0 → 1.623.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 (134) hide show
  1. package/dist/css/cjs/components/Combobox/Combobox.config.js +12 -6
  2. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  3. package/dist/css/cjs/components/Combobox/{Combobox.config_zpf3ab.css → Combobox.config_14dgqhm.css} +8 -5
  4. package/dist/css/cjs/components/Combobox/Combobox.css +17 -14
  5. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +1 -1
  6. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -1
  7. package/dist/css/{es/components/DateTimePicker/DateTimePicker.clear.config_3oesbw.css → cjs/components/DateTimePicker/DateTimePicker.clear.config_czd4rv.css} +1 -1
  8. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  9. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  10. package/dist/css/cjs/components/DateTimePicker/{DateTimePicker.config_iix93o.css → DateTimePicker.config_nc19tz.css} +1 -1
  11. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +26 -26
  12. package/dist/css/cjs/components/LinkButton/LinkButton.config.js +10 -9
  13. package/dist/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
  14. package/dist/css/{es/components/LinkButton/LinkButton.config_1ygbj3k.css → cjs/components/LinkButton/LinkButton.config_1csy5mj.css} +8 -7
  15. package/dist/css/cjs/components/LinkButton/LinkButton.css +14 -13
  16. package/dist/css/cjs/components/Note/Note.config.js +25 -3
  17. package/dist/css/cjs/components/Note/Note.config.js.map +1 -1
  18. package/dist/css/cjs/components/Note/Note.config_1npwity.css +15 -0
  19. package/dist/css/cjs/components/Note/Note.css +15 -9
  20. package/dist/css/cjs/components/Slider/Slider.config.js +9 -3
  21. package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
  22. package/dist/css/cjs/components/Slider/{Slider.config_qicxvs.css → Slider.config_trw4yv.css} +7 -4
  23. package/dist/css/cjs/components/Slider/Slider.css +10 -7
  24. package/dist/css/cjs/components/Steps/StepItem.config.js +22 -0
  25. package/dist/css/cjs/components/Steps/StepItem.config.js.map +1 -0
  26. package/dist/css/cjs/components/Steps/StepItem.config_qzqyof.css +5 -0
  27. package/dist/css/cjs/components/Steps/Steps.config.js +1 -1
  28. package/dist/css/cjs/components/Steps/Steps.config.js.map +1 -1
  29. package/dist/css/cjs/components/Steps/{Steps.config_1thzvf2.css → Steps.config_wv1w99.css} +4 -4
  30. package/dist/css/cjs/components/Steps/Steps.css +20 -14
  31. package/dist/css/cjs/components/Steps/Steps.js +5 -1
  32. package/dist/css/cjs/components/Steps/Steps.js.map +1 -1
  33. package/dist/css/cjs/index.css +104 -85
  34. package/dist/css/es/components/Combobox/Combobox.config.js +12 -6
  35. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  36. package/dist/css/es/components/Combobox/{Combobox.config_zpf3ab.css → Combobox.config_14dgqhm.css} +8 -5
  37. package/dist/css/es/components/Combobox/Combobox.css +17 -14
  38. package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js +1 -1
  39. package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -1
  40. package/dist/css/{cjs/components/DateTimePicker/DateTimePicker.clear.config_3oesbw.css → es/components/DateTimePicker/DateTimePicker.clear.config_czd4rv.css} +1 -1
  41. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  42. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  43. package/dist/css/es/components/DateTimePicker/{DateTimePicker.config_iix93o.css → DateTimePicker.config_nc19tz.css} +1 -1
  44. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +26 -26
  45. package/dist/css/es/components/LinkButton/LinkButton.config.js +10 -9
  46. package/dist/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
  47. package/dist/css/{cjs/components/LinkButton/LinkButton.config_1ygbj3k.css → es/components/LinkButton/LinkButton.config_1csy5mj.css} +8 -7
  48. package/dist/css/es/components/LinkButton/LinkButton.css +14 -13
  49. package/dist/css/es/components/Note/Note.config.js +25 -3
  50. package/dist/css/es/components/Note/Note.config.js.map +1 -1
  51. package/dist/css/es/components/Note/Note.config_1npwity.css +15 -0
  52. package/dist/css/es/components/Note/Note.css +15 -9
  53. package/dist/css/es/components/Slider/Slider.config.js +9 -3
  54. package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
  55. package/dist/css/es/components/Slider/{Slider.config_qicxvs.css → Slider.config_trw4yv.css} +7 -4
  56. package/dist/css/es/components/Slider/Slider.css +10 -7
  57. package/dist/css/es/components/Steps/StepItem.config.js +18 -0
  58. package/dist/css/es/components/Steps/StepItem.config.js.map +1 -0
  59. package/dist/css/es/components/Steps/StepItem.config_qzqyof.css +5 -0
  60. package/dist/css/es/components/Steps/Steps.config.js +1 -1
  61. package/dist/css/es/components/Steps/Steps.config.js.map +1 -1
  62. package/dist/css/es/components/Steps/{Steps.config_1thzvf2.css → Steps.config_wv1w99.css} +4 -4
  63. package/dist/css/es/components/Steps/Steps.css +20 -14
  64. package/dist/css/es/components/Steps/Steps.js +5 -1
  65. package/dist/css/es/components/Steps/Steps.js.map +1 -1
  66. package/dist/css/es/index.css +104 -85
  67. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +48 -0
  68. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  69. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +2 -0
  70. package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +11 -0
  71. package/dist/styled-components/cjs/components/Note/Note.config.js +54 -7
  72. package/dist/styled-components/cjs/components/Slider/Slider.config.js +17 -13
  73. package/dist/styled-components/cjs/components/Steps/StepItem.config.js +70 -0
  74. package/dist/styled-components/cjs/components/Steps/Steps.config.js +0 -20
  75. package/dist/styled-components/cjs/components/Steps/Steps.js +5 -1
  76. package/dist/styled-components/es/components/Combobox/Combobox.config.js +48 -0
  77. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  78. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +2 -0
  79. package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +11 -0
  80. package/dist/styled-components/es/components/Note/Note.config.js +54 -7
  81. package/dist/styled-components/es/components/Slider/Slider.config.js +17 -13
  82. package/dist/styled-components/es/components/Steps/StepItem.config.js +60 -0
  83. package/dist/styled-components/es/components/Steps/Steps.config.js +0 -20
  84. package/dist/styled-components/es/components/Steps/Steps.js +5 -1
  85. package/package.json +14 -15
  86. package/types/components/Accordion/Accordion.d.ts +1 -1
  87. package/types/components/Autocomplete/Autocomplete.d.ts +8 -8
  88. package/types/components/Calendar/Calendar.d.ts +2 -2
  89. package/types/components/Cell/Cell.d.ts +3 -3
  90. package/types/components/Combobox/Combobox.config.d.ts +6 -0
  91. package/types/components/Combobox/Combobox.d.ts +13 -0
  92. package/types/components/DatePicker/DatePicker.d.ts +8 -8
  93. package/types/components/LinkButton/LinkButton.config.d.ts +1 -0
  94. package/types/components/LinkButton/LinkButton.d.ts +1 -0
  95. package/types/components/Note/Note.config.d.ts +10 -0
  96. package/types/components/Note/Note.d.ts +6 -0
  97. package/types/components/Slider/Slider.config.d.ts +6 -0
  98. package/types/components/Slider/Slider.d.ts +9 -2
  99. package/types/components/Steps/StepItem.config.d.ts +14 -0
  100. package/types/components/TimePicker/TimePicker.d.ts +6 -2
  101. package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
  102. package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
  103. package/dist/css/cjs/components/Note/Note.config_2754qm.css +0 -9
  104. package/dist/css/es/components/Note/Note.config_2754qm.css +0 -9
  105. package/dist/styled-components/cjs/components/Badge/Badge.perftest.js +0 -32
  106. package/dist/styled-components/cjs/components/Button/Button.perftest.js +0 -57
  107. package/dist/styled-components/cjs/components/Calendar/Calendar.perftest.js +0 -116
  108. package/dist/styled-components/cjs/components/Checkbox/Checkbox.perftest.js +0 -35
  109. package/dist/styled-components/cjs/components/ElasticGrid/ElasticGrid.perftest.js +0 -50
  110. package/dist/styled-components/cjs/components/Modal/Modal.perftest.js +0 -34
  111. package/dist/styled-components/cjs/components/PreviewGallery/PreviewGallery.perftest.js +0 -111
  112. package/dist/styled-components/cjs/components/Radiobox/Radiobox.perftest.js +0 -40
  113. package/dist/styled-components/cjs/components/Select/Select.perftest.js +0 -49
  114. package/dist/styled-components/cjs/components/Switch/Switch.perftest.js +0 -39
  115. package/dist/styled-components/cjs/components/Tabs/Tabs.perftest.js +0 -78
  116. package/dist/styled-components/cjs/components/TextArea/TextArea.perftest.js +0 -41
  117. package/dist/styled-components/cjs/components/TextField/TextField.perftest.js +0 -59
  118. package/dist/styled-components/cjs/components/Tooltip/Tooltip.perftest.js +0 -89
  119. package/dist/styled-components/cjs/components/Upload/Upload.perftest.js +0 -46
  120. package/dist/styled-components/es/components/Badge/Badge.perftest.js +0 -17
  121. package/dist/styled-components/es/components/Button/Button.perftest.js +0 -34
  122. package/dist/styled-components/es/components/Calendar/Calendar.perftest.js +0 -90
  123. package/dist/styled-components/es/components/Checkbox/Checkbox.perftest.js +0 -20
  124. package/dist/styled-components/es/components/ElasticGrid/ElasticGrid.perftest.js +0 -35
  125. package/dist/styled-components/es/components/Modal/Modal.perftest.js +0 -20
  126. package/dist/styled-components/es/components/PreviewGallery/PreviewGallery.perftest.js +0 -85
  127. package/dist/styled-components/es/components/Radiobox/Radiobox.perftest.js +0 -25
  128. package/dist/styled-components/es/components/Select/Select.perftest.js +0 -34
  129. package/dist/styled-components/es/components/Switch/Switch.perftest.js +0 -24
  130. package/dist/styled-components/es/components/Tabs/Tabs.perftest.js +0 -55
  131. package/dist/styled-components/es/components/TextArea/TextArea.perftest.js +0 -26
  132. package/dist/styled-components/es/components/TextField/TextField.perftest.js +0 -36
  133. package/dist/styled-components/es/components/Tooltip/Tooltip.perftest.js +0 -74
  134. package/dist/styled-components/es/components/Upload/Upload.perftest.js +0 -31
@@ -13,6 +13,11 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
13
13
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
14
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
15
  };
16
+ pointerSize: {
17
+ small: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
+ large: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
+ none: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
20
+ };
16
21
  disabled: {
17
22
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
23
  };
@@ -28,6 +33,7 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
28
33
  sliderAlign?: never | "none";
29
34
  reversed?: never;
30
35
  labelReversed?: never;
36
+ valuePlacement?: "top" | "bottom" | "none";
31
37
  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
32
38
  onChangeCommitted?: (value: number) => void;
33
39
  ariaLabel?: string;
@@ -56,6 +62,7 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
56
62
  scaleAlign?: never;
57
63
  reversed?: boolean;
58
64
  labelReversed?: boolean;
65
+ valuePlacement?: "left" | "right" | "none";
59
66
  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
60
67
  onChangeCommitted?: (value: number) => void;
61
68
  ariaLabel?: string;
@@ -85,6 +92,7 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
85
92
  sliderAlign?: never | "none";
86
93
  reversed?: never;
87
94
  labelReversed?: never;
95
+ valuePlacement?: "top" | "bottom" | "none";
88
96
  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
89
97
  onChangeCommitted?: (value: number) => void;
90
98
  ariaLabel?: string;
@@ -113,6 +121,7 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
113
121
  scaleAlign?: never;
114
122
  reversed?: boolean;
115
123
  labelReversed?: boolean;
124
+ valuePlacement?: "left" | "right" | "none";
116
125
  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
117
126
  onChangeCommitted?: (value: number) => void;
118
127
  ariaLabel?: string;
@@ -146,7 +155,6 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
146
155
  labelPlacement?: never;
147
156
  ariaLabel?: string[];
148
157
  type?: "double";
149
- pointerSize?: "small" | "large";
150
158
  } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
151
159
  onChange?: (value: number[]) => void;
152
160
  name?: never;
@@ -163,5 +171,4 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
163
171
  labelPlacement?: never;
164
172
  ariaLabel?: string[];
165
173
  type?: "double";
166
- pointerSize?: "small" | "large";
167
174
  } & import("react").RefAttributes<HTMLDivElement>))>;
@@ -0,0 +1,14 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ };
5
+ variations: {
6
+ view: {
7
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
+ accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
+ negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
+ warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
+ positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
+ };
13
+ };
14
+ };
@@ -26,6 +26,8 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
26
26
  dropdownWidth?: "auto" | "fullWidth" | import("react").CSSProperties["width"];
27
27
  dropdownHeight?: import("react").CSSProperties["height"];
28
28
  columnsQuantity?: 2 | 3;
29
+ min?: string | Date;
30
+ max?: string | Date;
29
31
  appearance?: "default" | "clear";
30
32
  hasClearDivider?: boolean;
31
33
  size?: string;
@@ -48,7 +50,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
48
50
  textBefore?: string;
49
51
  textAfter?: string;
50
52
  autoComplete?: string;
51
- onChange?: (event: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent) => void;
53
+ onChange?: (event: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent | import("react").ChangeEvent<HTMLInputElement> | null, formattedValues: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent) => void;
52
54
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
53
55
  hintText: string;
54
56
  hintTrigger?: "hover" | "click";
@@ -66,6 +68,8 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
66
68
  dropdownWidth?: "auto" | "fullWidth" | import("react").CSSProperties["width"];
67
69
  dropdownHeight?: import("react").CSSProperties["height"];
68
70
  columnsQuantity?: 2 | 3;
71
+ min?: string | Date;
72
+ max?: string | Date;
69
73
  appearance?: "default" | "clear";
70
74
  hasClearDivider?: boolean;
71
75
  size?: string;
@@ -88,7 +92,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
88
92
  textBefore?: string;
89
93
  textAfter?: string;
90
94
  autoComplete?: string;
91
- onChange?: (event: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent) => void;
95
+ onChange?: (event: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent | import("react").ChangeEvent<HTMLInputElement> | null, formattedValues: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent) => void;
92
96
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
93
97
  hintTrigger?: never;
94
98
  hintText?: never;
@@ -51,6 +51,8 @@ export declare const StyledAccordionItem: import("styled-components").StyledComp
51
51
  eventKey?: number;
52
52
  index?: number;
53
53
  view?: string;
54
+ titleProps?: React.HTMLAttributes<HTMLElement>;
55
+ bodyProps?: React.HTMLAttributes<HTMLDivElement>;
54
56
  } & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
55
57
  export declare const TokenInfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
56
58
  export declare const ColorTokenDataWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -53,6 +53,8 @@ export declare const StyledAccordionItem: import("styled-components").StyledComp
53
53
  eventKey?: number;
54
54
  index?: number;
55
55
  view?: string;
56
+ titleProps?: React.HTMLAttributes<HTMLElement>;
57
+ bodyProps?: React.HTMLAttributes<HTMLDivElement>;
56
58
  } & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
57
59
  export declare const TokenInfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
58
60
  export declare const TokenShortName: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,9 +0,0 @@
1
- .dlpid31{--plasma-note-background:var(--surface-transparent-secondary);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-primary);}
2
- .pj3b0d5{--plasma-note-background:var(--surface-transparent-positive);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-positive);}
3
- .w73g2ww{--plasma-note-background:var(--surface-transparent-warning);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-warning);}
4
- .n1m8g88j{--plasma-note-background:var(--surface-transparent-negative);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-negative);}
5
- .ifuz2qv{--plasma-note-background:var(--surface-transparent-info);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-info);}
6
- .ly7aunu{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-close-icon-top:1rem;--plasma-note-close-icon-right:1rem;--plasma-note-close-icon-color:var(--text-secondary);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-l-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-l-line-height);--plasma-note-title-padding-right:1.875rem;--plasma-note-text-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-l-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-l-line-height);}
7
- .m1sat9qb{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.75rem;--plasma-note-close-icon-right:0.75rem;--plasma-note-close-icon-color:var(--text-secondary);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.5rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-m-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-m-line-height);--plasma-note-title-padding-right:1.75rem;--plasma-note-text-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-m-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-m-line-height);}
8
- .s1gn2ksf{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-s-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-s-line-height);--plasma-note-title-padding-right:1.625rem;--plasma-note-text-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-s-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-s-line-height);}
9
- .xqm7lmj{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover);--plasma-note-close-icon-size:1rem;--plasma-note-close-icon-button-size:1rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-xs-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-xs-line-height);--plasma-note-title-padding-right:1.5rem;--plasma-note-text-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-xs-line-height);}
@@ -1,9 +0,0 @@
1
- .dlpid31{--plasma-note-background:var(--surface-transparent-secondary);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-primary);}
2
- .pj3b0d5{--plasma-note-background:var(--surface-transparent-positive);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-positive);}
3
- .w73g2ww{--plasma-note-background:var(--surface-transparent-warning);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-warning);}
4
- .n1m8g88j{--plasma-note-background:var(--surface-transparent-negative);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-negative);}
5
- .ifuz2qv{--plasma-note-background:var(--surface-transparent-info);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-info);}
6
- .ly7aunu{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-close-icon-top:1rem;--plasma-note-close-icon-right:1rem;--plasma-note-close-icon-color:var(--text-secondary);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-l-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-l-line-height);--plasma-note-title-padding-right:1.875rem;--plasma-note-text-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-l-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-l-line-height);}
7
- .m1sat9qb{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.75rem;--plasma-note-close-icon-right:0.75rem;--plasma-note-close-icon-color:var(--text-secondary);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.5rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-m-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-m-line-height);--plasma-note-title-padding-right:1.75rem;--plasma-note-text-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-m-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-m-line-height);}
8
- .s1gn2ksf{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-s-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-s-line-height);--plasma-note-title-padding-right:1.625rem;--plasma-note-text-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-s-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-s-line-height);}
9
- .xqm7lmj{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover);--plasma-note-close-icon-size:1rem;--plasma-note-close-icon-button-size:1rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-xs-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-xs-line-height);--plasma-note-title-padding-right:1.5rem;--plasma-note-text-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-xs-line-height);}
@@ -1,32 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Default", {
6
- enumerable: true,
7
- get: function() {
8
- return Default;
9
- }
10
- });
11
- const _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
- const _plasmaicons = require("@salutejs/plasma-icons");
13
- const _ = require(".");
14
- function _interop_require_default(obj) {
15
- return obj && obj.__esModule ? obj : {
16
- default: obj
17
- };
18
- }
19
- const defaultProps = {
20
- text: 'Badge',
21
- size: 'l',
22
- view: 'default'
23
- };
24
- const Default = ()=>{
25
- return /*#__PURE__*/ _react.default.createElement(_.Badge, {
26
- contentLeft: /*#__PURE__*/ _react.default.createElement(_plasmaicons.IconSettings, {
27
- color: "inherit",
28
- size: "xs"
29
- }),
30
- ...defaultProps
31
- });
32
- };
@@ -1,57 +0,0 @@
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 Anchor () {
13
- return Anchor;
14
- },
15
- get Default () {
16
- return Default;
17
- }
18
- });
19
- const _react = /*#__PURE__*/ _interop_require_default(require("react"));
20
- const _plasmasbutils = require("@salutejs/plasma-sb-utils");
21
- const _ = require(".");
22
- function _interop_require_default(obj) {
23
- return obj && obj.__esModule ? obj : {
24
- default: obj
25
- };
26
- }
27
- const defaultProps = {
28
- view: 'default',
29
- size: 'l',
30
- pin: 'square-square',
31
- disabled: false,
32
- outlined: true,
33
- focused: false,
34
- contentType: 'Text',
35
- isLoading: false,
36
- onClick: ()=>{},
37
- onFocus: ()=>{},
38
- onBlur: ()=>{}
39
- };
40
- const text = 'Label';
41
- const Default = ()=>{
42
- return /*#__PURE__*/ _react.default.createElement(_.Button, {
43
- text: text,
44
- contentLeft: /*#__PURE__*/ _react.default.createElement(_plasmasbutils.IconPlaceholder, null),
45
- contentRight: /*#__PURE__*/ _react.default.createElement(_plasmasbutils.IconPlaceholder, null),
46
- ...defaultProps
47
- });
48
- };
49
- const Anchor = ()=>{
50
- return /*#__PURE__*/ _react.default.createElement(_.Button, {
51
- as: "a",
52
- text: text,
53
- contentLeft: /*#__PURE__*/ _react.default.createElement(_plasmasbutils.IconPlaceholder, null),
54
- contentRight: /*#__PURE__*/ _react.default.createElement(_plasmasbutils.IconPlaceholder, null),
55
- ...defaultProps
56
- });
57
- };
@@ -1,116 +0,0 @@
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 Default () {
13
- return Default;
14
- },
15
- get Double () {
16
- return Double;
17
- },
18
- get DoubleRange () {
19
- return DoubleRange;
20
- }
21
- });
22
- const _react = /*#__PURE__*/ _interop_require_default(require("react"));
23
- const _ = require(".");
24
- function _interop_require_default(obj) {
25
- return obj && obj.__esModule ? obj : {
26
- default: obj
27
- };
28
- }
29
- const defaultProps = {
30
- min: new Date(2022, 4, 0),
31
- max: new Date(2022, 6, 15),
32
- date: new Date(),
33
- isDouble: false,
34
- isRange: false,
35
- value: new Date(2022, 5, 6),
36
- valueRange: [
37
- new Date(2022, 5, 6),
38
- new Date(2022, 5, 10)
39
- ]
40
- };
41
- const eventsRange = [
42
- ...new Array(10)
43
- ].map((_, day)=>({
44
- date: new Date(2022, 5, 15 + day),
45
- color: 'purple'
46
- }));
47
- const disabledDays = [
48
- ...new Array(5)
49
- ].map((_, day)=>({
50
- date: new Date(2022, 5, 11 + day)
51
- }));
52
- const date = {
53
- day: 1,
54
- monthIndex: 2,
55
- year: 2022
56
- };
57
- const onChangeValue = ()=>{};
58
- const Default = ()=>{
59
- const { min, max, isDouble, isRange, value } = defaultProps;
60
- return /*#__PURE__*/ _react.default.createElement(_.Calendar, {
61
- isRange: isRange,
62
- isDouble: isDouble,
63
- date: date,
64
- value: value,
65
- eventList: eventsRange,
66
- disabledList: disabledDays,
67
- min: min,
68
- max: max,
69
- onChangeValue: onChangeValue
70
- });
71
- };
72
- const doubleProps = {
73
- min: new Date(2022, 4, 0),
74
- max: new Date(2022, 6, 15),
75
- value: new Date(2022, 5, 6)
76
- };
77
- const Double = ()=>{
78
- const { min, max, value } = doubleProps;
79
- return /*#__PURE__*/ _react.default.createElement(_.CalendarDouble, {
80
- value: value,
81
- eventList: eventsRange,
82
- disabledList: disabledDays,
83
- min: min,
84
- max: max,
85
- onChangeValue: onChangeValue
86
- });
87
- };
88
- const doubleRangeProps = {
89
- min: new Date(2022, 4, 0),
90
- max: new Date(2022, 7, 15),
91
- values: [
92
- new Date(2022, 5, 7),
93
- new Date(2022, 6, 9)
94
- ]
95
- };
96
- const eventList = [
97
- ...eventsRange
98
- ];
99
- const disabledList = [
100
- ...disabledDays
101
- ];
102
- const valueDate = [
103
- new Date(),
104
- new Date()
105
- ];
106
- const DoubleRange = ()=>{
107
- const { min, max } = doubleRangeProps;
108
- return /*#__PURE__*/ _react.default.createElement(_.CalendarDoubleRange, {
109
- value: valueDate,
110
- eventList: eventList,
111
- disabledList: disabledList,
112
- min: min,
113
- max: max,
114
- onChangeValue: onChangeValue
115
- });
116
- };
@@ -1,35 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Default", {
6
- enumerable: true,
7
- get: function() {
8
- return Default;
9
- }
10
- });
11
- const _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
- const _ = require(".");
13
- function _interop_require_default(obj) {
14
- return obj && obj.__esModule ? obj : {
15
- default: obj
16
- };
17
- }
18
- const func = ()=>{};
19
- const defaultProps = {
20
- name: 'checkbox',
21
- label: 'Label',
22
- description: 'Description',
23
- disabled: false,
24
- size: 'm'
25
- };
26
- const Default = ()=>{
27
- return /*#__PURE__*/ _react.default.createElement(_.Checkbox, {
28
- value: 0,
29
- checked: true,
30
- onChange: func,
31
- onFocus: func,
32
- onBlur: func,
33
- ...defaultProps
34
- });
35
- };
@@ -1,50 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Default", {
6
- enumerable: true,
7
- get: function() {
8
- return Default;
9
- }
10
- });
11
- const _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
- const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
13
- const _ = require(".");
14
- function _interop_require_default(obj) {
15
- return obj && obj.__esModule ? obj : {
16
- default: obj
17
- };
18
- }
19
- const StyledElasticGrid = (0, _styledcomponents.default)(_.ElasticGrid).withConfig({
20
- displayName: "ElasticGrid.perftest__StyledElasticGrid",
21
- componentId: "sc-a45519ff-0"
22
- })([
23
- `width:`,
24
- `;`
25
- ], ({ $width })=>$width);
26
- const Item = _styledcomponents.default.div.withConfig({
27
- displayName: "ElasticGrid.perftest__Item",
28
- componentId: "sc-a45519ff-1"
29
- })([
30
- `width:100%;height:100px;background-color:#999;border-radius:10px;`
31
- ]);
32
- const defaultProps = {
33
- $width: '600px',
34
- itemsNumber: 5,
35
- minColWidth: 125,
36
- gapX: 8,
37
- gapY: 8
38
- };
39
- const arr = [
40
- 0,
41
- 0,
42
- 0,
43
- 0,
44
- 0
45
- ];
46
- const Default = ()=>{
47
- return /*#__PURE__*/ _react.default.createElement(StyledElasticGrid, defaultProps, arr.map((_, k)=>/*#__PURE__*/ _react.default.createElement(Item, {
48
- key: k
49
- })));
50
- };
@@ -1,34 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Default", {
6
- enumerable: true,
7
- get: function() {
8
- return Default;
9
- }
10
- });
11
- const _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
- const _Typography = require("../Typography");
13
- const _ = require(".");
14
- function _interop_require_default(obj) {
15
- return obj && obj.__esModule ? obj : {
16
- default: obj
17
- };
18
- }
19
- const longText = `Если после применения правила Лопиталя неопределённость типа 0 / 0 осталась, мнимая единица традиционно
20
- развивает Наибольший Общий Делитель (НОД). Функция многих переменных, исключая очевидный случай,
21
- упорядочивает интеграл от функции, обращающейся в бесконечность в изолированной точке. Интересно
22
- отметить, что эпсилон окрестность развивает разрыв функции. Собственное подмножество естественно
23
- соответствует экспериментальный Наибольший Общий Делитель (НОД). Постоянная величина положительна.`;
24
- const defaultProps = {
25
- heading: 'Тэги «Голосовая викторина Queez с Валдисом Пельшем»',
26
- text: longText
27
- };
28
- const onClose = ()=>{};
29
- const Default = ()=>{
30
- const { heading, text } = defaultProps;
31
- return /*#__PURE__*/ _react.default.createElement(_.ModalsProvider, null, /*#__PURE__*/ _react.default.createElement(_.ModalView, {
32
- onClose: onClose
33
- }, /*#__PURE__*/ _react.default.createElement(_Typography.Headline1, null, heading), /*#__PURE__*/ _react.default.createElement(_Typography.P1, null, text)));
34
- };
@@ -1,111 +0,0 @@
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 AddButton () {
13
- return AddButton;
14
- },
15
- get Draggable () {
16
- return Draggable;
17
- },
18
- get Selectable () {
19
- return Selectable;
20
- }
21
- });
22
- const _react = /*#__PURE__*/ _interop_require_default(require("react"));
23
- const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
24
- const _plasmaicons = require("@salutejs/plasma-icons");
25
- const _plasmatokensweb = require("@salutejs/plasma-tokens-web");
26
- const _ = require(".");
27
- function _interop_require_default(obj) {
28
- return obj && obj.__esModule ? obj : {
29
- default: obj
30
- };
31
- }
32
- const StyledAddButton = _styledcomponents.default.div.withConfig({
33
- displayName: "PreviewGallery.perftest__StyledAddButton",
34
- componentId: "sc-9f71e367-0"
35
- })([
36
- `width:100%;background:`,
37
- `;display:flex;justify-content:center;align-items:center;border-radius:0.75rem;user-select:none;padding-top:56.25%;`
38
- ], _plasmatokensweb.surfaceSolid01);
39
- const AddButton = ()=>{
40
- return /*#__PURE__*/ _react.default.createElement(StyledAddButton, null);
41
- };
42
- const images = [
43
- {
44
- id: Math.random(),
45
- image: './images/320_320_0.jpg',
46
- caption: '3:24',
47
- tooltip: {
48
- text: 'Высокое качество воспроизведения',
49
- placement: 'top'
50
- }
51
- },
52
- {
53
- id: 2 * Math.random(),
54
- image: './images/320_320_1.jpg',
55
- isSelected: true
56
- },
57
- {
58
- id: 3 * Math.random(),
59
- image: './images/320_320_2.jpg',
60
- actionDisabled: true
61
- },
62
- {
63
- id: 4 * Math.random(),
64
- image: './images/320_320_3.jpg'
65
- },
66
- {
67
- id: 5 * Math.random(),
68
- image: './images/320_320_4.jpg'
69
- },
70
- {
71
- id: 6 * Math.random(),
72
- image: './images/320_320_4.jpg',
73
- status: 'error'
74
- },
75
- {
76
- id: 7 * Math.random(),
77
- tooltip: {
78
- placement: 'bottom',
79
- text: 'Не сильно высокое качество воспроизведения',
80
- animated: false
81
- },
82
- component: /*#__PURE__*/ _react.default.createElement(AddButton, null),
83
- customClickHandle: ()=>{}
84
- }
85
- ];
86
- const selectableProps = {};
87
- const func = ()=>{};
88
- const Selectable = ()=>{
89
- return /*#__PURE__*/ _react.default.createElement(_.PreviewGallery, {
90
- items: images,
91
- onItemAction: func,
92
- actionIcon: /*#__PURE__*/ _react.default.createElement(_plasmaicons.IconTrashFilled, {
93
- size: "xs",
94
- color: "inherit"
95
- }),
96
- onItemClick: func
97
- });
98
- };
99
- const draggableProps = {};
100
- const Draggable = ()=>{
101
- return /*#__PURE__*/ _react.default.createElement(_.PreviewGallery, {
102
- interactionType: "draggable",
103
- items: images,
104
- actionIcon: /*#__PURE__*/ _react.default.createElement(_plasmaicons.IconTrash, {
105
- size: "xs",
106
- color: "inherit"
107
- }),
108
- onItemAction: func,
109
- onItemsSortEnd: func
110
- });
111
- };
@@ -1,40 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Default", {
6
- enumerable: true,
7
- get: function() {
8
- return Default;
9
- }
10
- });
11
- const _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
- const _ = require(".");
13
- function _interop_require_default(obj) {
14
- return obj && obj.__esModule ? obj : {
15
- default: obj
16
- };
17
- }
18
- const func = ()=>{};
19
- const defaultProps = {
20
- name: 'Radiobox',
21
- label: 'Label',
22
- description: 'Description',
23
- disabled: false,
24
- size: 'm'
25
- };
26
- const Default = ()=>{
27
- const { name, label, disabled, description, size } = defaultProps;
28
- return /*#__PURE__*/ _react.default.createElement(_.Radiobox, {
29
- name: name,
30
- value: 0,
31
- label: label,
32
- description: description,
33
- disabled: disabled,
34
- checked: true,
35
- size: size,
36
- onChange: func,
37
- onFocus: func,
38
- onBlur: func
39
- });
40
- };