@infomaximum/ui-kit 0.13.4 → 0.14.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 (96) hide show
  1. package/dist/components/BaseSelect/BaseSelect.tokens.d.ts +1 -1
  2. package/dist/components/BaseTooltip/BaseTooltip.js +10 -26
  3. package/dist/components/BaseTooltip/BaseTooltip.types.d.ts +10 -0
  4. package/dist/components/BaseTooltip/BaseTooltip.utils.d.ts +4 -2
  5. package/dist/components/BaseTooltip/BaseTooltip.utils.js +23 -11
  6. package/dist/components/BaseTooltip/hooks/useCustomFloating.d.ts +30 -0
  7. package/dist/components/BaseTooltip/hooks/useCustomFloating.js +72 -0
  8. package/dist/components/Breadcrumb/Breadcrumb.tokens.d.ts +1 -1
  9. package/dist/components/Button/Button.styles.d.ts +32 -12
  10. package/dist/components/Button/Button.tokens.d.ts +2 -2
  11. package/dist/components/Dropdown/Dropdown.tokens.d.ts +1 -1
  12. package/dist/components/Dropdown/components/Item/Item.style.d.ts +1 -1
  13. package/dist/components/Dropdown/components/Menu/Menu.styles.d.ts +1 -1
  14. package/dist/components/Empty/Empty.d.ts +3 -0
  15. package/dist/components/Empty/Empty.js +47 -0
  16. package/dist/components/Empty/Empty.styles.d.ts +34 -0
  17. package/dist/components/Empty/Empty.styles.js +34 -0
  18. package/dist/components/Empty/Empty.tokens.d.ts +9 -0
  19. package/dist/components/Empty/Empty.tokens.js +10 -0
  20. package/dist/components/Empty/Empty.types.d.ts +15 -0
  21. package/dist/components/Empty/components/images/BookmarkImg.d.ts +2 -0
  22. package/dist/components/Empty/components/images/BookmarkImg.js +9 -0
  23. package/dist/components/Empty/components/images/DefaultImg.d.ts +2 -0
  24. package/dist/components/Empty/components/images/DefaultImg.js +9 -0
  25. package/dist/components/Empty/components/images/FilterImg.d.ts +2 -0
  26. package/dist/components/Empty/components/images/FilterImg.js +9 -0
  27. package/dist/components/Empty/components/images/LockedImg.d.ts +2 -0
  28. package/dist/components/Empty/components/images/LockedImg.js +9 -0
  29. package/dist/components/Empty/components/images/SearchImg.d.ts +2 -0
  30. package/dist/components/Empty/components/images/SearchImg.js +9 -0
  31. package/dist/components/Empty/components/images/TestingImg.d.ts +2 -0
  32. package/dist/components/Empty/components/images/TestingImg.js +9 -0
  33. package/dist/components/Empty/components/images/_404Img.d.ts +2 -0
  34. package/dist/components/Empty/components/images/_404Img.js +9 -0
  35. package/dist/components/Empty/components/images/index.d.ts +7 -0
  36. package/dist/components/Empty/index.d.ts +2 -0
  37. package/dist/components/InternalPicker/styles/DatePanel.styles.js +0 -1
  38. package/dist/components/InternalPicker/styles/Popup.styles.d.ts +1 -1
  39. package/dist/components/InternalPicker/styles/TimePanel.styles.d.ts +1 -1
  40. package/dist/components/InternalPicker/tokens.d.ts +1 -1
  41. package/dist/components/Popconfirm/components/PopconfirmFloatingElement/PopconfirmFloatingElement.styles.d.ts +1 -1
  42. package/dist/components/Popconfirm/components/PopconfirmFloatingElement/PopconfirmFloatingElement.styles.js +1 -2
  43. package/dist/components/Popover/component/PopoverFloatingElement/PopoverFloatingElement.styles.d.ts +1 -1
  44. package/dist/components/Popover/component/PopoverFloatingElement/PopoverFloatingElement.styles.js +1 -2
  45. package/dist/components/Progress/Progress.styles.d.ts +1 -1
  46. package/dist/components/Progress/Progress.tokens.d.ts +1 -1
  47. package/dist/components/Segmented/Segmented.d.ts +5 -0
  48. package/dist/components/Segmented/Segmented.js +41 -0
  49. package/dist/components/Segmented/Segmented.styles.d.ts +15 -0
  50. package/dist/components/Segmented/Segmented.styles.js +15 -0
  51. package/dist/components/Segmented/Segmented.tokens.d.ts +17 -0
  52. package/dist/components/Segmented/Segmented.tokens.js +19 -0
  53. package/dist/components/Segmented/Segmented.types.d.ts +20 -0
  54. package/dist/components/Segmented/Segmented.utils.d.ts +2 -0
  55. package/dist/components/Segmented/Segmented.utils.js +13 -0
  56. package/dist/components/Segmented/components/SegmentedItem/SegmentedItem.d.ts +2 -0
  57. package/dist/components/Segmented/components/SegmentedItem/SegmentedItem.js +36 -0
  58. package/dist/components/Segmented/components/SegmentedItem/SegmentedItem.styles.d.ts +47 -0
  59. package/dist/components/Segmented/components/SegmentedItem/SegmentedItem.styles.js +51 -0
  60. package/dist/components/Segmented/components/SegmentedItem/SegmentedItem.types.d.ts +6 -0
  61. package/dist/components/Segmented/index.d.ts +2 -0
  62. package/dist/components/Select/components/SelectOption/SelectOption.styles.d.ts +2 -2
  63. package/dist/components/TreeSelect/TreeSelect.tokens.d.ts +1 -1
  64. package/dist/components/TreeSelect/components/TreeSelectOption/TreeSelectOption.styles.d.ts +2 -2
  65. package/dist/components/Upload/Upload.tokens.d.ts +1 -1
  66. package/dist/components/Upload/components/UploadListItem/UploadListItem.styles.d.ts +3 -3
  67. package/dist/contexts/themeContext.d.ts +16 -6
  68. package/dist/hooks/useControlledState/index.d.ts +1 -0
  69. package/dist/hooks/useControlledState/useControlledState.d.ts +1 -0
  70. package/dist/hooks/useControlledState/useControlledState.js +16 -0
  71. package/dist/hooks/useFirstMountLayoutEffect/index.d.ts +1 -0
  72. package/dist/hooks/useFirstMountLayoutEffect/useFirstMountLayoutEffect.d.ts +2 -0
  73. package/dist/hooks/useFirstMountLayoutEffect/useFirstMountLayoutEffect.js +15 -0
  74. package/dist/hooks/useIsomorphicLayoutEffect/index.d.ts +1 -0
  75. package/dist/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts +2 -0
  76. package/dist/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js +5 -0
  77. package/dist/hooks/useTheme/useTheme.d.ts +16 -6
  78. package/dist/index.d.ts +2 -0
  79. package/dist/index.js +4 -0
  80. package/dist/themes/baseTokens/baseColorTokens/baseColorTokens.d.ts +5 -0
  81. package/dist/themes/baseTokens/baseColorTokens/colorGroups/thrushColor.d.ts +1 -0
  82. package/dist/themes/baseTokens/baseColorTokens/colorGroups/thrushColor.js +1 -0
  83. package/dist/themes/baseTokens/baseColorTokens/colorGroups/transparentBlackColors.d.ts +2 -0
  84. package/dist/themes/baseTokens/baseColorTokens/colorGroups/transparentBlackColors.js +2 -0
  85. package/dist/themes/baseTokens/baseColorTokens/colorGroups/transparentWhiteColors.d.ts +2 -0
  86. package/dist/themes/baseTokens/baseColorTokens/colorGroups/transparentWhiteColors.js +2 -0
  87. package/dist/themes/baseTokens/baseTypographyTokens/baseTypographyTokens.d.ts +4 -0
  88. package/dist/themes/baseTokens/baseTypographyTokens/baseTypographyTokens.js +4 -0
  89. package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.d.ts +6 -6
  90. package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.js +6 -6
  91. package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/primaryColorTokens.d.ts +1 -0
  92. package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/primaryColorTokens.js +1 -0
  93. package/dist/themes/semanticTokens/colorSemanticTokens/semanticColorTokens.d.ts +7 -6
  94. package/dist/themes/themes.d.ts +16 -6
  95. package/dist/themes/themes.utils.d.ts +32 -12
  96. package/package.json +1 -1
package/dist/themes/semanticTokens/colorSemanticTokens/semanticColorTokens.d.ts CHANGED
@@ -74,8 +74,8 @@ export declare const getSemanticColorTokens: (themeName: ThemeNames) => {
74
74
  bgComplimentary: "#FAFAFA";
75
75
  bgSecondary: "#F0F0F0";
76
76
  bgContainer: "#FFFFFF";
77
- bgContainerHover: "#F5F5F5";
78
- bgContainerActive: "#D9D9D9";
77
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
78
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
79
79
  bgContainerDisabled: "#F0F0F0";
80
80
  bgContainerDisabledContrast: "#D9D9D9";
81
81
  bgContainerComplimentary: "#FAFAFA";
@@ -84,10 +84,10 @@ export declare const getSemanticColorTokens: (themeName: ThemeNames) => {
84
84
  bgContainerInverseActive: "#1F1F1F";
85
85
  bgControl: "#BFBFBF";
86
86
  bgControlHover: "#8C8C8C";
87
- bgIconHover: `rgba(${number}, ${number}, ${number}, 0.05)`;
88
- bgIconActive: `rgba(${number}, ${number}, ${number}, 0.1)`;
89
- bgRail: `rgba(${number}, ${number}, ${number}, 0.05)`;
90
- bgRailHover: `rgba(${number}, ${number}, ${number}, 0.1)`;
87
+ bgIconHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
88
+ bgIconActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
89
+ bgRail: `rgba(${number}, ${number}, ${number}, 0.08)`;
90
+ bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
91
91
  bgFloat: "#FFFFFF";
92
92
  bgFloatContrast: "#262626";
93
93
  bgMask: `rgba(${number}, ${number}, ${number}, 0.3)`;
@@ -110,6 +110,7 @@ export declare const getSemanticColorTokens: (themeName: ThemeNames) => {
110
110
  primaryHover: "#50CCC4";
111
111
  primaryActive: "#03888C";
112
112
  primaryBg: "#E1FAF6";
113
+ primaryBgHover: "#C3F4ED";
113
114
  primaryBorder: "#77D9CF";
114
115
  primaryHoverInverse: "#E1FAF6";
115
116
  primaryActiveInverse: "#A3E6DD";
package/dist/themes/themes.d.ts CHANGED
@@ -96,8 +96,8 @@ export declare const themeMap: Map<"light", {
96
96
  bgComplimentary: "#FAFAFA";
97
97
  bgSecondary: "#F0F0F0";
98
98
  bgContainer: "#FFFFFF";
99
- bgContainerHover: "#F5F5F5";
100
- bgContainerActive: "#D9D9D9";
99
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
100
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
101
101
  bgContainerDisabled: "#F0F0F0";
102
102
  bgContainerDisabledContrast: "#D9D9D9";
103
103
  bgContainerComplimentary: "#FAFAFA";
@@ -106,10 +106,10 @@ export declare const themeMap: Map<"light", {
106
106
  bgContainerInverseActive: "#1F1F1F";
107
107
  bgControl: "#BFBFBF";
108
108
  bgControlHover: "#8C8C8C";
109
- bgIconHover: `rgba(${number}, ${number}, ${number}, 0.05)`;
110
- bgIconActive: `rgba(${number}, ${number}, ${number}, 0.1)`;
111
- bgRail: `rgba(${number}, ${number}, ${number}, 0.05)`;
112
- bgRailHover: `rgba(${number}, ${number}, ${number}, 0.1)`;
109
+ bgIconHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
110
+ bgIconActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
111
+ bgRail: `rgba(${number}, ${number}, ${number}, 0.08)`;
112
+ bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
113
113
  bgFloat: "#FFFFFF";
114
114
  bgFloatContrast: "#262626";
115
115
  bgMask: `rgba(${number}, ${number}, ${number}, 0.3)`;
@@ -132,27 +132,32 @@ export declare const themeMap: Map<"light", {
132
132
  primaryHover: "#50CCC4";
133
133
  primaryActive: "#03888C";
134
134
  primaryBg: "#E1FAF6";
135
+ primaryBgHover: "#C3F4ED";
135
136
  primaryBorder: "#77D9CF";
136
137
  primaryHoverInverse: "#E1FAF6";
137
138
  primaryActiveInverse: "#A3E6DD";
138
139
  typography: {
139
140
  readonly header1: {
140
141
  readonly fontFamily: "Roboto";
142
+ readonly fontWeight: 500;
141
143
  readonly fontSize: 24;
142
144
  readonly lineHeight: "32px";
143
145
  };
144
146
  readonly header2: {
145
147
  readonly fontFamily: "Roboto";
148
+ readonly fontWeight: 500;
146
149
  readonly fontSize: 16;
147
150
  readonly lineHeight: "24px";
148
151
  };
149
152
  readonly subheader1: {
150
153
  readonly fontFamily: "Roboto";
154
+ readonly fontWeight: 500;
151
155
  readonly fontSize: 14;
152
156
  readonly lineHeight: "20px";
153
157
  };
154
158
  readonly subheader2: {
155
159
  readonly fontFamily: "Roboto";
160
+ readonly fontWeight: 500;
156
161
  readonly fontSize: 12;
157
162
  readonly lineHeight: "20px";
158
163
  };
@@ -314,6 +319,7 @@ export declare const themeMap: Map<"light", {
314
319
  thrush40: "#50CCC4";
315
320
  thrush30: "#77D9CF";
316
321
  thrush20: "#A3E6DD";
322
+ thrush15: "#C3F4ED";
317
323
  thrush10: "#E1FAF6";
318
324
  transparentWhite90: `rgba(${number}, ${number}, ${number}, 0.9)`;
319
325
  transparentWhite80: `rgba(${number}, ${number}, ${number}, 0.8)`;
@@ -323,7 +329,9 @@ export declare const themeMap: Map<"light", {
323
329
  transparentWhite40: `rgba(${number}, ${number}, ${number}, 0.4)`;
324
330
  transparentWhite30: `rgba(${number}, ${number}, ${number}, 0.3)`;
325
331
  transparentWhite20: `rgba(${number}, ${number}, ${number}, 0.2)`;
332
+ transparentWhite12: `rgba(${number}, ${number}, ${number}, 0.12)`;
326
333
  transparentWhite10: `rgba(${number}, ${number}, ${number}, 0.1)`;
334
+ transparentWhite8: `rgba(${number}, ${number}, ${number}, 0.08)`;
327
335
  transparentWhite5: `rgba(${number}, ${number}, ${number}, 0.05)`;
328
336
  transparentBlack90: `rgba(${number}, ${number}, ${number}, 0.9)`;
329
337
  transparentBlack80: `rgba(${number}, ${number}, ${number}, 0.8)`;
@@ -333,7 +341,9 @@ export declare const themeMap: Map<"light", {
333
341
  transparentBlack40: `rgba(${number}, ${number}, ${number}, 0.4)`;
334
342
  transparentBlack30: `rgba(${number}, ${number}, ${number}, 0.3)`;
335
343
  transparentBlack20: `rgba(${number}, ${number}, ${number}, 0.2)`;
344
+ transparentBlack12: `rgba(${number}, ${number}, ${number}, 0.12)`;
336
345
  transparentBlack10: `rgba(${number}, ${number}, ${number}, 0.1)`;
346
+ transparentBlack8: `rgba(${number}, ${number}, ${number}, 0.08)`;
337
347
  transparentBlack5: `rgba(${number}, ${number}, ${number}, 0.05)`;
338
348
  neutral130: "#000000";
339
349
  neutral120: "#141414";
package/dist/themes/themes.utils.d.ts CHANGED
@@ -97,8 +97,8 @@ export declare const getTheme: (themeName: ThemeNames) => {
97
97
  bgComplimentary: "#FAFAFA";
98
98
  bgSecondary: "#F0F0F0";
99
99
  bgContainer: "#FFFFFF";
100
- bgContainerHover: "#F5F5F5";
101
- bgContainerActive: "#D9D9D9";
100
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
101
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
102
102
  bgContainerDisabled: "#F0F0F0";
103
103
  bgContainerDisabledContrast: "#D9D9D9";
104
104
  bgContainerComplimentary: "#FAFAFA";
@@ -107,10 +107,10 @@ export declare const getTheme: (themeName: ThemeNames) => {
107
107
  bgContainerInverseActive: "#1F1F1F";
108
108
  bgControl: "#BFBFBF";
109
109
  bgControlHover: "#8C8C8C";
110
- bgIconHover: `rgba(${number}, ${number}, ${number}, 0.05)`;
111
- bgIconActive: `rgba(${number}, ${number}, ${number}, 0.1)`;
112
- bgRail: `rgba(${number}, ${number}, ${number}, 0.05)`;
113
- bgRailHover: `rgba(${number}, ${number}, ${number}, 0.1)`;
110
+ bgIconHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
111
+ bgIconActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
112
+ bgRail: `rgba(${number}, ${number}, ${number}, 0.08)`;
113
+ bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
114
114
  bgFloat: "#FFFFFF";
115
115
  bgFloatContrast: "#262626";
116
116
  bgMask: `rgba(${number}, ${number}, ${number}, 0.3)`;
@@ -133,27 +133,32 @@ export declare const getTheme: (themeName: ThemeNames) => {
133
133
  primaryHover: "#50CCC4";
134
134
  primaryActive: "#03888C";
135
135
  primaryBg: "#E1FAF6";
136
+ primaryBgHover: "#C3F4ED";
136
137
  primaryBorder: "#77D9CF";
137
138
  primaryHoverInverse: "#E1FAF6";
138
139
  primaryActiveInverse: "#A3E6DD";
139
140
  typography: {
140
141
  readonly header1: {
141
142
  readonly fontFamily: "Roboto";
143
+ readonly fontWeight: 500;
142
144
  readonly fontSize: 24;
143
145
  readonly lineHeight: "32px";
144
146
  };
145
147
  readonly header2: {
146
148
  readonly fontFamily: "Roboto";
149
+ readonly fontWeight: 500;
147
150
  readonly fontSize: 16;
148
151
  readonly lineHeight: "24px";
149
152
  };
150
153
  readonly subheader1: {
151
154
  readonly fontFamily: "Roboto";
155
+ readonly fontWeight: 500;
152
156
  readonly fontSize: 14;
153
157
  readonly lineHeight: "20px";
154
158
  };
155
159
  readonly subheader2: {
156
160
  readonly fontFamily: "Roboto";
161
+ readonly fontWeight: 500;
157
162
  readonly fontSize: 12;
158
163
  readonly lineHeight: "20px";
159
164
  };
@@ -315,6 +320,7 @@ export declare const getTheme: (themeName: ThemeNames) => {
315
320
  thrush40: "#50CCC4";
316
321
  thrush30: "#77D9CF";
317
322
  thrush20: "#A3E6DD";
323
+ thrush15: "#C3F4ED";
318
324
  thrush10: "#E1FAF6";
319
325
  transparentWhite90: `rgba(${number}, ${number}, ${number}, 0.9)`;
320
326
  transparentWhite80: `rgba(${number}, ${number}, ${number}, 0.8)`;
@@ -324,7 +330,9 @@ export declare const getTheme: (themeName: ThemeNames) => {
324
330
  transparentWhite40: `rgba(${number}, ${number}, ${number}, 0.4)`;
325
331
  transparentWhite30: `rgba(${number}, ${number}, ${number}, 0.3)`;
326
332
  transparentWhite20: `rgba(${number}, ${number}, ${number}, 0.2)`;
333
+ transparentWhite12: `rgba(${number}, ${number}, ${number}, 0.12)`;
327
334
  transparentWhite10: `rgba(${number}, ${number}, ${number}, 0.1)`;
335
+ transparentWhite8: `rgba(${number}, ${number}, ${number}, 0.08)`;
328
336
  transparentWhite5: `rgba(${number}, ${number}, ${number}, 0.05)`;
329
337
  transparentBlack90: `rgba(${number}, ${number}, ${number}, 0.9)`;
330
338
  transparentBlack80: `rgba(${number}, ${number}, ${number}, 0.8)`;
@@ -334,7 +342,9 @@ export declare const getTheme: (themeName: ThemeNames) => {
334
342
  transparentBlack40: `rgba(${number}, ${number}, ${number}, 0.4)`;
335
343
  transparentBlack30: `rgba(${number}, ${number}, ${number}, 0.3)`;
336
344
  transparentBlack20: `rgba(${number}, ${number}, ${number}, 0.2)`;
345
+ transparentBlack12: `rgba(${number}, ${number}, ${number}, 0.12)`;
337
346
  transparentBlack10: `rgba(${number}, ${number}, ${number}, 0.1)`;
347
+ transparentBlack8: `rgba(${number}, ${number}, ${number}, 0.08)`;
338
348
  transparentBlack5: `rgba(${number}, ${number}, ${number}, 0.05)`;
339
349
  neutral130: "#000000";
340
350
  neutral120: "#141414";
@@ -452,8 +462,8 @@ export declare const lightTheme: {
452
462
  bgComplimentary: "#FAFAFA";
453
463
  bgSecondary: "#F0F0F0";
454
464
  bgContainer: "#FFFFFF";
455
- bgContainerHover: "#F5F5F5";
456
- bgContainerActive: "#D9D9D9";
465
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
466
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
457
467
  bgContainerDisabled: "#F0F0F0";
458
468
  bgContainerDisabledContrast: "#D9D9D9";
459
469
  bgContainerComplimentary: "#FAFAFA";
@@ -462,10 +472,10 @@ export declare const lightTheme: {
462
472
  bgContainerInverseActive: "#1F1F1F";
463
473
  bgControl: "#BFBFBF";
464
474
  bgControlHover: "#8C8C8C";
465
- bgIconHover: `rgba(${number}, ${number}, ${number}, 0.05)`;
466
- bgIconActive: `rgba(${number}, ${number}, ${number}, 0.1)`;
467
- bgRail: `rgba(${number}, ${number}, ${number}, 0.05)`;
468
- bgRailHover: `rgba(${number}, ${number}, ${number}, 0.1)`;
475
+ bgIconHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
476
+ bgIconActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
477
+ bgRail: `rgba(${number}, ${number}, ${number}, 0.08)`;
478
+ bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
469
479
  bgFloat: "#FFFFFF";
470
480
  bgFloatContrast: "#262626";
471
481
  bgMask: `rgba(${number}, ${number}, ${number}, 0.3)`;
@@ -488,27 +498,32 @@ export declare const lightTheme: {
488
498
  primaryHover: "#50CCC4";
489
499
  primaryActive: "#03888C";
490
500
  primaryBg: "#E1FAF6";
501
+ primaryBgHover: "#C3F4ED";
491
502
  primaryBorder: "#77D9CF";
492
503
  primaryHoverInverse: "#E1FAF6";
493
504
  primaryActiveInverse: "#A3E6DD";
494
505
  typography: {
495
506
  readonly header1: {
496
507
  readonly fontFamily: "Roboto";
508
+ readonly fontWeight: 500;
497
509
  readonly fontSize: 24;
498
510
  readonly lineHeight: "32px";
499
511
  };
500
512
  readonly header2: {
501
513
  readonly fontFamily: "Roboto";
514
+ readonly fontWeight: 500;
502
515
  readonly fontSize: 16;
503
516
  readonly lineHeight: "24px";
504
517
  };
505
518
  readonly subheader1: {
506
519
  readonly fontFamily: "Roboto";
520
+ readonly fontWeight: 500;
507
521
  readonly fontSize: 14;
508
522
  readonly lineHeight: "20px";
509
523
  };
510
524
  readonly subheader2: {
511
525
  readonly fontFamily: "Roboto";
526
+ readonly fontWeight: 500;
512
527
  readonly fontSize: 12;
513
528
  readonly lineHeight: "20px";
514
529
  };
@@ -670,6 +685,7 @@ export declare const lightTheme: {
670
685
  thrush40: "#50CCC4";
671
686
  thrush30: "#77D9CF";
672
687
  thrush20: "#A3E6DD";
688
+ thrush15: "#C3F4ED";
673
689
  thrush10: "#E1FAF6";
674
690
  transparentWhite90: `rgba(${number}, ${number}, ${number}, 0.9)`;
675
691
  transparentWhite80: `rgba(${number}, ${number}, ${number}, 0.8)`;
@@ -679,7 +695,9 @@ export declare const lightTheme: {
679
695
  transparentWhite40: `rgba(${number}, ${number}, ${number}, 0.4)`;
680
696
  transparentWhite30: `rgba(${number}, ${number}, ${number}, 0.3)`;
681
697
  transparentWhite20: `rgba(${number}, ${number}, ${number}, 0.2)`;
698
+ transparentWhite12: `rgba(${number}, ${number}, ${number}, 0.12)`;
682
699
  transparentWhite10: `rgba(${number}, ${number}, ${number}, 0.1)`;
700
+ transparentWhite8: `rgba(${number}, ${number}, ${number}, 0.08)`;
683
701
  transparentWhite5: `rgba(${number}, ${number}, ${number}, 0.05)`;
684
702
  transparentBlack90: `rgba(${number}, ${number}, ${number}, 0.9)`;
685
703
  transparentBlack80: `rgba(${number}, ${number}, ${number}, 0.8)`;
@@ -689,7 +707,9 @@ export declare const lightTheme: {
689
707
  transparentBlack40: `rgba(${number}, ${number}, ${number}, 0.4)`;
690
708
  transparentBlack30: `rgba(${number}, ${number}, ${number}, 0.3)`;
691
709
  transparentBlack20: `rgba(${number}, ${number}, ${number}, 0.2)`;
710
+ transparentBlack12: `rgba(${number}, ${number}, ${number}, 0.12)`;
692
711
  transparentBlack10: `rgba(${number}, ${number}, ${number}, 0.1)`;
712
+ transparentBlack8: `rgba(${number}, ${number}, ${number}, 0.08)`;
693
713
  transparentBlack5: `rgba(${number}, ${number}, ${number}, 0.05)`;
694
714
  neutral130: "#000000";
695
715
  neutral120: "#141414";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@infomaximum/ui-kit",
3
3
  "license": "Apache-2.0",
4
- "version": "0.13.4",
4
+ "version": "0.14.0",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",