@servicetitan/design-system 11.4.0 → 11.5.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 (158) hide show
  1. package/dist/components/ActionMenu/ActionMenu.css +2 -2
  2. package/dist/components/ActionMenu/index.css +2 -2
  3. package/dist/components/Announcement/Announcement.css +1 -1
  4. package/dist/components/Announcement/index.css +1 -1
  5. package/dist/components/AnvilSelect/AnvilSelect.css +1 -1
  6. package/dist/components/AnvilSelect/components/Trigger.css +2 -3
  7. package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
  8. package/dist/components/AnvilSelect/index.css +2 -3
  9. package/dist/components/AnvilSelect/index.css.map +1 -1
  10. package/dist/components/Avatar/Avatar.css +1 -1
  11. package/dist/components/Avatar/index.css +1 -1
  12. package/dist/components/BackLink/BackLink.css +1 -1
  13. package/dist/components/BackLink/index.css +1 -1
  14. package/dist/components/Backdrop/Backdrop.css +1 -1
  15. package/dist/components/Backdrop/index.css +1 -1
  16. package/dist/components/Banner/Banner.css +2 -2
  17. package/dist/components/Banner/Banner.css.map +1 -1
  18. package/dist/components/Banner/index.css +2 -2
  19. package/dist/components/Banner/index.css.map +1 -1
  20. package/dist/components/BodyText/BodyText.css +1 -1
  21. package/dist/components/BodyText/index.css +1 -1
  22. package/dist/components/Breadcrumb/Breadcrumb.css +1 -1
  23. package/dist/components/Breadcrumb/index.css +1 -1
  24. package/dist/components/Button/Button.css +1 -1
  25. package/dist/components/Button/Button.css.map +1 -1
  26. package/dist/components/Button/index.css +1 -1
  27. package/dist/components/Button/index.css.map +1 -1
  28. package/dist/components/Card/Card.css +1 -1
  29. package/dist/components/Card/index.css +1 -1
  30. package/dist/components/Checkbox/Checkbox.css +1 -1
  31. package/dist/components/Checkbox/index.css +1 -1
  32. package/dist/components/Collapsible/Collapsible.css +1 -1
  33. package/dist/components/Collapsible/index.css +1 -1
  34. package/dist/components/ColorPicker/ColorPicker.css +1 -1
  35. package/dist/components/ColorPicker/index.css +1 -1
  36. package/dist/components/Container/Container.css +1 -1
  37. package/dist/components/Container/index.css +1 -1
  38. package/dist/components/DataList/DataList.css +1 -1
  39. package/dist/components/DataList/index.css +1 -1
  40. package/dist/components/DatePicker/DatePicker.css +4 -4
  41. package/dist/components/DatePicker/DatePicker.css.map +1 -1
  42. package/dist/components/DatePicker/index.css +4 -4
  43. package/dist/components/DatePicker/index.css.map +1 -1
  44. package/dist/components/DateRangePicker/DateRangePicker.css +4 -12
  45. package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
  46. package/dist/components/DateRangePicker/index.css +4 -12
  47. package/dist/components/DateRangePicker/index.css.map +1 -1
  48. package/dist/components/Divider/Divider.css +2 -2
  49. package/dist/components/Divider/index.css +2 -2
  50. package/dist/components/Drawer/Drawer.css +1 -1
  51. package/dist/components/Drawer/index.css +1 -1
  52. package/dist/components/Eyebrow/Eyebrow.css +1 -1
  53. package/dist/components/Eyebrow/index.css +1 -1
  54. package/dist/components/FilePicker/FilePicker.css +2 -2
  55. package/dist/components/FilePicker/index.css +2 -2
  56. package/dist/components/FilterButton/FilterButton.css +1 -1
  57. package/dist/components/FilterButton/index.css +1 -1
  58. package/dist/components/FormField/FormField.css +1 -1
  59. package/dist/components/FormField/index.css +1 -1
  60. package/dist/components/FormGroup/FormGroup.css +1 -1
  61. package/dist/components/FormGroup/index.css +1 -1
  62. package/dist/components/Frame/Frame.css +1 -1
  63. package/dist/components/Frame/index.css +1 -1
  64. package/dist/components/Grid/Grid.css +1 -1
  65. package/dist/components/Grid/index.css +1 -1
  66. package/dist/components/Headline/Headline.css +1 -1
  67. package/dist/components/Headline/index.css +1 -1
  68. package/dist/components/Icon/Icon.css +305 -2
  69. package/dist/components/Icon/Icon.css.map +1 -1
  70. package/dist/components/Icon/Icon.js +2 -1
  71. package/dist/components/Icon/Icon.js.map +1 -1
  72. package/dist/components/Icon/index.css +305 -2
  73. package/dist/components/Icon/index.css.map +1 -1
  74. package/dist/components/Input/Input.css +10 -6
  75. package/dist/components/Input/Input.css.map +1 -1
  76. package/dist/components/Input/Input.js +15 -10
  77. package/dist/components/Input/Input.js.map +1 -1
  78. package/dist/components/Input/index.css +10 -6
  79. package/dist/components/Input/index.css.map +1 -1
  80. package/dist/components/Label/Label.css +1 -1
  81. package/dist/components/Label/index.css +1 -1
  82. package/dist/components/Link/Link.css +1 -1
  83. package/dist/components/Link/index.css +1 -1
  84. package/dist/components/Modal/Modal.css +1 -1
  85. package/dist/components/Modal/index.css +1 -1
  86. package/dist/components/OptionList/OptionList.css +1 -1
  87. package/dist/components/OptionList/index.css +1 -1
  88. package/dist/components/Page/Page.css +1 -1
  89. package/dist/components/Page/index.css +1 -1
  90. package/dist/components/Popover/Popover.css +1 -1
  91. package/dist/components/Popover/index.css +1 -1
  92. package/dist/components/ProgressTracker/ProgressTracker.css +1 -1
  93. package/dist/components/ProgressTracker/index.css +1 -1
  94. package/dist/components/Radio/Radio.css +1 -1
  95. package/dist/components/Radio/index.css +1 -1
  96. package/dist/components/Scroll/Scroll.css +1 -1
  97. package/dist/components/Scroll/index.css +1 -1
  98. package/dist/components/SideNav/SideNav.css +1 -1
  99. package/dist/components/SideNav/SideNavItem.css +2 -2
  100. package/dist/components/SideNav/index.css +2 -2
  101. package/dist/components/Sidebar/Sidebar.css +1 -1
  102. package/dist/components/Sidebar/SidebarSection.css +1 -1
  103. package/dist/components/Sidebar/index.css +1 -1
  104. package/dist/components/Snackbar/Snackbar.css +1 -1
  105. package/dist/components/Snackbar/index.css +1 -1
  106. package/dist/components/StatusLight/StatusLight.css +1 -1
  107. package/dist/components/StatusLight/index.css +1 -1
  108. package/dist/components/Tab/Tab.css +1 -1
  109. package/dist/components/Tab/index.css +1 -1
  110. package/dist/components/TabGroup/TabGroup.css +1 -1
  111. package/dist/components/TabGroup/index.css +1 -1
  112. package/dist/components/Table/Table.css +113 -36
  113. package/dist/components/Table/Table.css.map +1 -1
  114. package/dist/components/Table/index.css +113 -36
  115. package/dist/components/Table/index.css.map +1 -1
  116. package/dist/components/Tag/Tag.css +1 -1
  117. package/dist/components/Tag/index.css +1 -1
  118. package/dist/components/Takeover/Takeover.css +1 -1
  119. package/dist/components/Takeover/TakeoverFooter.css +1 -1
  120. package/dist/components/Takeover/TakeoverSection.css +1 -1
  121. package/dist/components/Takeover/index.css +1 -1
  122. package/dist/components/Text/Text.css +1 -1
  123. package/dist/components/Text/index.css +1 -1
  124. package/dist/components/TextArea/TextArea.css +1 -1
  125. package/dist/components/TextArea/index.css +1 -1
  126. package/dist/components/Thumbnail/Thumbnail.css +1 -1
  127. package/dist/components/Thumbnail/index.css +1 -1
  128. package/dist/components/TimePicker/TimePicker.css +2 -2
  129. package/dist/components/TimePicker/index.css +2 -2
  130. package/dist/components/Toast/Toast.css +1 -1
  131. package/dist/components/Toast/ToastGroup.css +2 -2
  132. package/dist/components/Toast/index.css +2 -2
  133. package/dist/components/ToggleSwitch/ToggleSwitch.css +1 -1
  134. package/dist/components/ToggleSwitch/index.css +1 -1
  135. package/dist/components/Tooltip/Tooltip.css +1 -1
  136. package/dist/components/Tooltip/index.css +1 -1
  137. package/dist/components/index.css +198 -113
  138. package/dist/components/index.css.map +1 -1
  139. package/dist/global/index.css +1 -1
  140. package/dist/global/version.css +1 -1
  141. package/dist/internal/Popper/Popper.css +1 -1
  142. package/dist/internal/Popper/index.css +1 -1
  143. package/dist/internal/index.css +1 -1
  144. package/dist/system-light.css +2 -2
  145. package/dist/system-light.min.css +1 -1
  146. package/dist/system.css +200 -115
  147. package/dist/system.css.map +1 -1
  148. package/dist/system.min.css +2 -2
  149. package/dist/themes/index.css +3 -3
  150. package/dist/themes/kendo/index.css +2 -2
  151. package/dist/themes/semantic/index.css +1 -1
  152. package/dist/utilities/AnvilProvider.d.ts +3 -0
  153. package/dist/utilities/AnvilProvider.js +6 -0
  154. package/dist/utilities/AnvilProvider.js.map +1 -0
  155. package/dist/utilities/index.d.ts +1 -0
  156. package/dist/utilities/index.js +1 -0
  157. package/dist/utilities/index.js.map +1 -1
  158. package/package.json +8 -8
@@ -14,7 +14,7 @@ import classnames from 'classnames';
14
14
  import { IconNameArray, getIconByName, } from '@servicetitan/anvil-icons';
15
15
  export { IconNameArray };
16
16
  export const Icon = (_a) => {
17
- var { color = 'currentColor', className, el: IconElement = 'i', name, size = '1em' } = _a, props = __rest(_a, ["color", "className", "el", "name", "size"]);
17
+ var { color = 'currentColor', className, el, name, size = '1em' } = _a, props = __rest(_a, ["color", "className", "el", "name", "size"]);
18
18
  if (!name) {
19
19
  console.warn('No name prop passed to Icon');
20
20
  return null;
@@ -25,6 +25,7 @@ export const Icon = (_a) => {
25
25
  return null;
26
26
  }
27
27
  const IconClasses = classnames('a-Icon', `a-Icon--${name}`, className);
28
+ const IconElement = el !== null && el !== void 0 ? el : (typeof props.onClick !== 'undefined' ? 'button' : 'i');
28
29
  return (React.createElement(IconElement, Object.assign({ className: IconClasses, width: size, height: size, "data-anvil-component": "Icon" }, props),
29
30
  React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: color, height: size, width: size, viewBox: viewbox,
30
31
  /* eslint-disable react/no-danger */
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAEN,aAAa,EACb,aAAa,GACb,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAgB,aAAa,EAAE,CAAC;AAuBvC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAOnC,EAAE,EAAE;QAP+B,EACnC,KAAK,GAAG,cAAc,EACtB,SAAS,EACT,EAAE,EAAE,WAAW,GAAG,GAAG,EACrB,IAAI,EACJ,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAN2B,4CAOnC,CADQ;IAER,IAAI,CAAC,IAAI,EAAE;QACV,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE;QACb,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QAC1C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,EAAE,WAAW,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;IAEvE,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,0BACS,MAAM,IACvB,KAAK;QAET,6BACC,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO;YAChB,oCAAoC;YACpC,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAC3C,CACW,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
1
+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAEN,aAAa,EACb,aAAa,GACb,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAgB,aAAa,EAAE,CAAC;AAuBvC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAOnC,EAAE,EAAE;QAP+B,EACnC,KAAK,GAAG,cAAc,EACtB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAN2B,4CAOnC,CADQ;IAER,IAAI,CAAC,IAAI,EAAE;QACV,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE;QACb,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QAC1C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,EAAE,WAAW,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;IAEvE,MAAM,WAAW,GAChB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,OAAO,KAAK,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAE/D,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,0BACS,MAAM,IACvB,KAAK;QAET,6BACC,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO;YAChB,oCAAoC;YACpC,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAC3C,CACW,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
@@ -1,4 +1,306 @@
1
- .a-Icon {
1
+ /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
2
+ .Button {
3
+ /* Set color on root of component. It can be overridden after the @include */
4
+ color: var(--colorsTextDefault, #141414);
5
+ /* Make sure font-family goes across entire component */
6
+ font-family: "Nunito Sans", sans-serif;
7
+ -webkit-font-smoothing: antialiased;
8
+ -moz-osx-font-smoothing: grayscale;
9
+ align-items: center;
10
+ background-color: var(--colorsSurfaceGrey, #eeeeee);
11
+ border: 0;
12
+ border-radius: 3px;
13
+ box-sizing: border-box;
14
+ color: var(--colorsTextOnGrey, #444445);
15
+ cursor: pointer;
16
+ display: inline-flex;
17
+ font-size: 16px;
18
+ font-weight: 600;
19
+ justify-content: center;
20
+ line-height: 1;
21
+ margin: 0;
22
+ outline: none;
23
+ padding: 12px 16px;
24
+ text-align: center;
25
+ text-decoration: none;
26
+ text-shadow: none;
27
+ transition: background cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms, color cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
28
+ user-select: none;
29
+ position: relative;
30
+ }
31
+ .Button::before {
32
+ content: "";
33
+ position: absolute;
34
+ width: 100%;
35
+ height: 100%;
36
+ border-radius: inherit;
37
+ top: 0;
38
+ left: 0;
39
+ }
40
+ .Button:hover {
41
+ text-decoration: none;
42
+ }
43
+ .Button:hover::before {
44
+ background-color: var(--colorsHoverDefault, rgba(4, 4, 4, 0.08));
45
+ }
46
+ .Button:active::before, .Button.Button--selected::before {
47
+ background-color: var(--colorsActiveDefault, rgba(4, 4, 4, 0.2));
48
+ }
49
+ .Button.Button--focus-visible:focus {
50
+ outline: 0;
51
+ box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
52
+ }
53
+ .Button.Button--outline {
54
+ background-color: transparent;
55
+ box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
56
+ }
57
+ .Button.Button--outline:hover::before {
58
+ background-color: var(--colorsHoverOnGrey, rgba(4, 4, 4, 0.08));
59
+ }
60
+ .Button.Button--outline:active::before, .Button.Button--outline.Button--selected::before {
61
+ background-color: var(--colorsActiveOnGrey, rgba(4, 4, 4, 0.16));
62
+ }
63
+ .Button.Button--outline.Button--focus-visible:focus {
64
+ box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
65
+ }
66
+ .Button.Button--subtle {
67
+ background-color: transparent;
68
+ }
69
+ .Button.Button--subtle:hover::before {
70
+ background-color: var(--colorsHoverOnGrey, rgba(4, 4, 4, 0.08));
71
+ }
72
+ .Button.Button--subtle:active::before, .Button.Button--subtle.Button--selected::before {
73
+ background-color: var(--colorsActiveOnGrey, rgba(4, 4, 4, 0.16));
74
+ }
75
+
76
+ button.Button {
77
+ font-size: 16px;
78
+ line-height: 1;
79
+ }
80
+
81
+ .Button.Button--icon-only {
82
+ padding: 8px;
83
+ line-height: 1.5;
84
+ }
85
+ .Button.Button--icon-only.Button--xsmall {
86
+ line-height: 0.8;
87
+ }
88
+ .Button.Button--icon-only.Button--xsmall svg {
89
+ height: 20px;
90
+ width: 20px;
91
+ }
92
+
93
+ .Button--icon-only svg,
94
+ .Button--icon-only .Button__icon > :not(i) {
95
+ height: 24px;
96
+ width: 24px;
97
+ display: block;
98
+ }
99
+
100
+ .Button__content {
101
+ align-items: center;
102
+ display: flex;
103
+ justify-content: center;
104
+ pointer-events: none;
105
+ width: 100%;
106
+ }
107
+
108
+ .Button--grey:hover, .Button--grey:active, .Button--grey.Button--selected, .Button--grey:focus, .Button--grey:focus:active {
109
+ color: var(--colorsTextOnGrey, #444445);
110
+ }
111
+
112
+ .Button--blue {
113
+ background-color: var(--colorsSurfacePrimary, #2270ee);
114
+ color: var(--colorsTextOnPrimary, #ffffff);
115
+ }
116
+ .Button--blue:hover::before {
117
+ background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
118
+ }
119
+ .Button--blue:active::before, .Button--blue.Button--selected::before {
120
+ background-color: var(--colorsActiveOnPrimary, rgba(4, 4, 4, 0.08));
121
+ }
122
+ .Button--blue.Button--outline {
123
+ background-color: transparent;
124
+ box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee);
125
+ color: var(--colorsTextPrimary, #2270ee);
126
+ }
127
+ .Button--blue.Button--outline:hover::before {
128
+ background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
129
+ }
130
+ .Button--blue.Button--outline.Button--focus-visible:focus {
131
+ box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
132
+ }
133
+ .Button--blue.Button--outline:active::before, .Button--blue.Button--outline.Button--selected::before {
134
+ background-color: var(--colorsActivePrimary, rgba(0, 76, 195, 0.2));
135
+ }
136
+ .Button--blue.Button--subtle {
137
+ background-color: transparent;
138
+ color: var(--colorsTextPrimary, #2270ee);
139
+ }
140
+ .Button--blue.Button--subtle:hover::before {
141
+ background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
142
+ }
143
+ .Button--blue.Button--subtle:active::before, .Button--blue.Button--subtle.Button--selected::before {
144
+ background-color: var(--colorsActivePrimary, rgba(0, 76, 195, 0.2));
145
+ }
146
+
147
+ .Button--red {
148
+ background-color: var(--colorsSurfaceCritical, #e63717);
149
+ color: var(--colorsTextOnCritical, #ffffff);
150
+ }
151
+ .Button--red:hover::before {
152
+ background-color: var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16));
153
+ }
154
+ .Button--red:active::before, .Button--red.Button--selected::before {
155
+ background-color: var(--colorsActiveOnCritical, rgba(4, 4, 4, 0.16));
156
+ }
157
+ .Button--red.Button--focus-visible:focus {
158
+ box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
159
+ }
160
+ .Button--red.Button--outline {
161
+ background-color: transparent;
162
+ box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e63717);
163
+ color: var(--colorsTextCritical, #e63717);
164
+ }
165
+ .Button--red.Button--outline:hover::before {
166
+ background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.1));
167
+ }
168
+ .Button--red.Button--outline:active::before, .Button--red.Button--outline.Button--selected::before {
169
+ background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.3));
170
+ }
171
+ .Button--red.Button--outline.Button--focus-visible:focus {
172
+ box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e63717), 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
173
+ }
174
+ .Button--red.Button--subtle {
175
+ background-color: transparent;
176
+ color: var(--colorsTextCritical, #e63717);
177
+ }
178
+ .Button--red.Button--subtle:hover::before {
179
+ background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.1));
180
+ }
181
+ .Button--red.Button--subtle:active::before, .Button--red.Button--subtle.Button--selected::before {
182
+ background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.3));
183
+ }
184
+
185
+ .Button--disabled, .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
186
+ background: var(--colorsSurfaceGrey, #eeeeee);
187
+ color: var(--colorsTextOnGrey, #444445);
188
+ opacity: 0.4;
189
+ }
190
+ .Button--disabled svg, .Button--disabled.Button--outline svg, .Button--disabled.Button--subtle svg {
191
+ opacity: 0.6;
192
+ }
193
+ .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
194
+ background: transparent;
195
+ }
196
+ .Button--disabled.Button--outline {
197
+ box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
198
+ }
199
+
200
+ .Button--inactive {
201
+ pointer-events: none;
202
+ }
203
+
204
+ .Button--xsmall {
205
+ font-size: 14px;
206
+ padding: 6px 12px;
207
+ }
208
+ .Button--xsmall.Button--icon-only {
209
+ font-size: 20px;
210
+ padding: 3px;
211
+ }
212
+
213
+ button.Button--xsmall {
214
+ font-size: 14px;
215
+ }
216
+
217
+ .Button--small {
218
+ padding: 8px 16px;
219
+ }
220
+ .Button--small.Button--icon-only {
221
+ padding: 4px;
222
+ }
223
+
224
+ .Button--large {
225
+ padding: 16px 20px;
226
+ }
227
+ .Button--large.Button--icon-only {
228
+ padding: 12px;
229
+ }
230
+
231
+ .Button--full {
232
+ display: block;
233
+ }
234
+
235
+ button.Button--full {
236
+ width: 100%;
237
+ }
238
+
239
+ @keyframes spin {
240
+ to {
241
+ transform: rotate(360deg);
242
+ }
243
+ }
244
+ .Button--loading {
245
+ opacity: 0.6;
246
+ pointer-events: none;
247
+ position: relative;
248
+ }
249
+ .Button--loading .Button__content {
250
+ opacity: 0;
251
+ }
252
+
253
+ .Button--loading::before {
254
+ content: "";
255
+ box-sizing: border-box;
256
+ display: inline-block;
257
+ width: 0.8em;
258
+ height: 0.8em;
259
+ border-radius: 50%;
260
+ border: 0.15em solid transparent;
261
+ border-top-color: currentColor;
262
+ animation: spin 0.6s linear infinite;
263
+ position: absolute;
264
+ top: 50%;
265
+ left: 50%;
266
+ margin-top: -0.4em;
267
+ margin-left: -0.4em;
268
+ }
269
+
270
+ .Button__icon--left {
271
+ padding-right: 8px;
272
+ }
273
+
274
+ .Button__icon--right {
275
+ padding-left: 8px;
276
+ }
277
+
278
+ .Button__icon-svg.a-Icon {
279
+ vertical-align: top;
280
+ }
281
+
282
+ .Button > .Button__content::before {
283
+ content: "";
284
+ height: 10px;
285
+ }
286
+
287
+ .Button.Button--xsmall > .Button__content::before {
288
+ height: 8px;
289
+ }
290
+
291
+ button.a-Icon {
292
+ all: unset;
293
+ cursor: pointer;
294
+ pointer-events: auto;
295
+ }
296
+ button.a-Icon:focus {
297
+ border-radius: 3px;
298
+ box-shadow: 0 0 0 2px var(--colorsFocusRingPrimary, #a9d1ff);
299
+ outline: 0;
300
+ }
301
+
302
+ .a-Icon,
303
+ button.a-Icon {
2
304
  backface-visibility: hidden;
3
305
  color: inherit;
4
306
  display: inline-block;
@@ -10,7 +312,8 @@
10
312
  vertical-align: middle;
11
313
  width: auto;
12
314
  }
13
- .a-Icon svg {
315
+ .a-Icon svg,
316
+ button.a-Icon svg {
14
317
  vertical-align: bottom;
15
318
  }
16
319
 
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Icon/Icon.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAAM","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Icon/Icon.scss"],"names":[],"mappings":"AAAA;AC0CA;ACzCC;EACA;AAEA;EACA;ECHC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eGzCiB;EH0CjB;EACA,OAhDc;EAiDd;EACA;EACA,WGiFa;EHhFb,aGoDsB;EHnDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGNa;EHOb;;;AAGD;EACC,SGvBW;EHwBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAlLa;;;AAsLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAzMa;;AA4MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA7Na;;AAgOZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAvOqB;EAwOrB,OA5OkB;;AA+OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAnQc;;AAsQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAvRc;;AA0Rb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OAhTa;EAiTb;;AAEA;EACC,SGvMgB;;AH2MlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGnMa;EHoMb;;AAEA;EACC,WGrMY;EHsMZ;;;AAMF;EAAwB,WG9MV;;;AHgNd;EACC;;AACA;EAAsB,SGrNR;;;AHwNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG7PkB;EH8PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eG1QV;;;AH2QZ;EAAuB,cG3QX;;;AH6QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD;;;AI5YpD;EACC;EACA;EACA;;AAEA;EACC,eDDgB;ECEhB;EACA;;;AAIF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EAAM","file":"index.css"}
@@ -104,7 +104,7 @@
104
104
  /*** Input styles ***/
105
105
  .Input {
106
106
  /* Set color on root of component. It can be overridden after the @include */
107
- color: var(--colorsTextDefault, #040404);
107
+ color: var(--colorsTextDefault, #141414);
108
108
  /* Make sure font-family goes across entire component */
109
109
  font-family: "Nunito Sans", sans-serif;
110
110
  -webkit-font-smoothing: antialiased;
@@ -272,7 +272,7 @@
272
272
  .Input.Input--error:focus-within .InputAddon, .Input.Input--error.Input--focus .InputAddon {
273
273
  border-color: #e63717;
274
274
  }
275
- .Input.Input--error .InputAddon > i.a-Icon {
275
+ .Input.Input--error .InputAddon > .a-Icon {
276
276
  color: #e63717;
277
277
  }
278
278
  .Input.Input--loading.Input--loading .Spinner {
@@ -288,14 +288,15 @@
288
288
  box-shadow: none !important;
289
289
  border-radius: 0 !important;
290
290
  }
291
- .Input > .Input__InnerWrapper i.a-Icon {
292
- cursor: default;
293
- color: #737475;
291
+ .Input > .Input__InnerWrapper .a-Icon:not(button) {
294
292
  pointer-events: none;
293
+ }
294
+ .Input > .Input__InnerWrapper .a-Icon {
295
+ color: #737475;
295
296
  transition: opacity 0.3s ease;
296
297
  line-height: inherit;
297
298
  }
298
- .Input > .Input__InnerWrapper i.a-Icon svg {
299
+ .Input > .Input__InnerWrapper .a-Icon svg {
299
300
  font-size: inherit;
300
301
  text-align: center;
301
302
  vertical-align: middle;
@@ -336,6 +337,9 @@
336
337
  .Input.Input--large > .Input__InnerWrapper > .InputAddon .a-Icon > svg {
337
338
  margin: -6px 0;
338
339
  }
340
+ .Input.Input--large > .Input__InnerWrapper > .InputAddon button.a-Icon > svg {
341
+ margin: -4px 0 -1px;
342
+ }
339
343
  .Input.Input--xsmall > .Input__InnerWrapper > .InputAddon *:not(input) {
340
344
  line-height: 12px;
341
345
  }
@@ -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/Input/Input.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"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","file":"Input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Input/Input.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"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","file":"Input.css"}
@@ -39,23 +39,26 @@ export class Input extends React.Component {
39
39
  }
40
40
  };
41
41
  this.renderIcon = () => {
42
+ var _a, _b, _c;
42
43
  const { icon } = this.props;
44
+ // Icon passed as string
43
45
  if (typeof icon === 'string') {
44
- return (React.createElement(InputAddon, null,
46
+ return (React.createElement(InputAddon, { onClick: () => this.focus() },
45
47
  React.createElement(Icon, { name: icon, size: this.computeSize().iconSize })));
46
48
  }
49
+ // Icon passed as React element
47
50
  if (icon != null && isValidElement(icon)) {
48
51
  const sizedIcon = cloneElement(icon, {
49
52
  size: this.computeSize().iconSize,
50
53
  });
51
- return React.createElement(InputAddon, null, sizedIcon);
54
+ const hasOnClick = typeof ((_b = (_a = icon) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.onClick) !== 'undefined';
55
+ return (React.createElement(InputAddon, { onClick: () => !hasOnClick && this.focus() }, sizedIcon));
52
56
  }
57
+ // Icon passed as Icon.props object
53
58
  if (icon != null && !isValidElement(icon)) {
54
- const style = icon.onClick
55
- ? { pointerEvents: 'auto', cursor: 'pointer' }
56
- : null;
57
- return (React.createElement(InputAddon, null,
58
- React.createElement(Icon, Object.assign({}, icon, { style: style }))));
59
+ const hasOnClick = typeof ((_c = icon) === null || _c === void 0 ? void 0 : _c.onClick) !== 'undefined';
60
+ return (React.createElement(InputAddon, { onClick: () => !hasOnClick && this.focus() },
61
+ React.createElement(Icon, Object.assign({}, icon))));
59
62
  }
60
63
  return null;
61
64
  };
@@ -73,15 +76,17 @@ export class Input extends React.Component {
73
76
  }
74
77
  return createElement('input', Object.assign(Object.assign({}, htmlInputProps), { type, id: this.props.id || (!isLabelAssigned ? labelFor : undefined) }));
75
78
  };
76
- // Creating an addon
77
79
  this.renderShortLabel = () => {
80
+ var _a;
78
81
  const { shortLabel } = this.props;
79
82
  if (typeof shortLabel === 'string' && shortLabel !== '') {
80
- return React.createElement(InputAddon, null, shortLabel);
83
+ return (React.createElement(InputAddon, { onClick: () => this.focus() }, shortLabel));
81
84
  }
85
+ // Label passed as React element
82
86
  if (shortLabel != null && isValidElement(shortLabel)) {
83
87
  const iconSize = shortLabel.props.size || this.computeSize().iconSize;
84
- return (React.createElement(InputAddon, null, cloneElement(shortLabel, { size: iconSize })));
88
+ const hasOnClick = typeof ((_a = shortLabel.props) === null || _a === void 0 ? void 0 : _a.onClick) !== 'undefined';
89
+ return (React.createElement(InputAddon, { onClick: () => !hasOnClick && this.focus() }, cloneElement(shortLabel, { size: iconSize })));
85
90
  }
86
91
  return null;
87
92
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
@@ -104,7 +104,7 @@
104
104
  /*** Input styles ***/
105
105
  .Input {
106
106
  /* Set color on root of component. It can be overridden after the @include */
107
- color: var(--colorsTextDefault, #040404);
107
+ color: var(--colorsTextDefault, #141414);
108
108
  /* Make sure font-family goes across entire component */
109
109
  font-family: "Nunito Sans", sans-serif;
110
110
  -webkit-font-smoothing: antialiased;
@@ -272,7 +272,7 @@
272
272
  .Input.Input--error:focus-within .InputAddon, .Input.Input--error.Input--focus .InputAddon {
273
273
  border-color: #e63717;
274
274
  }
275
- .Input.Input--error .InputAddon > i.a-Icon {
275
+ .Input.Input--error .InputAddon > .a-Icon {
276
276
  color: #e63717;
277
277
  }
278
278
  .Input.Input--loading.Input--loading .Spinner {
@@ -288,14 +288,15 @@
288
288
  box-shadow: none !important;
289
289
  border-radius: 0 !important;
290
290
  }
291
- .Input > .Input__InnerWrapper i.a-Icon {
292
- cursor: default;
293
- color: #737475;
291
+ .Input > .Input__InnerWrapper .a-Icon:not(button) {
294
292
  pointer-events: none;
293
+ }
294
+ .Input > .Input__InnerWrapper .a-Icon {
295
+ color: #737475;
295
296
  transition: opacity 0.3s ease;
296
297
  line-height: inherit;
297
298
  }
298
- .Input > .Input__InnerWrapper i.a-Icon svg {
299
+ .Input > .Input__InnerWrapper .a-Icon svg {
299
300
  font-size: inherit;
300
301
  text-align: center;
301
302
  vertical-align: middle;
@@ -336,6 +337,9 @@
336
337
  .Input.Input--large > .Input__InnerWrapper > .InputAddon .a-Icon > svg {
337
338
  margin: -6px 0;
338
339
  }
340
+ .Input.Input--large > .Input__InnerWrapper > .InputAddon button.a-Icon > svg {
341
+ margin: -4px 0 -1px;
342
+ }
339
343
  .Input.Input--xsmall > .Input__InnerWrapper > .InputAddon *:not(input) {
340
344
  line-height: 12px;
341
345
  }
@@ -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/Input/Input.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"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","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Input/Input.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"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","file":"index.css"}
@@ -1,7 +1,7 @@
1
1
  /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
2
2
  .Label, .Form label:not(.Field__html-label) {
3
3
  /* Set color on root of component. It can be overridden after the @include */
4
- color: var(--colorsTextDefault, #040404);
4
+ color: var(--colorsTextDefault, #141414);
5
5
  /* Make sure font-family goes across entire component */
6
6
  font-family: "Nunito Sans", sans-serif;
7
7
  color: var(--colorsTextDefault, #141414);
@@ -1,7 +1,7 @@
1
1
  /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
2
2
  .Label, .Form label:not(.Field__html-label) {
3
3
  /* Set color on root of component. It can be overridden after the @include */
4
- color: var(--colorsTextDefault, #040404);
4
+ color: var(--colorsTextDefault, #141414);
5
5
  /* Make sure font-family goes across entire component */
6
6
  font-family: "Nunito Sans", sans-serif;
7
7
  color: var(--colorsTextDefault, #141414);
@@ -2,7 +2,7 @@
2
2
  .Link {
3
3
  all: unset;
4
4
  /* Set color on root of component. It can be overridden after the @include */
5
- color: var(--colorsTextDefault, #040404);
5
+ color: var(--colorsTextDefault, #141414);
6
6
  /* Make sure font-family goes across entire component */
7
7
  font-family: "Nunito Sans", sans-serif;
8
8
  color: var(--colorsTextDefault, #141414);
@@ -2,7 +2,7 @@
2
2
  .Link {
3
3
  all: unset;
4
4
  /* Set color on root of component. It can be overridden after the @include */
5
- color: var(--colorsTextDefault, #040404);
5
+ color: var(--colorsTextDefault, #141414);
6
6
  /* Make sure font-family goes across entire component */
7
7
  font-family: "Nunito Sans", sans-serif;
8
8
  color: var(--colorsTextDefault, #141414);
@@ -2,7 +2,7 @@
2
2
  /** @define Modal */
3
3
  .Modal {
4
4
  /* Set color on root of component. It can be overridden after the @include */
5
- color: var(--colorsTextDefault, #040404);
5
+ color: var(--colorsTextDefault, #141414);
6
6
  /* Make sure font-family goes across entire component */
7
7
  font-family: "Nunito Sans", sans-serif;
8
8
  display: flex;
@@ -2,7 +2,7 @@
2
2
  /** @define Modal */
3
3
  .Modal {
4
4
  /* Set color on root of component. It can be overridden after the @include */
5
- color: var(--colorsTextDefault, #040404);
5
+ color: var(--colorsTextDefault, #141414);
6
6
  /* Make sure font-family goes across entire component */
7
7
  font-family: "Nunito Sans", sans-serif;
8
8
  display: flex;
@@ -11,7 +11,7 @@
11
11
 
12
12
  .OptionList {
13
13
  /* Set color on root of component. It can be overridden after the @include */
14
- color: var(--colorsTextDefault, #040404);
14
+ color: var(--colorsTextDefault, #141414);
15
15
  /* Make sure font-family goes across entire component */
16
16
  font-family: "Nunito Sans", sans-serif;
17
17
  }
@@ -11,7 +11,7 @@
11
11
 
12
12
  .OptionList {
13
13
  /* Set color on root of component. It can be overridden after the @include */
14
- color: var(--colorsTextDefault, #040404);
14
+ color: var(--colorsTextDefault, #141414);
15
15
  /* Make sure font-family goes across entire component */
16
16
  font-family: "Nunito Sans", sans-serif;
17
17
  }
@@ -1,7 +1,7 @@
1
1
  /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
2
2
  .Page {
3
3
  /* Set color on root of component. It can be overridden after the @include */
4
- color: var(--colorsTextDefault, #040404);
4
+ color: var(--colorsTextDefault, #141414);
5
5
  /* Make sure font-family goes across entire component */
6
6
  font-family: "Nunito Sans", sans-serif;
7
7
  background-color: var(--colorsAppBackground, #fcfcfc);