@servicetitan/design-system 11.5.0 → 11.6.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 (228) hide show
  1. package/dist/components/ActionMenu/ActionMenu.css +2 -1
  2. package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
  3. package/dist/components/ActionMenu/ActionMenuItem.js +1 -1
  4. package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
  5. package/dist/components/ActionMenu/index.css +2 -1
  6. package/dist/components/ActionMenu/index.css.map +1 -1
  7. package/dist/components/Announcement/Announcement.css.map +1 -1
  8. package/dist/components/Announcement/index.css.map +1 -1
  9. package/dist/components/AnvilSelect/AnvilSelect.css +6 -9
  10. package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
  11. package/dist/components/AnvilSelect/AnvilSelect.d.ts +1 -0
  12. package/dist/components/AnvilSelect/AnvilSelect.js +6 -3
  13. package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
  14. package/dist/components/AnvilSelect/components/DrillIn.css.map +1 -1
  15. package/dist/components/AnvilSelect/components/DrillIn.js +2 -2
  16. package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
  17. package/dist/components/AnvilSelect/components/Trigger.css +13 -16
  18. package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
  19. package/dist/components/AnvilSelect/index.css +13 -16
  20. package/dist/components/AnvilSelect/index.css.map +1 -1
  21. package/dist/components/Avatar/Avatar.css.map +1 -1
  22. package/dist/components/Avatar/index.css.map +1 -1
  23. package/dist/components/BackLink/BackLink.css.map +1 -1
  24. package/dist/components/BackLink/index.css.map +1 -1
  25. package/dist/components/Banner/Banner.css.map +1 -1
  26. package/dist/components/Banner/index.css.map +1 -1
  27. package/dist/components/BodyText/BodyText.css.map +1 -1
  28. package/dist/components/BodyText/index.css.map +1 -1
  29. package/dist/components/Breadcrumb/Breadcrumb.css.map +1 -1
  30. package/dist/components/Breadcrumb/index.css.map +1 -1
  31. package/dist/components/Button/Button.css.map +1 -1
  32. package/dist/components/Button/index.css.map +1 -1
  33. package/dist/components/ButtonGroup/ButtonGroup.css +1 -1
  34. package/dist/components/ButtonGroup/ButtonGroup.css.map +1 -1
  35. package/dist/components/ButtonGroup/index.css +1 -1
  36. package/dist/components/ButtonGroup/index.css.map +1 -1
  37. package/dist/components/Card/Card.css.map +1 -1
  38. package/dist/components/Card/CardSection.css.map +1 -1
  39. package/dist/components/Card/index.css.map +1 -1
  40. package/dist/components/Checkbox/Checkbox.css +6 -9
  41. package/dist/components/Checkbox/Checkbox.css.map +1 -1
  42. package/dist/components/Checkbox/index.css +6 -9
  43. package/dist/components/Checkbox/index.css.map +1 -1
  44. package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
  45. package/dist/components/ColorPicker/index.css.map +1 -1
  46. package/dist/components/Container/Container.css.map +1 -1
  47. package/dist/components/Container/index.css.map +1 -1
  48. package/dist/components/DataList/DataList.css.map +1 -1
  49. package/dist/components/DataList/index.css.map +1 -1
  50. package/dist/components/DatePicker/DatePicker.css +6 -9
  51. package/dist/components/DatePicker/DatePicker.css.map +1 -1
  52. package/dist/components/DatePicker/index.css +6 -9
  53. package/dist/components/DatePicker/index.css.map +1 -1
  54. package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
  55. package/dist/components/DateRangePicker/index.css.map +1 -1
  56. package/dist/components/Dialog/Dialog.css.map +1 -1
  57. package/dist/components/Dialog/index.css.map +1 -1
  58. package/dist/components/Divider/Divider.css.map +1 -1
  59. package/dist/components/Divider/index.css.map +1 -1
  60. package/dist/components/Drawer/Drawer.css.map +1 -1
  61. package/dist/components/Drawer/index.css.map +1 -1
  62. package/dist/components/Dropdown/DropdownIcon.js +1 -4
  63. package/dist/components/Dropdown/DropdownIcon.js.map +1 -1
  64. package/dist/components/Eyebrow/Eyebrow.css.map +1 -1
  65. package/dist/components/Eyebrow/index.css.map +1 -1
  66. package/dist/components/FilePicker/FilePicker.css.map +1 -1
  67. package/dist/components/FilePicker/index.css.map +1 -1
  68. package/dist/components/FilterButton/FilterButton.css +1 -0
  69. package/dist/components/FilterButton/FilterButton.css.map +1 -1
  70. package/dist/components/FilterButton/index.css +1 -0
  71. package/dist/components/FilterButton/index.css.map +1 -1
  72. package/dist/components/FlowCard/FlowCardStep.css.map +1 -1
  73. package/dist/components/FlowCard/index.css.map +1 -1
  74. package/dist/components/Form/Form.css +6 -9
  75. package/dist/components/Form/Form.css.map +1 -1
  76. package/dist/components/Form/index.css +6 -9
  77. package/dist/components/Form/index.css.map +1 -1
  78. package/dist/components/FormField/FormField.css +19 -88
  79. package/dist/components/FormField/FormField.css.map +1 -1
  80. package/dist/components/FormField/index.css +19 -88
  81. package/dist/components/FormField/index.css.map +1 -1
  82. package/dist/components/FormGroup/FormGroup.css.map +1 -1
  83. package/dist/components/FormGroup/index.css.map +1 -1
  84. package/dist/components/Frame/Frame.css.map +1 -1
  85. package/dist/components/Frame/index.css.map +1 -1
  86. package/dist/components/Grid/GridBreakpoints.css +0 -680
  87. package/dist/components/Grid/GridBreakpoints.css.map +1 -1
  88. package/dist/components/Grid/GridColumn.css +0 -152
  89. package/dist/components/Grid/GridColumn.css.map +1 -1
  90. package/dist/components/Grid/index.css +0 -832
  91. package/dist/components/Grid/index.css.map +1 -1
  92. package/dist/components/Headline/Headline.css.map +1 -1
  93. package/dist/components/Headline/index.css.map +1 -1
  94. package/dist/components/Icon/Icon.css.map +1 -1
  95. package/dist/components/Icon/Icon.js +2 -2
  96. package/dist/components/Icon/Icon.js.map +1 -1
  97. package/dist/components/Icon/index.css.map +1 -1
  98. package/dist/components/InlineEdit/InlineEdit.css +6 -5
  99. package/dist/components/InlineEdit/InlineEdit.css.map +1 -1
  100. package/dist/components/InlineEdit/InlineEdit.d.ts +4 -1
  101. package/dist/components/InlineEdit/InlineEdit.js +43 -25
  102. package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
  103. package/dist/components/InlineEdit/index.css +6 -5
  104. package/dist/components/InlineEdit/index.css.map +1 -1
  105. package/dist/components/Input/Input.css +53 -120
  106. package/dist/components/Input/Input.css.map +1 -1
  107. package/dist/components/Input/Input.js +1 -1
  108. package/dist/components/Input/Input.js.map +1 -1
  109. package/dist/components/Input/Input.test.d.ts +1 -0
  110. package/dist/components/Input/Input.test.js +53 -0
  111. package/dist/components/Input/Input.test.js.map +1 -0
  112. package/dist/components/Input/index.css +53 -120
  113. package/dist/components/Input/index.css.map +1 -1
  114. package/dist/components/Label/Label.css.map +1 -1
  115. package/dist/components/Label/index.css.map +1 -1
  116. package/dist/components/Mask/Mask.css.map +1 -1
  117. package/dist/components/Mask/index.css.map +1 -1
  118. package/dist/components/MoreDetails/MoreDetails.css.map +1 -1
  119. package/dist/components/MoreDetails/index.css.map +1 -1
  120. package/dist/components/OptionList/OptionList.css.map +1 -1
  121. package/dist/components/OptionList/index.css.map +1 -1
  122. package/dist/components/Page/Page.css.map +1 -1
  123. package/dist/components/Page/index.css.map +1 -1
  124. package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
  125. package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
  126. package/dist/components/ProgressTracker/index.css.map +1 -1
  127. package/dist/components/Radio/Radio.css +6 -9
  128. package/dist/components/Radio/Radio.css.map +1 -1
  129. package/dist/components/Radio/index.css +6 -9
  130. package/dist/components/Radio/index.css.map +1 -1
  131. package/dist/components/Select/Select.css.map +1 -1
  132. package/dist/components/Select/index.css.map +1 -1
  133. package/dist/components/SideNav/SideNav.css.map +1 -1
  134. package/dist/components/SideNav/SideNavGroup.css.map +1 -1
  135. package/dist/components/SideNav/SideNavItem.css.map +1 -1
  136. package/dist/components/SideNav/index.css.map +1 -1
  137. package/dist/components/Sidebar/SidebarSection.css.map +1 -1
  138. package/dist/components/Sidebar/index.css.map +1 -1
  139. package/dist/components/Snackbar/Snackbar.css.map +1 -1
  140. package/dist/components/Snackbar/index.css.map +1 -1
  141. package/dist/components/Stack/Stack.css.map +1 -1
  142. package/dist/components/Stack/index.css.map +1 -1
  143. package/dist/components/StatusLight/StatusLight.css.map +1 -1
  144. package/dist/components/StatusLight/index.css.map +1 -1
  145. package/dist/components/Tab/Tab.css.map +1 -1
  146. package/dist/components/Tab/index.css.map +1 -1
  147. package/dist/components/TabGroup/TabGroup.css.map +1 -1
  148. package/dist/components/TabGroup/index.css.map +1 -1
  149. package/dist/components/Table/Table.css +29 -9
  150. package/dist/components/Table/Table.css.map +1 -1
  151. package/dist/components/Table/index.css +29 -9
  152. package/dist/components/Table/index.css.map +1 -1
  153. package/dist/components/Tag/Tag.css +4 -2
  154. package/dist/components/Tag/Tag.css.map +1 -1
  155. package/dist/components/Tag/index.css +4 -2
  156. package/dist/components/Tag/index.css.map +1 -1
  157. package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
  158. package/dist/components/Takeover/TakeoverHeader.css.map +1 -1
  159. package/dist/components/Takeover/TakeoverSection.css.map +1 -1
  160. package/dist/components/Takeover/index.css.map +1 -1
  161. package/dist/components/Text/Text.css.map +1 -1
  162. package/dist/components/Text/index.css.map +1 -1
  163. package/dist/components/TextArea/TextArea.css +33 -91
  164. package/dist/components/TextArea/TextArea.css.map +1 -1
  165. package/dist/components/TextArea/index.css +33 -91
  166. package/dist/components/TextArea/index.css.map +1 -1
  167. package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
  168. package/dist/components/Thumbnail/index.css.map +1 -1
  169. package/dist/components/TimePicker/TimePicker.css +1 -5
  170. package/dist/components/TimePicker/TimePicker.css.map +1 -1
  171. package/dist/components/TimePicker/TimePicker.d.ts +25 -21
  172. package/dist/components/TimePicker/TimePicker.js +94 -83
  173. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  174. package/dist/components/TimePicker/index.css +1 -5
  175. package/dist/components/TimePicker/index.css.map +1 -1
  176. package/dist/components/TimePicker/utils/filterOptions.js +3 -3
  177. package/dist/components/TimePicker/utils/filterOptions.js.map +1 -1
  178. package/dist/components/TimePicker/utils/generateOptions.d.ts +2 -2
  179. package/dist/components/TimePicker/utils/generateOptions.js +7 -8
  180. package/dist/components/TimePicker/utils/generateOptions.js.map +1 -1
  181. package/dist/components/TimePicker/utils/getClosestOption.d.ts +1 -1
  182. package/dist/components/TimePicker/utils/getClosestOption.js +4 -4
  183. package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -1
  184. package/dist/components/TimePicker/utils/highlightClosestOption.js +1 -1
  185. package/dist/components/TimePicker/utils/highlightClosestOption.js.map +1 -1
  186. package/dist/components/TimePicker/utils/timePickerUtils.test.js +21 -8
  187. package/dist/components/TimePicker/utils/timePickerUtils.test.js.map +1 -1
  188. package/dist/components/TimePicker/utils/toTimeFormat.d.ts +1 -1
  189. package/dist/components/TimePicker/utils/toTimeFormat.js +23 -3
  190. package/dist/components/TimePicker/utils/toTimeFormat.js.map +1 -1
  191. package/dist/components/Toast/Toast.css.map +1 -1
  192. package/dist/components/Toast/ToastGroup.css.map +1 -1
  193. package/dist/components/Toast/index.css.map +1 -1
  194. package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
  195. package/dist/components/ToggleSwitch/index.css.map +1 -1
  196. package/dist/components/Togglebox/Togglebox.css.map +1 -1
  197. package/dist/components/Togglebox/index.css.map +1 -1
  198. package/dist/components/Tooltip/Tooltip.css.map +1 -1
  199. package/dist/components/Tooltip/index.css.map +1 -1
  200. package/dist/components/index.css +158 -974
  201. package/dist/components/index.css.map +1 -1
  202. package/dist/global/index.css +1 -1
  203. package/dist/global/version.css +1 -1
  204. package/dist/internal/Overlay/Overlay.css.map +1 -1
  205. package/dist/internal/Overlay/index.css.map +1 -1
  206. package/dist/internal/Popper/Popper.css.map +1 -1
  207. package/dist/internal/Popper/Popper.js +4 -1
  208. package/dist/internal/Popper/Popper.js.map +1 -1
  209. package/dist/internal/Popper/index.css.map +1 -1
  210. package/dist/internal/Portal/Portal.js +2 -3
  211. package/dist/internal/Portal/Portal.js.map +1 -1
  212. package/dist/internal/index.css.map +1 -1
  213. package/dist/system-light.css +11 -1
  214. package/dist/system-light.css.map +1 -1
  215. package/dist/system-light.min.css +1 -1
  216. package/dist/system.css +226 -1001
  217. package/dist/system.css.map +1 -1
  218. package/dist/system.min.css +2 -2
  219. package/dist/themes/index.css +25 -28
  220. package/dist/themes/index.css.map +1 -1
  221. package/dist/themes/kendo/index.css +25 -28
  222. package/dist/themes/kendo/index.css.map +1 -1
  223. package/dist/utilities/ThemeProvider.d.ts +0 -2
  224. package/dist/utilities/ThemeProvider.js +17 -26
  225. package/dist/utilities/ThemeProvider.js.map +1 -1
  226. package/dist/utilities/usePrefersColorScheme.js +13 -6
  227. package/dist/utilities/usePrefersColorScheme.js.map +1 -1
  228. package/package.json +9 -10
@@ -1,4 +1,3 @@
1
- /* Variables */
2
1
  /* Form Sizes */
3
2
  .Form--mini {
4
3
  font-size: 0.8125rem;
@@ -38,25 +37,23 @@
38
37
  width: 100%;
39
38
  }
40
39
 
41
- /* Global variables for Input, TextArea, Select */
42
- /* FormField error */
43
40
  /* Backward compatibility with Semantic.React Fields */
44
41
  .Fields.Fields--error .Field .Input > input,
45
42
  .Fields.Fields--error .Field .TextArea,
46
43
  .Field.Field--error .Input > input,
47
44
  .Field.Field--error .TextArea {
48
- background-color: #ffece9;
49
- border-color: #e63717;
50
- color: #e63717;
45
+ background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
46
+ border-color: var(--colorsBorderCritical, #e63717);
47
+ color: var(--colorsTextCritical, #e63717);
51
48
  box-shadow: none;
52
49
  }
53
50
  .Fields.Fields--error .Field .Input > input:focus,
54
51
  .Fields.Fields--error .Field .TextArea:focus,
55
52
  .Field.Field--error .Input > input:focus,
56
53
  .Field.Field--error .TextArea:focus {
57
- background-color: #ffece9;
58
- border-color: #e63717;
59
- color: #e63717;
54
+ background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
55
+ border-color: var(--colorsBorderCritical, #e63717);
56
+ color: var(--colorsTextCritical, #e63717);
60
57
  box-shadow: none;
61
58
  -webkit-appearance: none;
62
59
  }
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCgBc;EDfd,cCmBc;EDlBd,OCkBc;EDjBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCQc;EDPd,cCWc;EDVd,OCUc;EDTd;EACA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Form/Form.scss"],"names":[],"mappings":"AAGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA","file":"index.css"}
@@ -1,68 +1,4 @@
1
1
  /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
2
- /* Variables */
3
- /* Form Sizes */
4
- .Form--mini {
5
- font-size: 0.8125rem;
6
- }
7
-
8
- .Form--tiny {
9
- font-size: 0.875rem;
10
- }
11
-
12
- .Form--small {
13
- font-size: 0.9375rem;
14
- }
15
-
16
- .Form--medium {
17
- font-size: 1rem;
18
- }
19
-
20
- .Form--large {
21
- font-size: 1.125rem;
22
- }
23
-
24
- .Form--big {
25
- font-size: 1.3125rem;
26
- }
27
-
28
- .Form--huge {
29
- font-size: 1.4375rem;
30
- }
31
-
32
- .Form--massive {
33
- font-size: 1.6875rem;
34
- }
35
-
36
- /* Stretching of Input when placed in a Field */
37
- .Form .FormField .Input,
38
- .Form .FormGroup .FormField .Input {
39
- width: 100%;
40
- }
41
-
42
- /* Global variables for Input, TextArea, Select */
43
- /* FormField error */
44
- /* Backward compatibility with Semantic.React Fields */
45
- .Fields.Fields--error .Field .Input > input,
46
- .Fields.Fields--error .Field .TextArea,
47
- .Field.Field--error .Input > input,
48
- .Field.Field--error .TextArea {
49
- background-color: #ffece9;
50
- border-color: #e63717;
51
- color: #e63717;
52
- box-shadow: none;
53
- }
54
- .Fields.Fields--error .Field .Input > input:focus,
55
- .Fields.Fields--error .Field .TextArea:focus,
56
- .Field.Field--error .Input > input:focus,
57
- .Field.Field--error .TextArea:focus {
58
- background-color: #ffece9;
59
- border-color: #e63717;
60
- color: #e63717;
61
- box-shadow: none;
62
- -webkit-appearance: none;
63
- }
64
-
65
- /*** FormField styles ***/
66
2
  .FormField {
67
3
  box-sizing: border-box;
68
4
  clear: both;
@@ -121,7 +57,7 @@
121
57
  }
122
58
 
123
59
  .FormField__errorText {
124
- color: #e63717;
60
+ color: var(--colorsTextCritical, #e63717);
125
61
  font-size: 14px;
126
62
  line-height: 1.25;
127
63
  margin-top: 8px;
@@ -131,7 +67,7 @@
131
67
  }
132
68
 
133
69
  .FormField__description {
134
- color: #737475;
70
+ color: var(--colorsTextSubdued, #737475);
135
71
  font-size: 14px;
136
72
  line-height: 1.25;
137
73
  margin-top: 8px;
@@ -158,33 +94,28 @@
158
94
  opacity: 0.6;
159
95
  }
160
96
 
161
- /* Errors
162
- On Field(s)
163
- */
164
- .FormField--error {
165
- /* Selected */
166
- /* Active */
97
+ /* Errors on Semantic Dropdown */
98
+ .FormField--error .semantic-anvil-theme .ui.dropdown {
99
+ color: var(--colorsTextCritical, #e63717);
100
+ background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
101
+ border-color: var(--colorsBorderCritical, #e63717);
167
102
  }
168
- .FormField--error .ui.dropdown,
169
- .FormField--error .ui.dropdown .item {
170
- background-color: #ffece9;
171
- color: #e63717;
103
+ .FormField--error .semantic-anvil-theme .ui.dropdown .menu {
104
+ border-color: var(--colorsBorderCritical, #e63717) !important;
105
+ background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
172
106
  }
173
- .FormField--error .ui.dropdown,
174
- .FormField--error .semantic-anvil-theme .ui.selection.dropdown .menu,
175
- .FormField--error .semantic-anvil-theme .ui.selection.dropdown .menu:hover {
176
- border-color: #e63717;
107
+ .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item {
108
+ color: var(--colorsTextCritical, #e63717);
177
109
  }
178
- .FormField--error .ui.multiple.selection.dropdown > .label {
179
- background-color: #ffece9;
110
+ .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected {
111
+ background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.03));
180
112
  }
181
- .FormField--error .ui.dropdown .menu .selected.item,
182
- .FormField--error .ui.dropdown .menu .item:hover {
183
- background-color: #ffd6d0;
184
- color: #cf3115;
113
+ .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item:hover, .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected:hover {
114
+ background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.08));
115
+ color: var(--colorsTextCritical, #e63717);
185
116
  }
186
- .FormField--error .ui.dropdown .menu .active.item {
187
- background-color: #ffd6d0 !important;
117
+ .FormField--error .semantic-anvil-theme .ui.dropdown:focus, .FormField--error .semantic-anvil-theme .ui.dropdown:focus-within {
118
+ box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0) !important;
188
119
  }
189
120
 
190
121
  /* Dropdown Block */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCgBc;EDfd,cCmBc;EDlBd,OCkBc;EDjBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCQc;EDPd,cCWc;EDVd,OCUc;EDTd;EACA;;;AE9EF;AAEA;EACC;EACA;EACA;;AAEA;EAAe;;;ACJd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADUtC;EACC,ODwEe;ECvEf,WDmHa;EClHb,aD4HqB;EC3HrB,YDsGW;;ACpGX;EAA4B,YD4Gd;;;ACzGf;EACC,ODiBkB;EChBlB,WD0Ga;ECzGb,aDmHqB;EClHrB,YD6FW;;AC3FX;EAA6B,YDmGf;;;AChGf;EACC,eDuFW;;;ACpFZ;AEtCC;EACA;AAEA;EACA;;;AFoCD;EACC;;AAEA;EAAsB,SDoEJ;;;ACjEnB;AAAA;AAAA;AAGA;AAkBC;AAOA;;AAvBA;AAAA;EAEC,kBDgCc;EC/Bd,ODmCc;;AChCf;AAAA;AAAA;EAGC,cD6Bc;;AC1Bf;EACC,kBDqBc;;ACjBf;AAAA;EAEC;EACA;;AAID;EACC;;;AAIF;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eDgBW;ECfX,WD0Ba;ECzBb,aDDkB;;;ACInB;AACA;EACC;;AAEA;EAAY","file":"FormField.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE4Ga;EF3Gb,aEqHqB;EFpHrB,YE+FW;;AF7FX;EAA4B,YEqGd;;;AFlGf;EACC,OA3Be;EA4Bf,WEmGa;EFlGb,aE4GqB;EF3GrB,YEsFW;;AFpFX;EAA6B,YE4Ff;;;AFzFf;EACC,eEgFW;;;AF7EZ;AG9CC;EACA;AAEA;EACA;;;AH4CD;EACC;;AAEA;EAAsB,SE4DJ;;;AFzDnB;AAEC;EACC,OAvDW;EAwDX,kBAvDiB;EAwDjB,cAtDa;;AAwDb;EACC;EACA,kBA5DgB;;AA8DhB;EACC,OAhES;;AAkET;EAAa,kBAzDc;;AA2D3B;EAEC,kBA/DyB;EAgEzB,OAvEQ;;AA4EX;EAGC;;;AAKH;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eEWW;EFVX,WEqBa;EFpBb,aEPkB;;;AFUnB;AACA;EACC;;AAEA;EAAY","file":"FormField.css"}
@@ -1,68 +1,4 @@
1
1
  /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
2
- /* Variables */
3
- /* Form Sizes */
4
- .Form--mini {
5
- font-size: 0.8125rem;
6
- }
7
-
8
- .Form--tiny {
9
- font-size: 0.875rem;
10
- }
11
-
12
- .Form--small {
13
- font-size: 0.9375rem;
14
- }
15
-
16
- .Form--medium {
17
- font-size: 1rem;
18
- }
19
-
20
- .Form--large {
21
- font-size: 1.125rem;
22
- }
23
-
24
- .Form--big {
25
- font-size: 1.3125rem;
26
- }
27
-
28
- .Form--huge {
29
- font-size: 1.4375rem;
30
- }
31
-
32
- .Form--massive {
33
- font-size: 1.6875rem;
34
- }
35
-
36
- /* Stretching of Input when placed in a Field */
37
- .Form .FormField .Input,
38
- .Form .FormGroup .FormField .Input {
39
- width: 100%;
40
- }
41
-
42
- /* Global variables for Input, TextArea, Select */
43
- /* FormField error */
44
- /* Backward compatibility with Semantic.React Fields */
45
- .Fields.Fields--error .Field .Input > input,
46
- .Fields.Fields--error .Field .TextArea,
47
- .Field.Field--error .Input > input,
48
- .Field.Field--error .TextArea {
49
- background-color: #ffece9;
50
- border-color: #e63717;
51
- color: #e63717;
52
- box-shadow: none;
53
- }
54
- .Fields.Fields--error .Field .Input > input:focus,
55
- .Fields.Fields--error .Field .TextArea:focus,
56
- .Field.Field--error .Input > input:focus,
57
- .Field.Field--error .TextArea:focus {
58
- background-color: #ffece9;
59
- border-color: #e63717;
60
- color: #e63717;
61
- box-shadow: none;
62
- -webkit-appearance: none;
63
- }
64
-
65
- /*** FormField styles ***/
66
2
  .FormField {
67
3
  box-sizing: border-box;
68
4
  clear: both;
@@ -121,7 +57,7 @@
121
57
  }
122
58
 
123
59
  .FormField__errorText {
124
- color: #e63717;
60
+ color: var(--colorsTextCritical, #e63717);
125
61
  font-size: 14px;
126
62
  line-height: 1.25;
127
63
  margin-top: 8px;
@@ -131,7 +67,7 @@
131
67
  }
132
68
 
133
69
  .FormField__description {
134
- color: #737475;
70
+ color: var(--colorsTextSubdued, #737475);
135
71
  font-size: 14px;
136
72
  line-height: 1.25;
137
73
  margin-top: 8px;
@@ -158,33 +94,28 @@
158
94
  opacity: 0.6;
159
95
  }
160
96
 
161
- /* Errors
162
- On Field(s)
163
- */
164
- .FormField--error {
165
- /* Selected */
166
- /* Active */
97
+ /* Errors on Semantic Dropdown */
98
+ .FormField--error .semantic-anvil-theme .ui.dropdown {
99
+ color: var(--colorsTextCritical, #e63717);
100
+ background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
101
+ border-color: var(--colorsBorderCritical, #e63717);
167
102
  }
168
- .FormField--error .ui.dropdown,
169
- .FormField--error .ui.dropdown .item {
170
- background-color: #ffece9;
171
- color: #e63717;
103
+ .FormField--error .semantic-anvil-theme .ui.dropdown .menu {
104
+ border-color: var(--colorsBorderCritical, #e63717) !important;
105
+ background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
172
106
  }
173
- .FormField--error .ui.dropdown,
174
- .FormField--error .semantic-anvil-theme .ui.selection.dropdown .menu,
175
- .FormField--error .semantic-anvil-theme .ui.selection.dropdown .menu:hover {
176
- border-color: #e63717;
107
+ .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item {
108
+ color: var(--colorsTextCritical, #e63717);
177
109
  }
178
- .FormField--error .ui.multiple.selection.dropdown > .label {
179
- background-color: #ffece9;
110
+ .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected {
111
+ background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.03));
180
112
  }
181
- .FormField--error .ui.dropdown .menu .selected.item,
182
- .FormField--error .ui.dropdown .menu .item:hover {
183
- background-color: #ffd6d0;
184
- color: #cf3115;
113
+ .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item:hover, .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected:hover {
114
+ background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.08));
115
+ color: var(--colorsTextCritical, #e63717);
185
116
  }
186
- .FormField--error .ui.dropdown .menu .active.item {
187
- background-color: #ffd6d0 !important;
117
+ .FormField--error .semantic-anvil-theme .ui.dropdown:focus, .FormField--error .semantic-anvil-theme .ui.dropdown:focus-within {
118
+ box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0) !important;
188
119
  }
189
120
 
190
121
  /* Dropdown Block */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCgBc;EDfd,cCmBc;EDlBd,OCkBc;EDjBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCQc;EDPd,cCWc;EDVd,OCUc;EDTd;EACA;;;AE9EF;AAEA;EACC;EACA;EACA;;AAEA;EAAe;;;ACJd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADUtC;EACC,ODwEe;ECvEf,WDmHa;EClHb,aD4HqB;EC3HrB,YDsGW;;ACpGX;EAA4B,YD4Gd;;;ACzGf;EACC,ODiBkB;EChBlB,WD0Ga;ECzGb,aDmHqB;EClHrB,YD6FW;;AC3FX;EAA6B,YDmGf;;;AChGf;EACC,eDuFW;;;ACpFZ;AEtCC;EACA;AAEA;EACA;;;AFoCD;EACC;;AAEA;EAAsB,SDoEJ;;;ACjEnB;AAAA;AAAA;AAGA;AAkBC;AAOA;;AAvBA;AAAA;EAEC,kBDgCc;EC/Bd,ODmCc;;AChCf;AAAA;AAAA;EAGC,cD6Bc;;AC1Bf;EACC,kBDqBc;;ACjBf;AAAA;EAEC;EACA;;AAID;EACC;;;AAIF;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eDgBW;ECfX,WD0Ba;ECzBb,aDDkB;;;ACInB;AACA;EACC;;AAEA;EAAY","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE4Ga;EF3Gb,aEqHqB;EFpHrB,YE+FW;;AF7FX;EAA4B,YEqGd;;;AFlGf;EACC,OA3Be;EA4Bf,WEmGa;EFlGb,aE4GqB;EF3GrB,YEsFW;;AFpFX;EAA6B,YE4Ff;;;AFzFf;EACC,eEgFW;;;AF7EZ;AG9CC;EACA;AAEA;EACA;;;AH4CD;EACC;;AAEA;EAAsB,SE4DJ;;;AFzDnB;AAEC;EACC,OAvDW;EAwDX,kBAvDiB;EAwDjB,cAtDa;;AAwDb;EACC;EACA,kBA5DgB;;AA8DhB;EACC,OAhES;;AAkET;EAAa,kBAzDc;;AA2D3B;EAEC,kBA/DyB;EAgEzB,OAvEQ;;AA4EX;EAGC;;;AAKH;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eEWW;EFVX,WEqBa;EFpBb,aEPkB;;;AFUnB;AACA;EACC;;AAEA;EAAY","file":"index.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cEyGU;EFxGV,eEwGU;;AFrGX;EAjBD;IAkBE;;EAEA;IACC,cEgGS;IF/FT,eE+FS;;;;AF1FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEiFU;;AF9EX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cE6CU;EF5CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"FormGroup.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cE0GU;EFzGV,eEyGU;;AFtGX;EAjBD;IAkBE;;EAEA;IACC,cEiGS;IFhGT,eEgGS;;;;AF3FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEkFU;;AF/EX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cE8CU;EF7CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"FormGroup.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cEyGU;EFxGV,eEwGU;;AFrGX;EAjBD;IAkBE;;EAEA;IACC,cEgGS;IF/FT,eE+FS;;;;AF1FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEiFU;;AF9EX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cE6CU;EF5CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cE0GU;EFzGV,eEyGU;;AFtGX;EAjBD;IAkBE;;EAEA;IACC,cEiGS;IFhGT,eEgGS;;;;AF3FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEkFU;;AF/EX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cE8CU;EF7CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"index.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SEuIoB;;;AFpIrB;EACC;EACA;EACA;EACA","file":"Frame.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SEwIoB;;;AFrIrB;EACC;EACA;EACA;EACA","file":"Frame.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SEuIoB;;;AFpIrB;EACC;EACA;EACA;EACA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SEwIoB;;;AFrIrB;EACC;EACA;EACA;EACA","file":"index.css"}