@databricks/design-system 1.12.12 → 1.12.14

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 (174) hide show
  1. package/dist/{DropdownMenu-06a1051f.js → Stepper-839336b1.js} +951 -873
  2. package/dist/Stepper-839336b1.js.map +1 -0
  3. package/dist/design-system/AutoComplete/AutoComplete.d.ts +3 -0
  4. package/dist/design-system/AutoComplete/AutoComplete.d.ts.map +1 -1
  5. package/dist/design-system/Button/Button.d.ts +13 -1
  6. package/dist/design-system/Button/Button.d.ts.map +1 -1
  7. package/dist/design-system/Checkbox/Checkbox.d.ts.map +1 -1
  8. package/dist/design-system/ContextMenu/ContextMenu.d.ts.map +1 -0
  9. package/dist/design-system/ContextMenu/index.d.ts +2 -0
  10. package/dist/design-system/ContextMenu/index.d.ts.map +1 -0
  11. package/dist/design-system/DatePicker/DatePicker.d.ts.map +1 -1
  12. package/dist/design-system/DesignSystemEventProvider/DesignSystemEventProvider.d.ts +45 -0
  13. package/dist/design-system/DesignSystemEventProvider/DesignSystemEventProvider.d.ts.map +1 -0
  14. package/dist/design-system/DesignSystemEventProvider/index.d.ts +2 -0
  15. package/dist/design-system/DesignSystemEventProvider/index.d.ts.map +1 -0
  16. package/dist/design-system/DialogCombobox/DialogComboboxAddButton.d.ts +1 -1
  17. package/dist/design-system/DialogCombobox/DialogComboboxAddButton.d.ts.map +1 -1
  18. package/dist/design-system/DialogCombobox/DialogComboboxContent.d.ts.map +1 -1
  19. package/dist/design-system/DialogCombobox/DialogComboboxHintRow.d.ts.map +1 -1
  20. package/dist/design-system/DialogCombobox/DialogComboboxOptionListCheckboxItem.d.ts.map +1 -1
  21. package/dist/design-system/DialogCombobox/DialogComboboxOptionListSearch.d.ts +9 -5
  22. package/dist/design-system/DialogCombobox/DialogComboboxOptionListSearch.d.ts.map +1 -1
  23. package/dist/design-system/DialogCombobox/DialogComboboxOptionListSelectItem.d.ts +9 -0
  24. package/dist/design-system/DialogCombobox/DialogComboboxOptionListSelectItem.d.ts.map +1 -1
  25. package/dist/design-system/DialogCombobox/DialogComboboxTrigger.d.ts +7 -0
  26. package/dist/design-system/DialogCombobox/DialogComboboxTrigger.d.ts.map +1 -1
  27. package/dist/design-system/Drawer/Drawer.d.ts.map +1 -1
  28. package/dist/design-system/DropdownMenu/DropdownMenu.d.ts +1 -2
  29. package/dist/design-system/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  30. package/dist/design-system/FormV2/RHFAdapters.d.ts +7 -1
  31. package/dist/design-system/FormV2/RHFAdapters.d.ts.map +1 -1
  32. package/dist/design-system/Header/Header.d.ts.map +1 -1
  33. package/dist/design-system/Icon/Icon.d.ts +1 -1
  34. package/dist/design-system/Icon/Icon.d.ts.map +1 -1
  35. package/dist/design-system/Icon/__generated/icons/BarStackedPercentageIcon.d.ts +5 -0
  36. package/dist/design-system/Icon/__generated/icons/BarStackedPercentageIcon.d.ts.map +1 -0
  37. package/dist/design-system/Icon/__generated/icons/ErdIcon.d.ts +5 -0
  38. package/dist/design-system/Icon/__generated/icons/ErdIcon.d.ts.map +1 -0
  39. package/dist/design-system/Icon/__generated/icons/ListClearIcon.d.ts +5 -0
  40. package/dist/design-system/Icon/__generated/icons/ListClearIcon.d.ts.map +1 -0
  41. package/dist/design-system/Icon/__generated/icons/PauseIcon.d.ts +5 -0
  42. package/dist/design-system/Icon/__generated/icons/PauseIcon.d.ts.map +1 -0
  43. package/dist/design-system/Icon/__generated/icons/SparkleIcon.d.ts +5 -0
  44. package/dist/design-system/Icon/__generated/icons/SparkleIcon.d.ts.map +1 -0
  45. package/dist/design-system/Icon/__generated/icons/StepIntoIcon.d.ts +5 -0
  46. package/dist/design-system/Icon/__generated/icons/StepIntoIcon.d.ts.map +1 -0
  47. package/dist/design-system/Icon/__generated/icons/StepOutIcon.d.ts +5 -0
  48. package/dist/design-system/Icon/__generated/icons/StepOutIcon.d.ts.map +1 -0
  49. package/dist/design-system/Icon/__generated/icons/StepOverIcon.d.ts +5 -0
  50. package/dist/design-system/Icon/__generated/icons/StepOverIcon.d.ts.map +1 -0
  51. package/dist/design-system/Icon/__generated/icons/TableOnlineViewIcon.d.ts +5 -0
  52. package/dist/design-system/Icon/__generated/icons/TableOnlineViewIcon.d.ts.map +1 -0
  53. package/dist/design-system/Icon/__generated/icons/index.d.ts +9 -0
  54. package/dist/design-system/Icon/__generated/icons/index.d.ts.map +1 -1
  55. package/dist/design-system/Input/Input.d.ts +9 -1
  56. package/dist/design-system/Input/Input.d.ts.map +1 -1
  57. package/dist/design-system/Input/index.d.ts +2 -1
  58. package/dist/design-system/Input/index.d.ts.map +1 -1
  59. package/dist/design-system/Label/Label.d.ts +1 -0
  60. package/dist/design-system/Label/Label.d.ts.map +1 -1
  61. package/dist/design-system/Modal/Modal.d.ts +2 -2
  62. package/dist/design-system/Modal/Modal.d.ts.map +1 -1
  63. package/dist/design-system/Notification/Notification.d.ts.map +1 -1
  64. package/dist/design-system/Pagination/index.d.ts +9 -1
  65. package/dist/design-system/Pagination/index.d.ts.map +1 -1
  66. package/dist/design-system/Popover/InfoPopover.d.ts +2 -1
  67. package/dist/design-system/Popover/InfoPopover.d.ts.map +1 -1
  68. package/dist/design-system/SegmentedControl/SegmentedControl.d.ts +1 -0
  69. package/dist/design-system/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  70. package/dist/design-system/Select/Select.d.ts.map +1 -1
  71. package/dist/design-system/Sidebar/Sidebar.d.ts.map +1 -1
  72. package/dist/design-system/SplitButton/Dropdown/DropdownButton.d.ts.map +1 -1
  73. package/dist/design-system/SplitButton/SplitButton.d.ts.map +1 -1
  74. package/dist/design-system/Steps/Steps.d.ts +1 -2
  75. package/dist/design-system/Steps/Steps.d.ts.map +1 -1
  76. package/dist/design-system/Switch/Switch.d.ts.map +1 -1
  77. package/dist/design-system/TableUI/Table.d.ts.map +1 -1
  78. package/dist/design-system/TableUI/TableFilterInput.d.ts +2 -1
  79. package/dist/design-system/TableUI/TableFilterInput.d.ts.map +1 -1
  80. package/dist/design-system/TableUI/TableFilterLayout.d.ts.map +1 -1
  81. package/dist/design-system/TableUI/TableRow.d.ts.map +1 -1
  82. package/dist/design-system/Tag/index.d.ts +2 -2
  83. package/dist/design-system/Tag/index.d.ts.map +1 -1
  84. package/dist/design-system/Tooltip/Tooltip.d.ts +6 -0
  85. package/dist/design-system/Tooltip/Tooltip.d.ts.map +1 -1
  86. package/dist/design-system/Tree/Tree.d.ts +24 -0
  87. package/dist/design-system/Tree/Tree.d.ts.map +1 -1
  88. package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxAddButton.d.ts +3 -0
  89. package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxAddButton.d.ts.map +1 -0
  90. package/dist/design-system/TypeaheadCombobox/hooks/downshiftHookWrappers.d.ts +3 -1
  91. package/dist/design-system/TypeaheadCombobox/hooks/downshiftHookWrappers.d.ts.map +1 -1
  92. package/dist/design-system/TypeaheadCombobox/index.d.ts +1 -0
  93. package/dist/design-system/TypeaheadCombobox/index.d.ts.map +1 -1
  94. package/dist/design-system/Wizard/Wizard.d.ts +74 -0
  95. package/dist/design-system/Wizard/Wizard.d.ts.map +1 -0
  96. package/dist/design-system/Wizard/WizardFooter.d.ts +15 -0
  97. package/dist/design-system/Wizard/WizardFooter.d.ts.map +1 -0
  98. package/dist/design-system/Wizard/WizardModal.d.ts +7 -0
  99. package/dist/design-system/Wizard/WizardModal.d.ts.map +1 -0
  100. package/dist/design-system/Wizard/WizardStep.d.ts +71 -0
  101. package/dist/design-system/Wizard/WizardStep.d.ts.map +1 -0
  102. package/dist/design-system/Wizard/WizardStepsContent.d.ts +10 -0
  103. package/dist/design-system/Wizard/WizardStepsContent.d.ts.map +1 -0
  104. package/dist/design-system/Wizard/index.d.ts +5 -0
  105. package/dist/design-system/Wizard/index.d.ts.map +1 -0
  106. package/dist/design-system/Wizard/useWizardCurrentStep.d.ts +20 -0
  107. package/dist/design-system/Wizard/useWizardCurrentStep.d.ts.map +1 -0
  108. package/dist/design-system/_shared_/Combobox/styles.d.ts +12 -0
  109. package/dist/design-system/_shared_/Combobox/styles.d.ts.map +1 -1
  110. package/dist/design-system/constants.d.ts +2 -2
  111. package/dist/design-system/constants.d.ts.map +1 -1
  112. package/dist/design-system/index.d.ts +3 -0
  113. package/dist/design-system/index.d.ts.map +1 -1
  114. package/dist/design-system/utils/safex.d.ts +3 -2
  115. package/dist/design-system/utils/safex.d.ts.map +1 -1
  116. package/dist/design-system/utils/useNotifyOnFirstView.d.ts +15 -0
  117. package/dist/design-system/utils/useNotifyOnFirstView.d.ts.map +1 -0
  118. package/dist/development/Banner/Banner.d.ts +16 -6
  119. package/dist/development/Banner/Banner.d.ts.map +1 -1
  120. package/dist/development/ChatUI/ChatInput.d.ts.map +1 -1
  121. package/dist/development/ChatUI/Feedback.d.ts.map +1 -1
  122. package/dist/development/Stepper/Stepper.d.ts +62 -0
  123. package/dist/development/Stepper/Stepper.d.ts.map +1 -0
  124. package/dist/development/Stepper/index.d.ts +2 -0
  125. package/dist/development/Stepper/index.d.ts.map +1 -0
  126. package/dist/development/Toolbar/Toolbar.d.ts +15 -0
  127. package/dist/development/Toolbar/Toolbar.d.ts.map +1 -0
  128. package/dist/development/Toolbar/index.d.ts +2 -0
  129. package/dist/development/Toolbar/index.d.ts.map +1 -0
  130. package/dist/development/index.d.ts +3 -2
  131. package/dist/development/index.d.ts.map +1 -1
  132. package/dist/development.js +340 -327
  133. package/dist/development.js.map +1 -1
  134. package/dist/dubois-colors.less +203 -142
  135. package/dist/flags.d.ts +1 -2
  136. package/dist/flags.d.ts.map +1 -1
  137. package/dist/index-dark.css +289 -289
  138. package/dist/index.css +196 -196
  139. package/dist/index.js +2588 -937
  140. package/dist/index.js.map +1 -1
  141. package/dist/rollup/less.d.ts.map +1 -1
  142. package/dist/test-utils/enzyme/selectEvent.d.ts +5 -0
  143. package/dist/test-utils/enzyme/selectEvent.d.ts.map +1 -1
  144. package/dist/test-utils/enzyme/table.d.ts.map +1 -1
  145. package/dist/test-utils/enzyme/utils.d.ts +6 -0
  146. package/dist/test-utils/enzyme/utils.d.ts.map +1 -1
  147. package/dist/test-utils/enzyme.js +34 -15
  148. package/dist/test-utils/enzyme.js.map +1 -1
  149. package/dist/test-utils/rtl/selectEvent.d.ts +5 -0
  150. package/dist/test-utils/rtl/selectEvent.d.ts.map +1 -1
  151. package/dist/test-utils/rtl.js +16 -1
  152. package/dist/test-utils/rtl.js.map +1 -1
  153. package/dist/theme/_generated/PrimitiveColors.d.ts +3 -0
  154. package/dist/theme/_generated/PrimitiveColors.d.ts.map +1 -0
  155. package/dist/theme/_generated/SemanticColors-Dark.d.ts +3 -0
  156. package/dist/theme/_generated/SemanticColors-Dark.d.ts.map +1 -0
  157. package/dist/theme/_generated/SemanticColors-Light.d.ts +3 -0
  158. package/dist/theme/_generated/SemanticColors-Light.d.ts.map +1 -0
  159. package/dist/theme/_generated/ValidPrimitiveColors.d.ts +56 -0
  160. package/dist/theme/_generated/ValidPrimitiveColors.d.ts.map +1 -0
  161. package/dist/theme/_generated/ValidSemanticColors.d.ts +98 -0
  162. package/dist/theme/_generated/ValidSemanticColors.d.ts.map +1 -0
  163. package/dist/theme/colors.d.ts +62 -141
  164. package/dist/theme/colors.d.ts.map +1 -1
  165. package/dist/theme/spacing.d.ts +1 -0
  166. package/dist/theme/spacing.d.ts.map +1 -1
  167. package/package.json +13 -15
  168. package/dist/DropdownMenu-06a1051f.js.map +0 -1
  169. package/dist/development/ContextMenu/ContextMenu.d.ts.map +0 -1
  170. package/dist/development/ContextMenu/index.d.ts +0 -2
  171. package/dist/development/ContextMenu/index.d.ts.map +0 -1
  172. package/dist/theme/colorList.d.ts +0 -130
  173. package/dist/theme/colorList.d.ts.map +0 -1
  174. /package/dist/{development → design-system}/ContextMenu/ContextMenu.d.ts +0 -0
@@ -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: #F6F7F9;
22
+ @dubois-grey100: #E8ECF0;
23
+ @dubois-grey200: #D1D9E1;
24
+ @dubois-grey300: #C0CDD8;
25
+ @dubois-grey350: #92A4B3;
26
+ @dubois-grey400: #8396A5;
27
+ @dubois-grey500: #5F7281;
28
+ @dubois-grey600: #445461;
29
+ @dubois-grey650: #37444F;
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,211 @@
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: #C0CDD8;
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: #445461;
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;
79
- @dubois-light-actionDisabledText: #BDCDDB;
82
+ @dubois-light-actionDisabledBackground: #E8ECF0;
83
+ @dubois-light-actionDisabledBorder: #D1D9E1;
84
+ @dubois-light-actionDisabledText: #92A4B3;
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: #445461;
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;
98
- @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;
110
+ @dubois-light-backgroundDanger: #FFF5F7;
111
+ @dubois-light-backgroundPrimary: #FFFFFF;
112
+ @dubois-light-backgroundSecondary: #F6F7F9;
113
+ @dubois-light-backgroundSuccess: #F3FCF6;
114
+ @dubois-light-backgroundWarning: #FFF9EB;
115
+ @dubois-light-border: #D1D9E1;
116
+ @dubois-light-borderAccessible: #5F7281;
117
+ @dubois-light-borderDanger: #FBD0D8;
118
+ @dubois-light-borderWarning: #F8D4A5;
119
+ @dubois-light-codeBackground: rgba(68, 83, 95, 0.0800);
120
+ @dubois-light-overlayOverlay: rgba(64, 63, 63, 0.7200);
121
+ @dubois-light-skeleton: rgba(144, 164, 181, 0.1600);
122
+ @dubois-light-tableBackgroundSelectedDefault: rgba(68, 83, 95, 0.0800);
123
+ @dubois-light-tableBackgroundSelectedHover: rgba(68, 83, 95, 0.1200);
124
+ @dubois-light-tableBackgroundUnselectedDefault: #FFFFFF;
125
+ @dubois-light-tableBackgroundUnselectedHover: rgba(68, 83, 95, 0.0400);
111
126
  @dubois-light-tagBrown: #A6630C;
127
+ @dubois-light-tagCharcoal: #445461;
112
128
  @dubois-light-tagCoral: #C83243;
113
- @dubois-light-tagCharcoal: #5D7283;
129
+ @dubois-light-tagDefault: #E8ECF0;
130
+ @dubois-light-tagHover: rgba(34, 114, 180, 0.0800);
131
+ @dubois-light-tagIconDefault: #445461;
132
+ @dubois-light-tagIconHover: #445461;
133
+ @dubois-light-tagIconPress: #445461;
114
134
  @dubois-light-tagIndigo: #434A93;
135
+ @dubois-light-tagInverse: #11171C;
115
136
  @dubois-light-tagLemon: #FACB66;
116
137
  @dubois-light-tagLime: #308613;
117
138
  @dubois-light-tagPink: #B45091;
139
+ @dubois-light-tagPress: rgba(34, 114, 180, 0.1600);
118
140
  @dubois-light-tagPurple: #8A63BF;
119
141
  @dubois-light-tagTeal: #04867D;
120
- @dubois-light-tagTurquoise: #157CBC;
121
142
  @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);
143
+ @dubois-light-tagTurquoise: #137DAE;
144
+ @dubois-light-textPlaceholder: #8396A5;
145
+ @dubois-light-textPrimary: #11171C;
146
+ @dubois-light-textSecondary: #445461;
147
+ @dubois-light-textValidationDanger: #C82D4C;
148
+ @dubois-light-textValidationSuccess: #277C43;
149
+ @dubois-light-textValidationWarning: #BE501E;
150
+ @dubois-light-tooltipBackgroundTooltip: #11171C;
151
+ @dubois-light-backgroundValidationDanger: #FFF5F7;
152
+ @dubois-light-backgroundValidationSuccess: #F3FCF6;
153
+ @dubois-light-backgroundValidationWarning: #FFF9EB;
154
+ @dubois-light-borderDecorative: #D1D9E1;
155
+ @dubois-light-borderValidationDanger: #FBD0D8;
156
+ @dubois-light-borderValidationWarning: #F8D4A5;
157
+ @dubois-light-tableRowHover: rgba(68, 83, 95, 0.0400);
158
+ @dubois-light-textValidationInfo: #445461;
159
+ @dubois-light-typographyCodeBg: rgba(68, 83, 95, 0.0800);
160
+ @dubois-dark-actionDangerDefaultBackgroundDefault: rgba(247, 146, 166, 0.0000);
161
+ @dubois-dark-actionDangerDefaultBackgroundHover: rgba(247, 146, 166, 0.0800);
162
+ @dubois-dark-actionDangerDefaultBackgroundPress: rgba(247, 146, 166, 0.1600);
163
+ @dubois-dark-actionDangerDefaultBorderDefault: #E65B77;
164
+ @dubois-dark-actionDangerDefaultBorderHover: #F792A6;
165
+ @dubois-dark-actionDangerDefaultBorderPress: #FBD0D8;
166
+ @dubois-dark-actionDangerDefaultTextDefault: #E65B77;
167
+ @dubois-dark-actionDangerDefaultTextHover: #F792A6;
168
+ @dubois-dark-actionDangerDefaultTextPress: #FBD0D8;
169
+ @dubois-dark-actionDangerPrimaryBackgroundDefault: #E65B77;
170
+ @dubois-dark-actionDangerPrimaryBackgroundHover: #F792A6;
171
+ @dubois-dark-actionDangerPrimaryBackgroundPress: #FBD0D8;
172
+ @dubois-dark-actionDangerPrimaryText: #11171C;
173
+ @dubois-dark-actionDefaultBackgroundDefault: rgba(138, 202, 255, 0.0000);
174
+ @dubois-dark-actionDefaultBackgroundHover: rgba(138, 202, 255, 0.0800);
175
+ @dubois-dark-actionDefaultBackgroundPress: rgba(138, 202, 255, 0.1600);
176
+ @dubois-dark-actionDefaultBorderDefault: #37444F;
177
+ @dubois-dark-actionDefaultBorderFocus: #8ACAFF;
178
+ @dubois-dark-actionDefaultBorderHover: #8ACAFF;
179
+ @dubois-dark-actionDefaultBorderPress: #BAE1FC;
180
+ @dubois-dark-actionDefaultIconDefault: #92A4B3;
181
+ @dubois-dark-actionDefaultIconHover: #8ACAFF;
182
+ @dubois-dark-actionDefaultIconPress: #BAE1FC;
183
+ @dubois-dark-actionDefaultTextDefault: #E8ECF0;
184
+ @dubois-dark-actionDefaultTextHover: #8ACAFF;
185
+ @dubois-dark-actionDefaultTextPress: #BAE1FC;
186
+ @dubois-dark-actionDisabledBackground: #37444F;
187
+ @dubois-dark-actionDisabledBorder: #445461;
188
+ @dubois-dark-actionDisabledText: #5F7281;
189
+ @dubois-dark-actionIconBackgroundDefault: rgba(255, 255, 255, 0.0000);
190
+ @dubois-dark-actionIconBackgroundHover: rgba(255, 255, 255, 0.0800);
191
+ @dubois-dark-actionIconBackgroundPress: rgba(255, 255, 255, 0.1600);
192
+ @dubois-dark-actionIconIconDefault: #92A4B3;
193
+ @dubois-dark-actionIconIconHover: #C0CDD8;
194
+ @dubois-dark-actionIconIconPress: #D1D9E1;
195
+ @dubois-dark-actionLinkDefault: #4299E0;
196
+ @dubois-dark-actionLinkHover: #8ACAFF;
197
+ @dubois-dark-actionLinkPress: #BAE1FC;
198
+ @dubois-dark-actionPrimaryBackgroundDefault: #4299E0;
199
+ @dubois-dark-actionPrimaryBackgroundHover: #8ACAFF;
200
+ @dubois-dark-actionPrimaryBackgroundPress: #BAE1FC;
201
+ @dubois-dark-actionPrimaryIcon: #11171C;
202
+ @dubois-dark-actionPrimaryTextDefault: #11171C;
203
+ @dubois-dark-actionPrimaryTextHover: #11171C;
204
+ @dubois-dark-actionPrimaryTextPress: #11171C;
205
+ @dubois-dark-actionTertiaryBackgroundDefault: rgba(143, 205, 255, 0.0000);
206
+ @dubois-dark-actionTertiaryBackgroundHover: rgba(143, 205, 255, 0.0800);
207
+ @dubois-dark-actionTertiaryBackgroundPress: rgba(143, 205, 255, 0.1600);
208
+ @dubois-dark-actionTertiaryIconDefault: #4299E0;
209
+ @dubois-dark-actionTertiaryIconHover: #8ACAFF;
210
+ @dubois-dark-actionTertiaryIconPress: #BAE1FC;
211
+ @dubois-dark-actionTertiaryTextDefault: #4299E0;
212
+ @dubois-dark-actionTertiaryTextHover: #8ACAFF;
213
+ @dubois-dark-actionTertiaryTextPress: #BAE1FC;
214
+ @dubois-dark-backgroundDanger: rgba(200, 45, 76, 0.1600);
215
+ @dubois-dark-backgroundPrimary: #11171C;
216
+ @dubois-dark-backgroundSecondary: #1F272D;
217
+ @dubois-dark-backgroundSuccess: rgba(39, 124, 67, 0.1600);
218
+ @dubois-dark-backgroundWarning: rgba(190, 80, 30, 0.1600);
219
+ @dubois-dark-border: #37444F;
220
+ @dubois-dark-borderAccessible: #C0CDD8;
221
+ @dubois-dark-borderDanger: #E65B77;
222
+ @dubois-dark-borderWarning: #DE7921;
223
+ @dubois-dark-codeBackground: #37444F;
224
+ @dubois-dark-overlayOverlay: rgba(31, 38, 45, 0.7200);
225
+ @dubois-dark-skeleton: rgba(144, 164, 181, 0.1600);
226
+ @dubois-dark-tableBackgroundSelectedDefault: rgba(189, 205, 219, 0.0800);
227
+ @dubois-dark-tableBackgroundSelectedHover: rgba(189, 205, 219, 0.1200);
228
+ @dubois-dark-tableBackgroundUnselectedDefault: #11171C;
229
+ @dubois-dark-tableBackgroundUnselectedHover: rgba(189, 205, 219, 0.0400);
230
+ @dubois-dark-tagBrown: rgba(166, 99, 12, 0.8600);
231
+ @dubois-dark-tagCharcoal: rgba(68, 83, 95, 0.8600);
232
+ @dubois-dark-tagCoral: rgba(200, 50, 67, 0.8600);
233
+ @dubois-dark-tagDefault: #37444F;
234
+ @dubois-dark-tagHover: rgba(138, 202, 255, 0.0800);
235
+ @dubois-dark-tagIconDefault: #92A4B3;
236
+ @dubois-dark-tagIconHover: #92A4B3;
237
+ @dubois-dark-tagIconPress: #92A4B3;
238
+ @dubois-dark-tagIndigo: rgba(67, 74, 147, 0.8600);
239
+ @dubois-dark-tagInverse: #E8ECF0;
240
+ @dubois-dark-tagLemon: rgba(250, 203, 102, 0.8600);
241
+ @dubois-dark-tagLime: rgba(48, 134, 19, 0.8600);
242
+ @dubois-dark-tagPink: rgba(180, 80, 145, 0.8600);
243
+ @dubois-dark-tagPress: rgba(138, 202, 255, 0.1600);
244
+ @dubois-dark-tagPurple: rgba(138, 99, 191, 0.8600);
245
+ @dubois-dark-tagTeal: rgba(4, 134, 125, 0.8600);
246
+ @dubois-dark-tagText: #E8ECF0;
247
+ @dubois-dark-tagTurquoise: rgba(19, 125, 174, 0.8600);
248
+ @dubois-dark-textPlaceholder: #8396A5;
249
+ @dubois-dark-textPrimary: #E8ECF0;
250
+ @dubois-dark-textSecondary: #92A4B3;
251
+ @dubois-dark-textValidationDanger: #E65B77;
252
+ @dubois-dark-textValidationSuccess: #3CAA60;
253
+ @dubois-dark-textValidationWarning: #DE7921;
254
+ @dubois-dark-tooltipBackgroundTooltip: #C0CDD8;
255
+ @dubois-dark-backgroundValidationDanger: rgba(200, 45, 76, 0.1600);
256
+ @dubois-dark-backgroundValidationSuccess: rgba(39, 124, 67, 0.1600);
257
+ @dubois-dark-backgroundValidationWarning: rgba(190, 80, 30, 0.1600);
258
+ @dubois-dark-borderDecorative: #37444F;
259
+ @dubois-dark-borderValidationDanger: #E65B77;
260
+ @dubois-dark-borderValidationWarning: #DE7921;
261
+ @dubois-dark-tableRowHover: rgba(189, 205, 219, 0.0400);
262
+ @dubois-dark-textValidationInfo: #92A4B3;
263
+ @dubois-dark-typographyCodeBg: #37444F;
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"}