@clickhouse/click-ui 0.0.77 → 0.0.79

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 (24) hide show
  1. package/dist/click-ui.es.js +2160 -2100
  2. package/dist/click-ui.umd.js +108 -104
  3. package/dist/components/Accordion/Accordion.d.ts +20 -20
  4. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +2 -1
  5. package/dist/components/GenericMenu.d.ts +6 -6
  6. package/dist/components/Icon/IconCommon.d.ts +9 -9
  7. package/dist/components/Input/InputWrapper.d.ts +291 -6
  8. package/dist/components/Input/TextArea.d.ts +10 -0
  9. package/dist/components/Tabs/Tabs.d.ts +28 -28
  10. package/dist/components/Toast/Toast.d.ts +2 -0
  11. package/dist/components/Tooltip/Tooltip.d.ts +4 -1
  12. package/dist/components/commonElement.d.ts +30 -30
  13. package/dist/components/icons/Flags/GreatBritain.d.ts +2 -2
  14. package/dist/components/icons/HorizontalLoading.d.ts +3 -3
  15. package/dist/components/icons/Loading.d.ts +3 -3
  16. package/dist/components/icons/LoadingAnimated.d.ts +3 -3
  17. package/dist/components/index.d.ts +1 -0
  18. package/dist/components/types.d.ts +2 -1
  19. package/dist/styles/types.d.ts +22 -0
  20. package/dist/styles/variables.classic.json.d.ts +13 -10
  21. package/dist/styles/variables.dark.json.d.ts +28 -19
  22. package/dist/styles/variables.json.d.ts +50 -28
  23. package/dist/styles/variables.light.json.d.ts +27 -18
  24. package/package.json +1 -1
package/dist/components/commonElement.d.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  import { IconSize } from "./Icon/types";
4
4
  export declare const FormRoot: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
5
5
  $orientation?: "horizontal" | "vertical" | undefined;
6
- $dir?: "start" | "end" | undefined;
6
+ $dir?: "end" | "start" | undefined;
7
7
  $addLabelPadding?: boolean | undefined;
8
8
  }>>;
9
9
  export declare const Error: import("styled-components").IStyledComponent<"web", {
@@ -16,7 +16,7 @@ export declare const Error: import("styled-components").IStyledComponent<"web",
16
16
  accessKey?: string | undefined;
17
17
  autoFocus?: boolean | undefined;
18
18
  className?: string | undefined;
19
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
19
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
20
20
  contextMenu?: string | undefined;
21
21
  dir?: string | undefined;
22
22
  draggable?: (boolean | "true" | "false") | undefined;
@@ -60,7 +60,7 @@ export declare const Error: import("styled-components").IStyledComponent<"web",
60
60
  is?: string | undefined;
61
61
  'aria-activedescendant'?: string | undefined;
62
62
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
63
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
63
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
64
64
  'aria-braillelabel'?: string | undefined;
65
65
  'aria-brailleroledescription'?: string | undefined;
66
66
  'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -70,7 +70,7 @@ export declare const Error: import("styled-components").IStyledComponent<"web",
70
70
  'aria-colindextext'?: string | undefined;
71
71
  'aria-colspan'?: number | undefined;
72
72
  'aria-controls'?: string | undefined;
73
- 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
73
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
74
74
  'aria-describedby'?: string | undefined;
75
75
  'aria-description'?: string | undefined;
76
76
  'aria-details'?: string | undefined;
@@ -299,7 +299,7 @@ export declare const EmptyButton: import("styled-components").IStyledComponent<"
299
299
  accessKey?: string | undefined;
300
300
  autoFocus?: boolean | undefined;
301
301
  className?: string | undefined;
302
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
302
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
303
303
  contextMenu?: string | undefined;
304
304
  dir?: string | undefined;
305
305
  draggable?: (boolean | "true" | "false") | undefined;
@@ -343,7 +343,7 @@ export declare const EmptyButton: import("styled-components").IStyledComponent<"
343
343
  is?: string | undefined;
344
344
  'aria-activedescendant'?: string | undefined;
345
345
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
346
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
346
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
347
347
  'aria-braillelabel'?: string | undefined;
348
348
  'aria-brailleroledescription'?: string | undefined;
349
349
  'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -353,7 +353,7 @@ export declare const EmptyButton: import("styled-components").IStyledComponent<"
353
353
  'aria-colindextext'?: string | undefined;
354
354
  'aria-colspan'?: number | undefined;
355
355
  'aria-controls'?: string | undefined;
356
- 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
356
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
357
357
  'aria-describedby'?: string | undefined;
358
358
  'aria-description'?: string | undefined;
359
359
  'aria-details'?: string | undefined;
@@ -562,9 +562,13 @@ export declare const EmptyButton: import("styled-components").IStyledComponent<"
562
562
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
563
563
  }>;
564
564
  export declare const CrossButton: import("styled-components").IStyledComponent<"web", {
565
- type?: "button" | "submit" | "reset" | undefined;
566
- color?: string | undefined;
565
+ disabled?: boolean | undefined;
567
566
  children?: import("react").ReactNode;
567
+ form?: string | undefined;
568
+ slot?: string | undefined;
569
+ style?: import("react").CSSProperties | undefined;
570
+ title?: string | undefined;
571
+ key?: import("react").Key | null | undefined;
568
572
  defaultChecked?: boolean | undefined;
569
573
  defaultValue?: string | number | readonly string[] | undefined;
570
574
  suppressContentEditableWarning?: boolean | undefined;
@@ -572,7 +576,7 @@ export declare const CrossButton: import("styled-components").IStyledComponent<"
572
576
  accessKey?: string | undefined;
573
577
  autoFocus?: boolean | undefined;
574
578
  className?: string | undefined;
575
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
579
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
576
580
  contextMenu?: string | undefined;
577
581
  dir?: string | undefined;
578
582
  draggable?: (boolean | "true" | "false") | undefined;
@@ -581,11 +585,8 @@ export declare const CrossButton: import("styled-components").IStyledComponent<"
581
585
  lang?: string | undefined;
582
586
  nonce?: string | undefined;
583
587
  placeholder?: string | undefined;
584
- slot?: string | undefined;
585
588
  spellCheck?: (boolean | "true" | "false") | undefined;
586
- style?: import("react").CSSProperties | undefined;
587
589
  tabIndex?: number | undefined;
588
- title?: string | undefined;
589
590
  translate?: "yes" | "no" | undefined;
590
591
  radioGroup?: string | undefined;
591
592
  role?: import("react").AriaRole | undefined;
@@ -603,6 +604,7 @@ export declare const CrossButton: import("styled-components").IStyledComponent<"
603
604
  autoCapitalize?: string | undefined;
604
605
  autoCorrect?: string | undefined;
605
606
  autoSave?: string | undefined;
607
+ color?: string | undefined;
606
608
  itemProp?: string | undefined;
607
609
  itemScope?: boolean | undefined;
608
610
  itemType?: string | undefined;
@@ -615,7 +617,7 @@ export declare const CrossButton: import("styled-components").IStyledComponent<"
615
617
  is?: string | undefined;
616
618
  'aria-activedescendant'?: string | undefined;
617
619
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
618
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
620
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
619
621
  'aria-braillelabel'?: string | undefined;
620
622
  'aria-brailleroledescription'?: string | undefined;
621
623
  'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -625,7 +627,7 @@ export declare const CrossButton: import("styled-components").IStyledComponent<"
625
627
  'aria-colindextext'?: string | undefined;
626
628
  'aria-colspan'?: number | undefined;
627
629
  'aria-controls'?: string | undefined;
628
- 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
630
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
629
631
  'aria-describedby'?: string | undefined;
630
632
  'aria-description'?: string | undefined;
631
633
  'aria-details'?: string | undefined;
@@ -831,10 +833,8 @@ export declare const CrossButton: import("styled-components").IStyledComponent<"
831
833
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
832
834
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
833
835
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
834
- key?: import("react").Key | null | undefined;
835
- form?: string | undefined;
836
836
  name?: string | undefined;
837
- disabled?: boolean | undefined;
837
+ type?: "button" | "submit" | "reset" | undefined;
838
838
  formAction?: string | undefined;
839
839
  formEncType?: string | undefined;
840
840
  formMethod?: string | undefined;
@@ -853,7 +853,7 @@ export declare const GridCenter: import("styled-components").IStyledComponent<"w
853
853
  accessKey?: string | undefined;
854
854
  autoFocus?: boolean | undefined;
855
855
  className?: string | undefined;
856
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
856
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
857
857
  contextMenu?: string | undefined;
858
858
  dir?: string | undefined;
859
859
  draggable?: (boolean | "true" | "false") | undefined;
@@ -897,7 +897,7 @@ export declare const GridCenter: import("styled-components").IStyledComponent<"w
897
897
  is?: string | undefined;
898
898
  'aria-activedescendant'?: string | undefined;
899
899
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
900
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
900
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
901
901
  'aria-braillelabel'?: string | undefined;
902
902
  'aria-brailleroledescription'?: string | undefined;
903
903
  'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -907,7 +907,7 @@ export declare const GridCenter: import("styled-components").IStyledComponent<"w
907
907
  'aria-colindextext'?: string | undefined;
908
908
  'aria-colspan'?: number | undefined;
909
909
  'aria-controls'?: string | undefined;
910
- 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
910
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
911
911
  'aria-describedby'?: string | undefined;
912
912
  'aria-description'?: string | undefined;
913
913
  'aria-details'?: string | undefined;
@@ -1135,7 +1135,7 @@ export declare const BaseButton: import("styled-components").IStyledComponent<"w
1135
1135
  accessKey?: string | undefined;
1136
1136
  autoFocus?: boolean | undefined;
1137
1137
  className?: string | undefined;
1138
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
1138
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
1139
1139
  contextMenu?: string | undefined;
1140
1140
  dir?: string | undefined;
1141
1141
  draggable?: (boolean | "true" | "false") | undefined;
@@ -1179,7 +1179,7 @@ export declare const BaseButton: import("styled-components").IStyledComponent<"w
1179
1179
  is?: string | undefined;
1180
1180
  'aria-activedescendant'?: string | undefined;
1181
1181
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
1182
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
1182
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
1183
1183
  'aria-braillelabel'?: string | undefined;
1184
1184
  'aria-brailleroledescription'?: string | undefined;
1185
1185
  'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -1189,7 +1189,7 @@ export declare const BaseButton: import("styled-components").IStyledComponent<"w
1189
1189
  'aria-colindextext'?: string | undefined;
1190
1190
  'aria-colspan'?: number | undefined;
1191
1191
  'aria-controls'?: string | undefined;
1192
- 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
1192
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
1193
1193
  'aria-describedby'?: string | undefined;
1194
1194
  'aria-description'?: string | undefined;
1195
1195
  'aria-details'?: string | undefined;
@@ -1410,7 +1410,7 @@ export declare const FormElementContainer: import("styled-components").IStyledCo
1410
1410
  accessKey?: string | undefined;
1411
1411
  autoFocus?: boolean | undefined;
1412
1412
  className?: string | undefined;
1413
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
1413
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
1414
1414
  contextMenu?: string | undefined;
1415
1415
  dir?: string | undefined;
1416
1416
  draggable?: (boolean | "true" | "false") | undefined;
@@ -1454,7 +1454,7 @@ export declare const FormElementContainer: import("styled-components").IStyledCo
1454
1454
  is?: string | undefined;
1455
1455
  'aria-activedescendant'?: string | undefined;
1456
1456
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
1457
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
1457
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
1458
1458
  'aria-braillelabel'?: string | undefined;
1459
1459
  'aria-brailleroledescription'?: string | undefined;
1460
1460
  'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -1464,7 +1464,7 @@ export declare const FormElementContainer: import("styled-components").IStyledCo
1464
1464
  'aria-colindextext'?: string | undefined;
1465
1465
  'aria-colspan'?: number | undefined;
1466
1466
  'aria-controls'?: string | undefined;
1467
- 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
1467
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
1468
1468
  'aria-describedby'?: string | undefined;
1469
1469
  'aria-description'?: string | undefined;
1470
1470
  'aria-details'?: string | undefined;
@@ -1682,7 +1682,7 @@ export declare const EllipsisContainer: import("styled-components").IStyledCompo
1682
1682
  accessKey?: string | undefined;
1683
1683
  autoFocus?: boolean | undefined;
1684
1684
  className?: string | undefined;
1685
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
1685
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
1686
1686
  contextMenu?: string | undefined;
1687
1687
  dir?: string | undefined;
1688
1688
  draggable?: (boolean | "true" | "false") | undefined;
@@ -1726,7 +1726,7 @@ export declare const EllipsisContainer: import("styled-components").IStyledCompo
1726
1726
  is?: string | undefined;
1727
1727
  'aria-activedescendant'?: string | undefined;
1728
1728
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
1729
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
1729
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
1730
1730
  'aria-braillelabel'?: string | undefined;
1731
1731
  'aria-brailleroledescription'?: string | undefined;
1732
1732
  'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -1736,7 +1736,7 @@ export declare const EllipsisContainer: import("styled-components").IStyledCompo
1736
1736
  'aria-colindextext'?: string | undefined;
1737
1737
  'aria-colspan'?: number | undefined;
1738
1738
  'aria-controls'?: string | undefined;
1739
- 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
1739
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
1740
1740
  'aria-describedby'?: string | undefined;
1741
1741
  'aria-description'?: string | undefined;
1742
1742
  'aria-details'?: string | undefined;
package/dist/components/icons/Flags/GreatBritain.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import * as React from "react";
2
- declare const GreatBritain: (props: React.SVGAttributes<SVGElement>) => React.ReactElement;
1
+ /// <reference types="react" />
2
+ declare const GreatBritain: (props: import("react").SVGAttributes<SVGElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
3
3
  export default GreatBritain;
package/dist/components/icons/HorizontalLoading.d.ts CHANGED
@@ -22,7 +22,7 @@ declare const HorizontalLoading: import("styled-components").IStyledComponent<"w
22
22
  accentHeight?: string | number | undefined;
23
23
  accumulate?: "none" | "sum" | undefined;
24
24
  additive?: "replace" | "sum" | undefined;
25
- alignmentBaseline?: "alphabetic" | "hanging" | "ideographic" | "mathematical" | "inherit" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
25
+ alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
26
26
  allowReorder?: "yes" | "no" | undefined;
27
27
  alphabetic?: string | number | undefined;
28
28
  amplitude?: string | number | undefined;
@@ -263,7 +263,7 @@ declare const HorizontalLoading: import("styled-components").IStyledComponent<"w
263
263
  zoomAndPan?: string | undefined;
264
264
  'aria-activedescendant'?: string | undefined;
265
265
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
266
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
266
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
267
267
  'aria-braillelabel'?: string | undefined;
268
268
  'aria-brailleroledescription'?: string | undefined;
269
269
  'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -273,7 +273,7 @@ declare const HorizontalLoading: import("styled-components").IStyledComponent<"w
273
273
  'aria-colindextext'?: string | undefined;
274
274
  'aria-colspan'?: number | undefined;
275
275
  'aria-controls'?: string | undefined;
276
- 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
276
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
277
277
  'aria-describedby'?: string | undefined;
278
278
  'aria-description'?: string | undefined;
279
279
  'aria-details'?: string | undefined;
package/dist/components/icons/Loading.d.ts CHANGED
@@ -22,7 +22,7 @@ declare const LoadingFlipped: import("styled-components").IStyledComponent<"web"
22
22
  accentHeight?: string | number | undefined;
23
23
  accumulate?: "none" | "sum" | undefined;
24
24
  additive?: "replace" | "sum" | undefined;
25
- alignmentBaseline?: "alphabetic" | "hanging" | "ideographic" | "mathematical" | "inherit" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
25
+ alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
26
26
  allowReorder?: "yes" | "no" | undefined;
27
27
  alphabetic?: string | number | undefined;
28
28
  amplitude?: string | number | undefined;
@@ -263,7 +263,7 @@ declare const LoadingFlipped: import("styled-components").IStyledComponent<"web"
263
263
  zoomAndPan?: string | undefined;
264
264
  'aria-activedescendant'?: string | undefined;
265
265
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
266
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
266
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
267
267
  'aria-braillelabel'?: string | undefined;
268
268
  'aria-brailleroledescription'?: string | undefined;
269
269
  'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -273,7 +273,7 @@ declare const LoadingFlipped: import("styled-components").IStyledComponent<"web"
273
273
  'aria-colindextext'?: string | undefined;
274
274
  'aria-colspan'?: number | undefined;
275
275
  'aria-controls'?: string | undefined;
276
- 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
276
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
277
277
  'aria-describedby'?: string | undefined;
278
278
  'aria-description'?: string | undefined;
279
279
  'aria-details'?: string | undefined;
package/dist/components/icons/LoadingAnimated.d.ts CHANGED
@@ -22,7 +22,7 @@ declare const LoadingAnimated: import("styled-components").IStyledComponent<"web
22
22
  accentHeight?: string | number | undefined;
23
23
  accumulate?: "none" | "sum" | undefined;
24
24
  additive?: "replace" | "sum" | undefined;
25
- alignmentBaseline?: "alphabetic" | "hanging" | "ideographic" | "mathematical" | "inherit" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
25
+ alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
26
26
  allowReorder?: "yes" | "no" | undefined;
27
27
  alphabetic?: string | number | undefined;
28
28
  amplitude?: string | number | undefined;
@@ -263,7 +263,7 @@ declare const LoadingAnimated: import("styled-components").IStyledComponent<"web
263
263
  zoomAndPan?: string | undefined;
264
264
  'aria-activedescendant'?: string | undefined;
265
265
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
266
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
266
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
267
267
  'aria-braillelabel'?: string | undefined;
268
268
  'aria-brailleroledescription'?: string | undefined;
269
269
  'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -273,7 +273,7 @@ declare const LoadingAnimated: import("styled-components").IStyledComponent<"web
273
273
  'aria-colindextext'?: string | undefined;
274
274
  'aria-colspan'?: number | undefined;
275
275
  'aria-controls'?: string | undefined;
276
- 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
276
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
277
277
  'aria-describedby'?: string | undefined;
278
278
  'aria-description'?: string | undefined;
279
279
  'aria-details'?: string | undefined;
package/dist/components/index.d.ts CHANGED
@@ -47,6 +47,7 @@ export { Tabs } from "./Tabs/Tabs";
47
47
  export { FileTabs, FileTabElement } from "./FileTabs/FileTabs";
48
48
  export { Table } from "./Table/Table";
49
49
  export { Text } from "./Typography/Text/Text";
50
+ export { TextAreaField } from "./Input/TextArea";
50
51
  export { TextField } from "./Input/TextField";
51
52
  export { Title } from "./Typography/Title/Title";
52
53
  export { Tooltip } from "./Tooltip/Tooltip";
package/dist/components/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { TooltipProps } from "@radix-ui/react-tooltip";
1
+ import { TooltipProps } from "./Tooltip/Tooltip";
2
2
  import { TitleProps } from "./Typography/Title/Title";
3
3
  import { TextProps } from "./Typography/Text/Text";
4
4
  import { TabsProps } from "./Tabs/Tabs";
@@ -38,6 +38,7 @@ export type { ConfirmationDialogProps } from "./ConfirmationDialog/ConfirmationD
38
38
  export type { FileTabStatusType } from "./FileTabs/FileTabs";
39
39
  export type { TableHeaderType, TableRowType, TableProps } from "./Table/Table";
40
40
  export type { BigStatProps } from "./BigStat/BigStat";
41
+ export type { TextAreaFieldProps } from "./Input/TextArea";
41
42
  export type { VerticalStepperProps, VerticalStepProps, } from "./VerticalStepper/VerticalStepper";
42
43
  export type { CardHorizontalProps } from "./CardHorizontal/CardHorizontal";
43
44
  export type { ProgressBarProps } from "./ProgressBar/ProgressBar";
package/dist/styles/types.d.ts CHANGED
@@ -1192,6 +1192,19 @@ export interface Theme {
1192
1192
  "sectionHeader": {
1193
1193
  "default": string;
1194
1194
  };
1195
+ "subtext": {
1196
+ "default": string;
1197
+ "hover": string;
1198
+ "active": string;
1199
+ "disabled": string;
1200
+ };
1201
+ };
1202
+ "two-lines": {
1203
+ "space": {
1204
+ "x": string;
1205
+ "y": string;
1206
+ "gap": string;
1207
+ };
1195
1208
  };
1196
1209
  "color": {
1197
1210
  "text": {
@@ -1217,6 +1230,12 @@ export interface Theme {
1217
1230
  "stroke": {
1218
1231
  "default": string;
1219
1232
  };
1233
+ "subtext": {
1234
+ "default": string;
1235
+ "hover": string;
1236
+ "active": string;
1237
+ "disabled": string;
1238
+ };
1220
1239
  };
1221
1240
  };
1222
1241
  "itemCustom": {
@@ -2424,6 +2443,9 @@ export interface Theme {
2424
2443
  "shadow": {
2425
2444
  "default": string;
2426
2445
  };
2446
+ "title": {
2447
+ "default": string;
2448
+ };
2427
2449
  };
2428
2450
  };
2429
2451
  "feedback": {
package/dist/styles/variables.classic.json.d.ts CHANGED
@@ -302,9 +302,9 @@ declare const _default: {
302
302
  "disabled": "#dfdfdf"
303
303
  },
304
304
  "title": {
305
- "default": "#161517",
306
- "hover": "#161517",
307
- "active": "#161517",
305
+ "default": "lch(10.2 1.39 305)",
306
+ "hover": "lch(10.2 1.39 305)",
307
+ "active": "lch(10.2 1.39 305)",
308
308
  "disabled": "#a0a0a0"
309
309
  },
310
310
  "description": {
@@ -331,9 +331,9 @@ declare const _default: {
331
331
  "disabled": "#dfdfdf"
332
332
  },
333
333
  "title": {
334
- "default": "#161517",
335
- "hover": "#161517",
336
- "active": "#161517",
334
+ "default": "lch(10.2 1.39 305)",
335
+ "hover": "lch(10.2 1.39 305)",
336
+ "active": "lch(10.2 1.39 305)",
337
337
  "disabled": "#a0a0a0"
338
338
  },
339
339
  "description": {
@@ -359,9 +359,9 @@ declare const _default: {
359
359
  "disabled": "#dfdfdf"
360
360
  },
361
361
  "title": {
362
- "default": "#161517",
363
- "hover": "#161517",
364
- "active": "#161517",
362
+ "default": "lch(10.2 1.39 305)",
363
+ "hover": "lch(10.2 1.39 305)",
364
+ "active": "lch(10.2 1.39 305)",
365
365
  "disabled": "#a0a0a0"
366
366
  },
367
367
  "description": {
@@ -650,7 +650,7 @@ declare const _default: {
650
650
  "default": "#ffffff"
651
651
  },
652
652
  "title": {
653
- "default": "#161517"
653
+ "default": "lch(10.2 1.39 305)"
654
654
  },
655
655
  "description": {
656
656
  "default": "#696e79"
@@ -724,6 +724,9 @@ declare const _default: {
724
724
  "default": "#C78F0F",
725
725
  "hover": "#C78F0F"
726
726
  }
727
+ },
728
+ "title": {
729
+ "default": "lch(10.2 1.39 305)"
727
730
  }
728
731
  }
729
732
  },
package/dist/styles/variables.dark.json.d.ts CHANGED
@@ -107,7 +107,7 @@ declare const _default: {
107
107
  "default": "#b3b6bd"
108
108
  },
109
109
  "title": {
110
- "default": "#ffffff"
110
+ "default": "lch(97.5 0 0)"
111
111
  }
112
112
  }
113
113
  },
@@ -395,9 +395,9 @@ declare const _default: {
395
395
  "disabled": "#414141"
396
396
  },
397
397
  "title": {
398
- "default": "#ffffff",
399
- "hover": "#ffffff",
400
- "active": "#ffffff",
398
+ "default": "lch(97.5 0 0)",
399
+ "hover": "lch(97.5 0 0)",
400
+ "active": "lch(97.5 0 0)",
401
401
  "disabled": "#808080"
402
402
  },
403
403
  "description": {
@@ -429,9 +429,9 @@ declare const _default: {
429
429
  "disabled": "#414141"
430
430
  },
431
431
  "title": {
432
- "default": "#ffffff",
433
- "hover": "#ffffff",
434
- "active": "#ffffff",
432
+ "default": "lch(97.5 0 0)",
433
+ "hover": "lch(97.5 0 0)",
434
+ "active": "lch(97.5 0 0)",
435
435
  "disabled": "#808080"
436
436
  },
437
437
  "description": {
@@ -458,9 +458,9 @@ declare const _default: {
458
458
  "disabled": "#414141"
459
459
  },
460
460
  "title": {
461
- "default": "#ffffff",
462
- "hover": "#ffffff",
463
- "active": "#ffffff",
461
+ "default": "lch(97.5 0 0)",
462
+ "hover": "lch(97.5 0 0)",
463
+ "active": "lch(97.5 0 0)",
464
464
  "disabled": "#808080"
465
465
  },
466
466
  "description": {
@@ -486,9 +486,9 @@ declare const _default: {
486
486
  "disabled": "#414141"
487
487
  },
488
488
  "title": {
489
- "default": "#ffffff",
490
- "hover": "#ffffff",
491
- "active": "#ffffff",
489
+ "default": "lch(97.5 0 0)",
490
+ "hover": "lch(97.5 0 0)",
491
+ "active": "lch(97.5 0 0)",
492
492
  "disabled": "#808080"
493
493
  },
494
494
  "description": {
@@ -658,7 +658,7 @@ declare const _default: {
658
658
  "background": {
659
659
  "default": "#282828",
660
660
  "hover": "lch(23.5 0 0)",
661
- "active": "lch(23.5 0 0)",
661
+ "active": "#282828",
662
662
  "disabled": "#414141"
663
663
  },
664
664
  "format": {
@@ -670,6 +670,12 @@ declare const _default: {
670
670
  },
671
671
  "stroke": {
672
672
  "default": "lch(27.5 0 0 / 0.3)"
673
+ },
674
+ "subtext": {
675
+ "default": "#b3b6bd",
676
+ "hover": "#b3b6bd",
677
+ "active": "#b3b6bd",
678
+ "disabled": "#c0c0c0"
673
679
  }
674
680
  }
675
681
  },
@@ -999,7 +1005,7 @@ declare const _default: {
999
1005
  "active": "lch(18.2 0 0)"
1000
1006
  },
1001
1007
  "title": {
1002
- "default": "#ffffff"
1008
+ "default": "lch(97.5 0 0)"
1003
1009
  },
1004
1010
  "icon": {
1005
1011
  "default": "#ffffff"
@@ -1092,7 +1098,7 @@ declare const _default: {
1092
1098
  "toast": {
1093
1099
  "color": {
1094
1100
  "title": {
1095
- "default": "#ffffff"
1101
+ "default": "lch(97.5 0 0)"
1096
1102
  },
1097
1103
  "description": {
1098
1104
  "default": "#b3b6bd"
@@ -1101,7 +1107,7 @@ declare const _default: {
1101
1107
  "default": "#414141"
1102
1108
  },
1103
1109
  "icon": {
1104
- "default": "#ffffff",
1110
+ "default": "lch(97.5 0 0)",
1105
1111
  "success": "#81e59d",
1106
1112
  "warning": "#ff9416",
1107
1113
  "danger": "#ff7575"
@@ -1124,7 +1130,7 @@ declare const _default: {
1124
1130
  "default": "#1F1F1C"
1125
1131
  },
1126
1132
  "title": {
1127
- "default": "#ffffff"
1133
+ "default": "lch(97.5 0 0)"
1128
1134
  },
1129
1135
  "description": {
1130
1136
  "default": "#b3b6bd"
@@ -1140,7 +1146,7 @@ declare const _default: {
1140
1146
  "default": "#1F1F1C"
1141
1147
  },
1142
1148
  "title": {
1143
- "default": "#ffffff"
1149
+ "default": "lch(97.5 0 0)"
1144
1150
  },
1145
1151
  "description": {
1146
1152
  "default": "#b3b6bd"
@@ -1234,6 +1240,9 @@ declare const _default: {
1234
1240
  },
1235
1241
  "shadow": {
1236
1242
  "default": "lch(6.77 0 0 / 0.6)"
1243
+ },
1244
+ "title": {
1245
+ "default": "lch(97.5 0 0)"
1237
1246
  }
1238
1247
  }
1239
1248
  },