@databricks/design-system 1.12.12 → 1.12.13

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 (105) hide show
  1. package/dist/{DropdownMenu-06a1051f.js → DropdownMenu-dbeef1b7.js} +611 -298
  2. package/dist/DropdownMenu-dbeef1b7.js.map +1 -0
  3. package/dist/design-system/Button/Button.d.ts +3 -0
  4. package/dist/design-system/Button/Button.d.ts.map +1 -1
  5. package/dist/design-system/DesignSystemEventProvider/DesignSystemEventProvider.d.ts +44 -0
  6. package/dist/design-system/DesignSystemEventProvider/DesignSystemEventProvider.d.ts.map +1 -0
  7. package/dist/design-system/DesignSystemEventProvider/index.d.ts +2 -0
  8. package/dist/design-system/DesignSystemEventProvider/index.d.ts.map +1 -0
  9. package/dist/design-system/DialogCombobox/DialogComboboxContent.d.ts.map +1 -1
  10. package/dist/design-system/DialogCombobox/DialogComboboxHintRow.d.ts.map +1 -1
  11. package/dist/design-system/DialogCombobox/DialogComboboxOptionListCheckboxItem.d.ts.map +1 -1
  12. package/dist/design-system/DialogCombobox/DialogComboboxOptionListSelectItem.d.ts +9 -0
  13. package/dist/design-system/DialogCombobox/DialogComboboxOptionListSelectItem.d.ts.map +1 -1
  14. package/dist/design-system/DialogCombobox/DialogComboboxTrigger.d.ts +7 -0
  15. package/dist/design-system/DialogCombobox/DialogComboboxTrigger.d.ts.map +1 -1
  16. package/dist/design-system/FormV2/RHFAdapters.d.ts +6 -0
  17. package/dist/design-system/FormV2/RHFAdapters.d.ts.map +1 -1
  18. package/dist/design-system/Icon/Icon.d.ts +1 -1
  19. package/dist/design-system/Icon/Icon.d.ts.map +1 -1
  20. package/dist/design-system/Icon/__generated/icons/BarStackedPercentageIcon.d.ts +5 -0
  21. package/dist/design-system/Icon/__generated/icons/BarStackedPercentageIcon.d.ts.map +1 -0
  22. package/dist/design-system/Icon/__generated/icons/ErdIcon.d.ts +5 -0
  23. package/dist/design-system/Icon/__generated/icons/ErdIcon.d.ts.map +1 -0
  24. package/dist/design-system/Icon/__generated/icons/ListClearIcon.d.ts +5 -0
  25. package/dist/design-system/Icon/__generated/icons/ListClearIcon.d.ts.map +1 -0
  26. package/dist/design-system/Icon/__generated/icons/PauseIcon.d.ts +5 -0
  27. package/dist/design-system/Icon/__generated/icons/PauseIcon.d.ts.map +1 -0
  28. package/dist/design-system/Icon/__generated/icons/SparkleIcon.d.ts +5 -0
  29. package/dist/design-system/Icon/__generated/icons/SparkleIcon.d.ts.map +1 -0
  30. package/dist/design-system/Icon/__generated/icons/StepIntoIcon.d.ts +5 -0
  31. package/dist/design-system/Icon/__generated/icons/StepIntoIcon.d.ts.map +1 -0
  32. package/dist/design-system/Icon/__generated/icons/StepOutIcon.d.ts +5 -0
  33. package/dist/design-system/Icon/__generated/icons/StepOutIcon.d.ts.map +1 -0
  34. package/dist/design-system/Icon/__generated/icons/StepOverIcon.d.ts +5 -0
  35. package/dist/design-system/Icon/__generated/icons/StepOverIcon.d.ts.map +1 -0
  36. package/dist/design-system/Icon/__generated/icons/TableOnlineViewIcon.d.ts +5 -0
  37. package/dist/design-system/Icon/__generated/icons/TableOnlineViewIcon.d.ts.map +1 -0
  38. package/dist/design-system/Icon/__generated/icons/index.d.ts +9 -0
  39. package/dist/design-system/Icon/__generated/icons/index.d.ts.map +1 -1
  40. package/dist/design-system/Label/Label.d.ts +1 -0
  41. package/dist/design-system/Label/Label.d.ts.map +1 -1
  42. package/dist/design-system/Pagination/index.d.ts +1 -0
  43. package/dist/design-system/Pagination/index.d.ts.map +1 -1
  44. package/dist/design-system/SegmentedControl/SegmentedControl.d.ts +1 -0
  45. package/dist/design-system/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  46. package/dist/design-system/Select/Select.d.ts.map +1 -1
  47. package/dist/design-system/Steps/Steps.d.ts +1 -2
  48. package/dist/design-system/Steps/Steps.d.ts.map +1 -1
  49. package/dist/design-system/TableUI/Table.d.ts.map +1 -1
  50. package/dist/design-system/TableUI/TableRow.d.ts.map +1 -1
  51. package/dist/design-system/Tag/index.d.ts +2 -2
  52. package/dist/design-system/Tag/index.d.ts.map +1 -1
  53. package/dist/design-system/Tree/Tree.d.ts +24 -0
  54. package/dist/design-system/Tree/Tree.d.ts.map +1 -1
  55. package/dist/design-system/_shared_/Combobox/styles.d.ts +3 -0
  56. package/dist/design-system/_shared_/Combobox/styles.d.ts.map +1 -1
  57. package/dist/design-system/constants.d.ts +2 -2
  58. package/dist/design-system/constants.d.ts.map +1 -1
  59. package/dist/design-system/index.d.ts +1 -0
  60. package/dist/design-system/index.d.ts.map +1 -1
  61. package/dist/development/Banner/Banner.d.ts +1 -2
  62. package/dist/development/Banner/Banner.d.ts.map +1 -1
  63. package/dist/development/Toolbar/Toolbar.d.ts +15 -0
  64. package/dist/development/Toolbar/Toolbar.d.ts.map +1 -0
  65. package/dist/development/Toolbar/index.d.ts +2 -0
  66. package/dist/development/Toolbar/index.d.ts.map +1 -0
  67. package/dist/development/index.d.ts +3 -2
  68. package/dist/development/index.d.ts.map +1 -1
  69. package/dist/development.js +379 -249
  70. package/dist/development.js.map +1 -1
  71. package/dist/dubois-colors.less +203 -140
  72. package/dist/flags.d.ts +1 -2
  73. package/dist/flags.d.ts.map +1 -1
  74. package/dist/index-dark.css +289 -289
  75. package/dist/index.css +128 -128
  76. package/dist/index.js +672 -244
  77. package/dist/index.js.map +1 -1
  78. package/dist/rollup/less.d.ts.map +1 -1
  79. package/dist/test-utils/enzyme/selectEvent.d.ts +5 -0
  80. package/dist/test-utils/enzyme/selectEvent.d.ts.map +1 -1
  81. package/dist/test-utils/enzyme/table.d.ts.map +1 -1
  82. package/dist/test-utils/enzyme/utils.d.ts +6 -0
  83. package/dist/test-utils/enzyme/utils.d.ts.map +1 -1
  84. package/dist/test-utils/enzyme.js +34 -15
  85. package/dist/test-utils/enzyme.js.map +1 -1
  86. package/dist/test-utils/rtl/selectEvent.d.ts +5 -0
  87. package/dist/test-utils/rtl/selectEvent.d.ts.map +1 -1
  88. package/dist/test-utils/rtl.js +16 -1
  89. package/dist/test-utils/rtl.js.map +1 -1
  90. package/dist/theme/_generated/PrimitiveColors.d.ts +3 -0
  91. package/dist/theme/_generated/PrimitiveColors.d.ts.map +1 -0
  92. package/dist/theme/_generated/SemanticColors-Dark.d.ts +3 -0
  93. package/dist/theme/_generated/SemanticColors-Dark.d.ts.map +1 -0
  94. package/dist/theme/_generated/SemanticColors-Light.d.ts +3 -0
  95. package/dist/theme/_generated/SemanticColors-Light.d.ts.map +1 -0
  96. package/dist/theme/_generated/ValidPrimitiveColors.d.ts +56 -0
  97. package/dist/theme/_generated/ValidPrimitiveColors.d.ts.map +1 -0
  98. package/dist/theme/_generated/ValidSemanticColors.d.ts +99 -0
  99. package/dist/theme/_generated/ValidSemanticColors.d.ts.map +1 -0
  100. package/dist/theme/colors.d.ts +62 -141
  101. package/dist/theme/colors.d.ts.map +1 -1
  102. package/package.json +13 -15
  103. package/dist/DropdownMenu-06a1051f.js.map +0 -1
  104. package/dist/theme/colorList.d.ts +0 -130
  105. package/dist/theme/colorList.d.ts.map +0 -1
@@ -1,14 +1,15 @@
1
1
  // Auto-generated file
2
2
 
3
- @dubois-primary: #2272B4;
4
3
  @dubois-blue100: #F0F8FF;
5
4
  @dubois-blue200: #D7EDFE;
6
5
  @dubois-blue300: #BAE1FC;
7
- @dubois-blue400: #8FCDFF;
6
+ @dubois-blue400: #8ACAFF;
8
7
  @dubois-blue500: #4299E0;
9
8
  @dubois-blue600: #2272B4;
10
9
  @dubois-blue700: #0E538B;
11
10
  @dubois-blue800: #04355D;
11
+ @dubois-brown: #A6630C;
12
+ @dubois-coral: #C83243;
12
13
  @dubois-green100: #F3FCF6;
13
14
  @dubois-green200: #D4F7DF;
14
15
  @dubois-green300: #B1ECC5;
@@ -17,15 +18,22 @@
17
18
  @dubois-green600: #277C43;
18
19
  @dubois-green700: #115026;
19
20
  @dubois-green800: #093919;
20
- @dubois-white: #FFFFFF;
21
- @dubois-grey100: #F2F5F7;
22
- @dubois-grey200: #E4ECF1;
23
- @dubois-grey300: #CDDAE5;
24
- @dubois-grey400: #BDCDDB;
25
- @dubois-grey500: #8196A7;
26
- @dubois-grey600: #5D7283;
27
- @dubois-grey700: #44535F;
28
- @dubois-grey800: #1F272D;
21
+ @dubois-grey050: #F2F8F8;
22
+ @dubois-grey100: #E4ECF1;
23
+ @dubois-grey200: #CDDAE5;
24
+ @dubois-grey300: #BDCDDB;
25
+ @dubois-grey350: #90A4B5;
26
+ @dubois-grey400: #8196A7;
27
+ @dubois-grey500: #5D7283;
28
+ @dubois-grey600: #44535F;
29
+ @dubois-grey650: #354450;
30
+ @dubois-grey700: #1F272D;
31
+ @dubois-grey800: #11171C;
32
+ @dubois-indigo: #434A93;
33
+ @dubois-lemon: #FACB66;
34
+ @dubois-lime: #308613;
35
+ @dubois-pink: #B45091;
36
+ @dubois-purple: #8A63BF;
29
37
  @dubois-red100: #FFF5F7;
30
38
  @dubois-red200: #FDE2E8;
31
39
  @dubois-red300: #FBD0D8;
@@ -34,6 +42,9 @@
34
42
  @dubois-red600: #C82D4C;
35
43
  @dubois-red700: #9E102C;
36
44
  @dubois-red800: #630316;
45
+ @dubois-teal: #04867D;
46
+ @dubois-turquoise: #137DAE;
47
+ @dubois-white: #FFFFFF;
37
48
  @dubois-yellow100: #FFF9EB;
38
49
  @dubois-yellow200: #FCEACA;
39
50
  @dubois-yellow300: #F8D4A5;
@@ -42,161 +53,213 @@
42
53
  @dubois-yellow600: #BE501E;
43
54
  @dubois-yellow700: #93320B;
44
55
  @dubois-yellow800: #5F1B02;
45
- @dubois-brown: #A6630C;
46
- @dubois-coral: #C83243;
47
- @dubois-charcoal: #5D7283;
48
- @dubois-indigo: #434A93;
49
- @dubois-lemon: #FACB66;
50
- @dubois-lime: #308613;
51
- @dubois-pink: #B45091;
52
- @dubois-purple: #8A63BF;
53
- @dubois-teal: #04867D;
54
- @dubois-turquoise: #157CBC;
55
- @dubois-light-backgroundPrimary: #FFFFFF;
56
- @dubois-light-actionDangerPrimaryBackgroundDefault: #C82D4C;
57
- @dubois-light-actionDangerPrimaryBackgroundHover: #9E102C;
58
- @dubois-light-actionDangerPrimaryBackgroundPress: #630316;
59
- @dubois-light-actionDangerDefaultBackgroundDefault: #c82d4c00;
60
- @dubois-light-actionDangerDefaultBackgroundHover: #c82d4c14;
61
- @dubois-light-actionDangerDefaultBackgroundPress: #c82d4c29;
56
+ @dubois-light-actionDangerDefaultBackgroundDefault: rgba(200, 45, 76, 0.0000);
57
+ @dubois-light-actionDangerDefaultBackgroundHover: rgba(200, 45, 76, 0.0800);
58
+ @dubois-light-actionDangerDefaultBackgroundPress: rgba(200, 45, 76, 0.1600);
62
59
  @dubois-light-actionDangerDefaultBorderDefault: #C82D4C;
63
60
  @dubois-light-actionDangerDefaultBorderHover: #9E102C;
64
61
  @dubois-light-actionDangerDefaultBorderPress: #630316;
65
62
  @dubois-light-actionDangerDefaultTextDefault: #C82D4C;
66
63
  @dubois-light-actionDangerDefaultTextHover: #9E102C;
67
64
  @dubois-light-actionDangerDefaultTextPress: #630316;
68
- @dubois-light-actionDefaultBackgroundDefault: #04355d00;
69
- @dubois-light-actionDefaultBackgroundHover: #2272b414;
70
- @dubois-light-actionDefaultBackgroundPress: #2272b429;
71
- @dubois-light-actionDefaultBorderDefault: #CDDAE5;
72
- @dubois-light-actionDefaultBorderFocus: #2272B4;
73
- @dubois-light-actionDefaultBorderHover: #0E538B;
65
+ @dubois-light-actionDangerPrimaryBackgroundDefault: #C82D4C;
66
+ @dubois-light-actionDangerPrimaryBackgroundHover: #9E102C;
67
+ @dubois-light-actionDangerPrimaryBackgroundPress: #630316;
68
+ @dubois-light-actionDangerPrimaryText: #FFFFFF;
69
+ @dubois-light-actionDefaultBackgroundDefault: rgba(34, 114, 180, 0.0000);
70
+ @dubois-light-actionDefaultBackgroundHover: rgba(34, 114, 180, 0.0800);
71
+ @dubois-light-actionDefaultBackgroundPress: rgba(34, 114, 180, 0.1600);
72
+ @dubois-light-actionDefaultBorderDefault: #BDCDDB;
73
+ @dubois-light-actionDefaultBorderFocus: #0E538B;
74
+ @dubois-light-actionDefaultBorderHover: #2272B4;
74
75
  @dubois-light-actionDefaultBorderPress: #04355D;
75
- @dubois-light-actionDefaultTextDefault: #1F272D;
76
+ @dubois-light-actionDefaultIconDefault: #44535F;
77
+ @dubois-light-actionDefaultIconHover: #0E538B;
78
+ @dubois-light-actionDefaultIconPress: #04355D;
79
+ @dubois-light-actionDefaultTextDefault: #11171C;
76
80
  @dubois-light-actionDefaultTextHover: #0E538B;
77
81
  @dubois-light-actionDefaultTextPress: #04355D;
78
- @dubois-light-actionDisabledBackground: #E4ECF1;
82
+ @dubois-light-actionDisabledBackground: #F2F8F8;
83
+ @dubois-light-actionDisabledBorder: #E4ECF1;
79
84
  @dubois-light-actionDisabledText: #BDCDDB;
85
+ @dubois-light-actionIconBackgroundDefault: rgba(34, 114, 180, 0.0000);
86
+ @dubois-light-actionIconBackgroundHover: rgba(34, 114, 180, 0.0800);
87
+ @dubois-light-actionIconBackgroundPress: rgba(34, 114, 180, 0.1600);
88
+ @dubois-light-actionIconIconDefault: #44535F;
89
+ @dubois-light-actionIconIconHover: #0E538B;
90
+ @dubois-light-actionIconIconPress: #04355D;
91
+ @dubois-light-actionLinkDefault: #2272B4;
92
+ @dubois-light-actionLinkHover: #0E538B;
93
+ @dubois-light-actionLinkPress: #04355D;
80
94
  @dubois-light-actionPrimaryBackgroundDefault: #2272B4;
81
95
  @dubois-light-actionPrimaryBackgroundHover: #0E538B;
82
96
  @dubois-light-actionPrimaryBackgroundPress: #04355D;
97
+ @dubois-light-actionPrimaryIcon: #FFFFFF;
83
98
  @dubois-light-actionPrimaryTextDefault: #FFFFFF;
84
99
  @dubois-light-actionPrimaryTextHover: #FFFFFF;
85
100
  @dubois-light-actionPrimaryTextPress: #FFFFFF;
86
- @dubois-light-actionTertiaryBackgroundDefault: #2272b400;
87
- @dubois-light-actionTertiaryBackgroundHover: #2272b414;
88
- @dubois-light-actionTertiaryBackgroundPress: #2272b429;
101
+ @dubois-light-actionTertiaryBackgroundDefault: rgba(34, 114, 180, 0.0000);
102
+ @dubois-light-actionTertiaryBackgroundHover: rgba(34, 114, 180, 0.0800);
103
+ @dubois-light-actionTertiaryBackgroundPress: rgba(34, 114, 180, 0.1600);
104
+ @dubois-light-actionTertiaryIconDefault: #2272B4;
105
+ @dubois-light-actionTertiaryIconHover: #0E538B;
106
+ @dubois-light-actionTertiaryIconPress: #04355D;
89
107
  @dubois-light-actionTertiaryTextDefault: #2272B4;
90
108
  @dubois-light-actionTertiaryTextHover: #0E538B;
91
109
  @dubois-light-actionTertiaryTextPress: #04355D;
92
- @dubois-light-backgroundDanger: #fff5f714;
93
- @dubois-light-backgroundSecondary: #F2F5F7;
94
- @dubois-light-backgroundWarning: #fff9eb14;
95
- @dubois-light-backgroundValidationDanger: #FFF5F7;
96
- @dubois-light-backgroundValidationSuccess: #F0F8FF;
97
- @dubois-light-backgroundValidationWarning: #FFF9EB;
110
+ @dubois-light-backgroundDanger: #FFF5F7;
111
+ @dubois-light-backgroundInfo: #E4ECF1;
112
+ @dubois-light-backgroundPrimary: #FFFFFF;
113
+ @dubois-light-backgroundSecondary: #F2F8F8;
114
+ @dubois-light-backgroundSuccess: #F3FCF6;
115
+ @dubois-light-backgroundWarning: #FFF9EB;
98
116
  @dubois-light-border: #CDDAE5;
99
- @dubois-light-borderDecorative: #E4ECF1;
100
- @dubois-light-borderValidationDanger: #FBD0D8;
101
- @dubois-light-borderValidationWarning: #F8D4A5;
102
- @dubois-light-textPrimary: #1F272D;
103
- @dubois-light-textSecondary: #5D7283;
104
- @dubois-light-textPlaceholder: #BDCDDB;
105
- @dubois-light-textValidationDanger: #C82D4C;
106
- @dubois-light-textValidationSuccess: #277C43;
107
- @dubois-light-textValidationWarning: #BE501E;
108
- @dubois-light-textValidationInfo: #5D7283;
109
- @dubois-light-overlayOverlay: #f2f5f7b8;
110
- @dubois-light-tagDefault: #5d728314;
117
+ @dubois-light-borderAccessible: #5D7283;
118
+ @dubois-light-borderDanger: #FBD0D8;
119
+ @dubois-light-borderWarning: #F8D4A5;
120
+ @dubois-light-codeBackground: rgba(68, 83, 95, 0.0800);
121
+ @dubois-light-overlayOverlay: rgba(64, 63, 63, 0.7200);
122
+ @dubois-light-skeleton: rgba(17, 23, 28, 0.1000);
123
+ @dubois-light-tableBackgroundSelectedDefault: rgba(68, 83, 95, 0.0800);
124
+ @dubois-light-tableBackgroundSelectedHover: rgba(68, 83, 95, 0.1200);
125
+ @dubois-light-tableBackgroundUnselectedDefault: #FFFFFF;
126
+ @dubois-light-tableBackgroundUnselectedHover: rgba(68, 83, 95, 0.0400);
111
127
  @dubois-light-tagBrown: #A6630C;
128
+ @dubois-light-tagCharcoal: #44535F;
112
129
  @dubois-light-tagCoral: #C83243;
113
- @dubois-light-tagCharcoal: #5D7283;
130
+ @dubois-light-tagDefault: #F2F8F8;
131
+ @dubois-light-tagHover: rgba(34, 114, 180, 0.0800);
132
+ @dubois-light-tagIconDefault: #44535F;
133
+ @dubois-light-tagIconHover: #44535F;
134
+ @dubois-light-tagIconPress: #44535F;
114
135
  @dubois-light-tagIndigo: #434A93;
136
+ @dubois-light-tagInverse: #11171C;
115
137
  @dubois-light-tagLemon: #FACB66;
116
138
  @dubois-light-tagLime: #308613;
117
139
  @dubois-light-tagPink: #B45091;
140
+ @dubois-light-tagPress: rgba(34, 114, 180, 0.1600);
118
141
  @dubois-light-tagPurple: #8A63BF;
119
142
  @dubois-light-tagTeal: #04867D;
120
- @dubois-light-tagTurquoise: #157CBC;
121
143
  @dubois-light-tagText: #FFFFFF;
122
- @dubois-light-tagHover: #8fcdff14;
123
- @dubois-light-tagPress: #8fcdff29;
124
- @dubois-light-tagIconHover: #ffffffcc;
125
- @dubois-light-tagIconPress: #ffffffc2;
126
- @dubois-light-typographyCodeBg: #5d728314;
127
- @dubois-light-tableRowHover: #5d72830a;
128
- @dubois-light-tooltipBackgroundTooltip: #1F272D;
129
- @dubois-dark-actionDangerPrimaryBackgroundDefault: #f792a6d6;
130
- @dubois-dark-actionDangerPrimaryBackgroundHover: #f792a6b8;
131
- @dubois-dark-actionDangerPrimaryBackgroundPress: #f792a699;
132
- @dubois-dark-actionDangerDefaultBackgroundDefault: #f792a600;
133
- @dubois-dark-actionDangerDefaultBackgroundHover: #f792a614;
134
- @dubois-dark-actionDangerDefaultBackgroundPress: #f792a629;
135
- @dubois-dark-actionDangerDefaultBorderDefault: #F792A6;
136
- @dubois-dark-actionDangerDefaultBorderHover: #f792a6b8;
137
- @dubois-dark-actionDangerDefaultBorderPress: #f792a699;
138
- @dubois-dark-actionDangerDefaultTextDefault: #F792A6;
139
- @dubois-dark-actionDangerDefaultTextHover: #f792a6b8;
140
- @dubois-dark-actionDangerDefaultTextPress: #f792a699;
141
- @dubois-dark-actionDefaultBackgroundDefault: #8fcdff00;
142
- @dubois-dark-actionDefaultBackgroundHover: #8fcdff14;
143
- @dubois-dark-actionDefaultBackgroundPress: #8fcdff29;
144
- @dubois-dark-actionDefaultBorderDefault: #ffffff99;
145
- @dubois-dark-actionDefaultBorderFocus: #8fcdffd6;
146
- @dubois-dark-actionDefaultBorderHover: #8fcdffcc;
147
- @dubois-dark-actionDefaultBorderPress: #8fcdffc2;
148
- @dubois-dark-actionDefaultTextDefault: #ffffffd6;
149
- @dubois-dark-actionDefaultTextHover: #8fcdffcc;
150
- @dubois-dark-actionDefaultTextPress: #8fcdffc2;
151
- @dubois-dark-actionDisabledBackground: #ffffff3d;
152
- @dubois-dark-actionDisabledText: #ffffff66;
153
- @dubois-dark-actionPrimaryBackgroundDefault: #8fcdffd6;
154
- @dubois-dark-actionPrimaryBackgroundHover: #8fcdffcc;
155
- @dubois-dark-actionPrimaryBackgroundPress: #8fcdffc2;
156
- @dubois-dark-actionPrimaryTextDefault: #1F272D;
157
- @dubois-dark-actionPrimaryTextHover: #1F272D;
158
- @dubois-dark-actionPrimaryTextPress: #1F272D;
159
- @dubois-dark-actionTertiaryBackgroundDefault: #8fcdff00;
160
- @dubois-dark-actionTertiaryBackgroundHover: #8fcdff14;
161
- @dubois-dark-actionTertiaryBackgroundPress: #8fcdff29;
162
- @dubois-dark-actionTertiaryTextDefault: #8fcdffd6;
163
- @dubois-dark-actionTertiaryTextHover: #8fcdffcc;
164
- @dubois-dark-actionTertiaryTextPress: #8fcdffc2;
165
- @dubois-dark-backgroundPrimary: #1F272D;
166
- @dubois-dark-backgroundSecondary: #283035;
167
- @dubois-dark-backgroundValidationDanger: transparent;
168
- @dubois-dark-backgroundValidationSuccess: transparent;
169
- @dubois-dark-backgroundValidationWarning: transparent;
170
- @dubois-dark-border: #ffffff7a;
171
- @dubois-dark-borderDecorative: #ffffff3d;
172
- @dubois-dark-borderValidationDanger: #FBD0D8;
173
- @dubois-dark-borderValidationWarning: #F8D4A5;
174
- @dubois-dark-textPrimary: #ffffffd6;
175
- @dubois-dark-textSecondary: #ffffff99;
176
- @dubois-dark-textPlaceholder: #bdcddbd6;
177
- @dubois-dark-textValidationDanger: #f792a6d6;
178
- @dubois-dark-textValidationSuccess: #8ddda8d6;
179
- @dubois-dark-textValidationWarning: #f2be88d6;
180
- @dubois-dark-textValidationInfo: #ffffff99;
181
- @dubois-dark-overlayOverlay: #1f272db8;
182
- @dubois-dark-tagDefault: #ffffff29;
183
- @dubois-dark-tagBrown: #a6630cd6;
184
- @dubois-dark-tagCoral: #c83243d6;
185
- @dubois-dark-tagCharcoal: #5d7283d6;
186
- @dubois-dark-tagIndigo: #434a93d6;
187
- @dubois-dark-tagLemon: #facb66d6;
188
- @dubois-dark-tagLime: #308613d6;
189
- @dubois-dark-tagPink: #b45091d6;
190
- @dubois-dark-tagPurple: #8a63bfd6;
191
- @dubois-dark-tagTeal: #04867dd6;
192
- @dubois-dark-tagTurquoise: #157cbcd6;
193
- @dubois-dark-tagText: #ffffffd6;
194
- @dubois-dark-tagHover: #8fcdff14;
195
- @dubois-dark-tagPress: #8fcdff29;
196
- @dubois-dark-tagIconHover: #ffffffcc;
197
- @dubois-dark-tagIconPress: #ffffffc2;
198
- @dubois-dark-typographyCodeBg: #ffffff29;
199
- @dubois-dark-tableRowHover: #ffffff29;
200
- @dubois-dark-tooltipBackgroundTooltip: #ffffff99;
201
- @dubois-dark-backgroundDanger: rgba(200,45,76,0.08);
202
- @dubois-dark-backgroundWarning: rgba(222,121,33,0.08);
144
+ @dubois-light-tagTurquoise: #137DAE;
145
+ @dubois-light-textPlaceholder: #8196A7;
146
+ @dubois-light-textPrimary: #11171C;
147
+ @dubois-light-textSecondary: #44535F;
148
+ @dubois-light-textValidationDanger: #C82D4C;
149
+ @dubois-light-textValidationSuccess: #277C43;
150
+ @dubois-light-textValidationWarning: #BE501E;
151
+ @dubois-light-tooltipBackgroundTooltip: #11171C;
152
+ @dubois-light-backgroundValidationDanger: #FFF5F7;
153
+ @dubois-light-backgroundValidationSuccess: #F3FCF6;
154
+ @dubois-light-backgroundValidationWarning: #FFF9EB;
155
+ @dubois-light-borderDecorative: #CDDAE5;
156
+ @dubois-light-borderValidationDanger: #FBD0D8;
157
+ @dubois-light-borderValidationWarning: #F8D4A5;
158
+ @dubois-light-tableRowHover: rgba(68, 83, 95, 0.0400);
159
+ @dubois-light-textValidationInfo: #44535F;
160
+ @dubois-light-typographyCodeBg: rgba(68, 83, 95, 0.0800);
161
+ @dubois-dark-actionDangerDefaultBackgroundDefault: rgba(247, 146, 166, 0.0000);
162
+ @dubois-dark-actionDangerDefaultBackgroundHover: rgba(247, 146, 166, 0.0800);
163
+ @dubois-dark-actionDangerDefaultBackgroundPress: rgba(247, 146, 166, 0.1600);
164
+ @dubois-dark-actionDangerDefaultBorderDefault: #E65B77;
165
+ @dubois-dark-actionDangerDefaultBorderHover: #F792A6;
166
+ @dubois-dark-actionDangerDefaultBorderPress: #FBD0D8;
167
+ @dubois-dark-actionDangerDefaultTextDefault: #E65B77;
168
+ @dubois-dark-actionDangerDefaultTextHover: #F792A6;
169
+ @dubois-dark-actionDangerDefaultTextPress: #FBD0D8;
170
+ @dubois-dark-actionDangerPrimaryBackgroundDefault: #E65B77;
171
+ @dubois-dark-actionDangerPrimaryBackgroundHover: #F792A6;
172
+ @dubois-dark-actionDangerPrimaryBackgroundPress: #FBD0D8;
173
+ @dubois-dark-actionDangerPrimaryText: #11171C;
174
+ @dubois-dark-actionDefaultBackgroundDefault: rgba(138, 202, 255, 0.0000);
175
+ @dubois-dark-actionDefaultBackgroundHover: rgba(138, 202, 255, 0.0800);
176
+ @dubois-dark-actionDefaultBackgroundPress: rgba(138, 202, 255, 0.1600);
177
+ @dubois-dark-actionDefaultBorderDefault: #354450;
178
+ @dubois-dark-actionDefaultBorderFocus: #8ACAFF;
179
+ @dubois-dark-actionDefaultBorderHover: #8ACAFF;
180
+ @dubois-dark-actionDefaultBorderPress: #BAE1FC;
181
+ @dubois-dark-actionDefaultIconDefault: #90A4B5;
182
+ @dubois-dark-actionDefaultIconHover: #8ACAFF;
183
+ @dubois-dark-actionDefaultIconPress: #BAE1FC;
184
+ @dubois-dark-actionDefaultTextDefault: #E4ECF1;
185
+ @dubois-dark-actionDefaultTextHover: #8ACAFF;
186
+ @dubois-dark-actionDefaultTextPress: #BAE1FC;
187
+ @dubois-dark-actionDisabledBackground: #1F272D;
188
+ @dubois-dark-actionDisabledBorder: #354450;
189
+ @dubois-dark-actionDisabledText: #44535F;
190
+ @dubois-dark-actionIconBackgroundDefault: rgba(255, 255, 255, 0.0000);
191
+ @dubois-dark-actionIconBackgroundHover: rgba(255, 255, 255, 0.0800);
192
+ @dubois-dark-actionIconBackgroundPress: rgba(255, 255, 255, 0.1600);
193
+ @dubois-dark-actionIconIconDefault: #90A4B5;
194
+ @dubois-dark-actionIconIconHover: #BDCDDB;
195
+ @dubois-dark-actionIconIconPress: #CDDAE5;
196
+ @dubois-dark-actionLinkDefault: #4299E0;
197
+ @dubois-dark-actionLinkHover: #8ACAFF;
198
+ @dubois-dark-actionLinkPress: #BAE1FC;
199
+ @dubois-dark-actionPrimaryBackgroundDefault: #4299E0;
200
+ @dubois-dark-actionPrimaryBackgroundHover: #8ACAFF;
201
+ @dubois-dark-actionPrimaryBackgroundPress: #BAE1FC;
202
+ @dubois-dark-actionPrimaryIcon: #11171C;
203
+ @dubois-dark-actionPrimaryTextDefault: #11171C;
204
+ @dubois-dark-actionPrimaryTextHover: #11171C;
205
+ @dubois-dark-actionPrimaryTextPress: #11171C;
206
+ @dubois-dark-actionTertiaryBackgroundDefault: rgba(143, 205, 255, 0.0000);
207
+ @dubois-dark-actionTertiaryBackgroundHover: rgba(143, 205, 255, 0.0800);
208
+ @dubois-dark-actionTertiaryBackgroundPress: rgba(143, 205, 255, 0.1600);
209
+ @dubois-dark-actionTertiaryIconDefault: #4299E0;
210
+ @dubois-dark-actionTertiaryIconHover: #8ACAFF;
211
+ @dubois-dark-actionTertiaryIconPress: #BAE1FC;
212
+ @dubois-dark-actionTertiaryTextDefault: #4299E0;
213
+ @dubois-dark-actionTertiaryTextHover: #8ACAFF;
214
+ @dubois-dark-actionTertiaryTextPress: #BAE1FC;
215
+ @dubois-dark-backgroundDanger: rgba(200, 45, 76, 0.1600);
216
+ @dubois-dark-backgroundInfo: rgba(68, 83, 95, 0.1600);
217
+ @dubois-dark-backgroundPrimary: #11171C;
218
+ @dubois-dark-backgroundSecondary: #1F272D;
219
+ @dubois-dark-backgroundSuccess: rgba(39, 124, 67, 0.1600);
220
+ @dubois-dark-backgroundWarning: rgba(190, 80, 30, 0.1600);
221
+ @dubois-dark-border: #354450;
222
+ @dubois-dark-borderAccessible: #BDCDDB;
223
+ @dubois-dark-borderDanger: #E65B77;
224
+ @dubois-dark-borderWarning: #DE7921;
225
+ @dubois-dark-codeBackground: #1F272D;
226
+ @dubois-dark-overlayOverlay: rgba(31, 38, 45, 0.7200);
227
+ @dubois-dark-skeleton: rgba(228, 236, 241, 0.1000);
228
+ @dubois-dark-tableBackgroundSelectedDefault: rgba(189, 205, 219, 0.0800);
229
+ @dubois-dark-tableBackgroundSelectedHover: rgba(189, 205, 219, 0.1200);
230
+ @dubois-dark-tableBackgroundUnselectedDefault: #11171C;
231
+ @dubois-dark-tableBackgroundUnselectedHover: rgba(189, 205, 219, 0.0400);
232
+ @dubois-dark-tagBrown: rgba(166, 99, 12, 0.8600);
233
+ @dubois-dark-tagCharcoal: rgba(68, 83, 95, 0.8600);
234
+ @dubois-dark-tagCoral: rgba(200, 50, 67, 0.8600);
235
+ @dubois-dark-tagDefault: #1F272D;
236
+ @dubois-dark-tagHover: rgba(138, 202, 255, 0.0800);
237
+ @dubois-dark-tagIconDefault: #90A4B5;
238
+ @dubois-dark-tagIconHover: #90A4B5;
239
+ @dubois-dark-tagIconPress: #90A4B5;
240
+ @dubois-dark-tagIndigo: rgba(67, 74, 147, 0.8600);
241
+ @dubois-dark-tagInverse: #E4ECF1;
242
+ @dubois-dark-tagLemon: rgba(250, 203, 102, 0.8600);
243
+ @dubois-dark-tagLime: rgba(48, 134, 19, 0.8600);
244
+ @dubois-dark-tagPink: rgba(180, 80, 145, 0.8600);
245
+ @dubois-dark-tagPress: rgba(138, 202, 255, 0.1600);
246
+ @dubois-dark-tagPurple: rgba(138, 99, 191, 0.8600);
247
+ @dubois-dark-tagTeal: rgba(4, 134, 125, 0.8600);
248
+ @dubois-dark-tagText: #E4ECF1;
249
+ @dubois-dark-tagTurquoise: rgba(19, 125, 174, 0.8600);
250
+ @dubois-dark-textPlaceholder: #354450;
251
+ @dubois-dark-textPrimary: #E4ECF1;
252
+ @dubois-dark-textSecondary: #90A4B5;
253
+ @dubois-dark-textValidationDanger: #E65B77;
254
+ @dubois-dark-textValidationSuccess: #3CAA60;
255
+ @dubois-dark-textValidationWarning: #DE7921;
256
+ @dubois-dark-tooltipBackgroundTooltip: #BDCDDB;
257
+ @dubois-dark-backgroundValidationDanger: rgba(200, 45, 76, 0.1600);
258
+ @dubois-dark-backgroundValidationSuccess: rgba(39, 124, 67, 0.1600);
259
+ @dubois-dark-backgroundValidationWarning: rgba(190, 80, 30, 0.1600);
260
+ @dubois-dark-borderDecorative: #354450;
261
+ @dubois-dark-borderValidationDanger: #E65B77;
262
+ @dubois-dark-borderValidationWarning: #DE7921;
263
+ @dubois-dark-tableRowHover: rgba(189, 205, 219, 0.0400);
264
+ @dubois-dark-textValidationInfo: #90A4B5;
265
+ @dubois-dark-typographyCodeBg: #1F272D;
package/dist/flags.d.ts CHANGED
@@ -2,8 +2,7 @@ export declare enum AvailableDesignSystemFlags {
2
2
  '__DEBUG__' = "__DEBUG__",
3
3
  'USE_FLEX_BUTTON' = "USE_FLEX_BUTTON",
4
4
  'USE_NEW_TREE' = "USE_NEW_TREE",
5
- 'USE_NEW_CHECKBOX_STYLES' = "USE_NEW_CHECKBOX_STYLES",
6
- 'USE_UPDATED_TABLE_STYLES' = "USE_UPDATED_TABLE_STYLES"
5
+ 'USE_NEW_CHECKBOX_STYLES' = "USE_NEW_CHECKBOX_STYLES"
7
6
  }
8
7
  type DesignSystemFlagMetadata = {
9
8
  description: string;
@@ -1 +1 @@
1
- {"version":3,"file":"flags.d.ts","sourceRoot":"","sources":["../src/flags.ts"],"names":[],"mappings":"AAAA,oBAAY,0BAA0B;IACpC,WAAW,cAAc;IACzB,iBAAiB,oBAAoB;IACrC,cAAc,iBAAiB;IAC/B,yBAAyB,4BAA4B;IACrD,0BAA0B,6BAA6B;CACxD;AAED,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,0BAA0B,EAAE,wBAAwB,CAsB1G,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"flags.d.ts","sourceRoot":"","sources":["../src/flags.ts"],"names":[],"mappings":"AAAA,oBAAY,0BAA0B;IACpC,WAAW,cAAc;IACzB,iBAAiB,oBAAoB;IACrC,cAAc,iBAAiB;IAC/B,yBAAyB,4BAA4B;CACtD;AAED,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,0BAA0B,EAAE,wBAAwB,CAiB1G,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC,CAAC"}