@servicetitan/design-system 12.8.1 → 12.10.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 (159) hide show
  1. package/dist/components/Button/Button.css +1 -1
  2. package/dist/components/Button/index.css +1 -1
  3. package/dist/components/Collapsible/Collapsible.js +3 -3
  4. package/dist/components/Collapsible/Collapsible.js.map +1 -1
  5. package/dist/components/DatePicker/DatePicker.d.ts +13 -0
  6. package/dist/components/DatePicker/DatePicker.js +34 -12
  7. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  8. package/dist/components/DatePicker/InputDateMask.d.ts +1 -1
  9. package/dist/components/DatePicker/InputDateMask.js +13 -4
  10. package/dist/components/DatePicker/InputDateMask.js.map +1 -1
  11. package/dist/components/DateRangePicker/DateRangePicker.d.ts +3 -3
  12. package/dist/components/DateRangePicker/DateRangePicker.test.js +2 -2
  13. package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
  14. package/dist/components/DateRangePicker/components/DateRangeInput.js +3 -1
  15. package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
  16. package/dist/components/Dialog/Dialog.d.ts +3 -3
  17. package/dist/components/Drawer/Drawer.d.ts +3 -3
  18. package/dist/components/Drawer/Drawer.js +11 -23
  19. package/dist/components/Drawer/Drawer.js.map +1 -1
  20. package/dist/components/Icon/Icon.css +1 -1
  21. package/dist/components/Icon/index.css +1 -1
  22. package/dist/components/Input/Input.js +3 -6
  23. package/dist/components/Input/Input.js.map +1 -1
  24. package/dist/components/KeyPressListener/KeyPressListener.d.ts +1 -0
  25. package/dist/components/KeyPressListener/KeyPressListener.js +8 -6
  26. package/dist/components/KeyPressListener/KeyPressListener.js.map +1 -1
  27. package/dist/components/Modal/Modal.d.ts +3 -3
  28. package/dist/components/Modal/Modal.js.map +1 -1
  29. package/dist/components/Modal/components.d.ts +3 -3
  30. package/dist/components/Modal/components.js +6 -18
  31. package/dist/components/Modal/components.js.map +1 -1
  32. package/dist/components/Popover/Popover.d.ts +3 -3
  33. package/dist/components/ProgressTracker/ProgressTracker.css +13 -1
  34. package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
  35. package/dist/components/ProgressTracker/ProgressTracker.d.ts +6 -0
  36. package/dist/components/ProgressTracker/ProgressTracker.js +10 -2
  37. package/dist/components/ProgressTracker/ProgressTracker.js.map +1 -1
  38. package/dist/components/ProgressTracker/ProgressTrackerDivider.d.ts +1 -0
  39. package/dist/components/ProgressTracker/ProgressTrackerDivider.js +3 -1
  40. package/dist/components/ProgressTracker/ProgressTrackerDivider.js.map +1 -1
  41. package/dist/components/ProgressTracker/ProgressTrackerStep.css +73 -18
  42. package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
  43. package/dist/components/ProgressTracker/ProgressTrackerStep.d.ts +3 -0
  44. package/dist/components/ProgressTracker/ProgressTrackerStep.js +29 -7
  45. package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
  46. package/dist/components/ProgressTracker/index.css +86 -19
  47. package/dist/components/ProgressTracker/index.css.map +1 -1
  48. package/dist/components/Scroll/Scroll.css +6 -0
  49. package/dist/components/Scroll/Scroll.css.map +1 -1
  50. package/dist/components/Scroll/Scroll.js +7 -1
  51. package/dist/components/Scroll/Scroll.js.map +1 -1
  52. package/dist/components/Scroll/index.css +6 -0
  53. package/dist/components/Scroll/index.css.map +1 -1
  54. package/dist/components/SideNav/SideNav.css +10 -8
  55. package/dist/components/SideNav/SideNav.css.map +1 -1
  56. package/dist/components/SideNav/SideNav.js +13 -5
  57. package/dist/components/SideNav/SideNav.js.map +1 -1
  58. package/dist/components/SideNav/SideNavGroup.css +6 -2
  59. package/dist/components/SideNav/SideNavGroup.css.map +1 -1
  60. package/dist/components/SideNav/SideNavGroup.js +1 -1
  61. package/dist/components/SideNav/SideNavGroup.js.map +1 -1
  62. package/dist/components/SideNav/SideNavItem.css +92 -17
  63. package/dist/components/SideNav/SideNavItem.css.map +1 -1
  64. package/dist/components/SideNav/SideNavItem.d.ts +17 -4
  65. package/dist/components/SideNav/SideNavItem.js +105 -14
  66. package/dist/components/SideNav/SideNavItem.js.map +1 -1
  67. package/dist/components/SideNav/index.css +98 -19
  68. package/dist/components/SideNav/index.css.map +1 -1
  69. package/dist/components/Tab/Tab.js +1 -1
  70. package/dist/components/Tab/Tab.js.map +1 -1
  71. package/dist/components/Takeover/Takeover.d.ts +3 -3
  72. package/dist/components/Takeover/Takeover.js +9 -21
  73. package/dist/components/Takeover/Takeover.js.map +1 -1
  74. package/dist/components/TimePicker/TimePicker.js +10 -7
  75. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  76. package/dist/components/TimePicker/components/TimePickerOptionList.d.ts +1 -0
  77. package/dist/components/TimePicker/components/TimePickerOptionList.js +8 -2
  78. package/dist/components/TimePicker/components/TimePickerOptionList.js.map +1 -1
  79. package/dist/components/TimePicker/utils/getClosestOption.js +1 -1
  80. package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -1
  81. package/dist/components/TimePicker/utils/utils.js +0 -1
  82. package/dist/components/TimePicker/utils/utils.js.map +1 -1
  83. package/dist/components/index.css +191 -39
  84. package/dist/components/index.css.map +1 -1
  85. package/dist/global/index.css +1 -1
  86. package/dist/global/version.css +1 -1
  87. package/dist/hooks/index.d.ts +1 -0
  88. package/dist/hooks/index.js +1 -0
  89. package/dist/hooks/index.js.map +1 -1
  90. package/dist/hooks/useFocusTrap/index.d.ts +1 -0
  91. package/dist/hooks/useFocusTrap/index.js +2 -0
  92. package/dist/hooks/useFocusTrap/index.js.map +1 -0
  93. package/dist/hooks/useFocusTrap/internal/index.d.ts +5 -0
  94. package/dist/hooks/useFocusTrap/internal/index.js +6 -0
  95. package/dist/hooks/useFocusTrap/internal/index.js.map +1 -0
  96. package/dist/hooks/useFocusTrap/internal/useAutoFocus.d.ts +6 -0
  97. package/dist/hooks/useFocusTrap/internal/useAutoFocus.js +23 -0
  98. package/dist/hooks/useFocusTrap/internal/useAutoFocus.js.map +1 -0
  99. package/dist/hooks/useFocusTrap/internal/useAutoFocusContainer.d.ts +11 -0
  100. package/dist/hooks/useFocusTrap/internal/useAutoFocusContainer.js +28 -0
  101. package/dist/hooks/useFocusTrap/internal/useAutoFocusContainer.js.map +1 -0
  102. package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.d.ts +9 -0
  103. package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js +28 -0
  104. package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js.map +1 -0
  105. package/dist/hooks/useFocusTrap/internal/useFocusLock.d.ts +6 -0
  106. package/dist/hooks/useFocusTrap/internal/useFocusLock.js +39 -0
  107. package/dist/hooks/useFocusTrap/internal/useFocusLock.js.map +1 -0
  108. package/dist/hooks/useFocusTrap/internal/useRestoreFocus.d.ts +3 -0
  109. package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js +12 -0
  110. package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js.map +1 -0
  111. package/dist/hooks/useFocusTrap/internal/utils.d.ts +23 -0
  112. package/dist/hooks/useFocusTrap/internal/utils.js +161 -0
  113. package/dist/hooks/useFocusTrap/internal/utils.js.map +1 -0
  114. package/dist/hooks/useFocusTrap/useFocusTrap.d.ts +37 -0
  115. package/dist/hooks/useFocusTrap/useFocusTrap.js +34 -0
  116. package/dist/hooks/useFocusTrap/useFocusTrap.js.map +1 -0
  117. package/dist/internal/CollapsibleList/CollapsibleContext.d.ts +9 -0
  118. package/dist/internal/CollapsibleList/CollapsibleContext.js +3 -0
  119. package/dist/internal/CollapsibleList/CollapsibleContext.js.map +1 -0
  120. package/dist/internal/CollapsibleList/CollapsibleList.css +9 -0
  121. package/dist/internal/CollapsibleList/CollapsibleList.css.map +1 -0
  122. package/dist/internal/CollapsibleList/CollapsibleList.d.ts +11 -0
  123. package/dist/internal/CollapsibleList/CollapsibleList.js +27 -0
  124. package/dist/internal/CollapsibleList/CollapsibleList.js.map +1 -0
  125. package/dist/internal/CollapsibleList/CollapsibleListItem.d.ts +11 -0
  126. package/dist/internal/CollapsibleList/CollapsibleListItem.js +60 -0
  127. package/dist/internal/CollapsibleList/CollapsibleListItem.js.map +1 -0
  128. package/dist/internal/CollapsibleList/index.css +9 -0
  129. package/dist/internal/CollapsibleList/index.css.map +1 -0
  130. package/dist/internal/CollapsibleList/index.d.ts +3 -0
  131. package/dist/internal/CollapsibleList/index.js +4 -0
  132. package/dist/internal/CollapsibleList/index.js.map +1 -0
  133. package/dist/internal/Popper/Popper.d.ts +3 -3
  134. package/dist/internal/Popper/Popper.js +9 -17
  135. package/dist/internal/Popper/Popper.js.map +1 -1
  136. package/dist/internal/index.css +8 -1
  137. package/dist/internal/index.css.map +1 -1
  138. package/dist/internal/index.d.ts +1 -0
  139. package/dist/internal/index.js +1 -0
  140. package/dist/internal/index.js.map +1 -1
  141. package/dist/system-light.css +8 -1
  142. package/dist/system-light.css.map +1 -1
  143. package/dist/system-light.min.css +1 -1
  144. package/dist/system.css +199 -40
  145. package/dist/system.css.map +1 -1
  146. package/dist/system.min.css +2 -2
  147. package/dist/utilities/index.d.ts +0 -1
  148. package/dist/utilities/index.js +0 -1
  149. package/dist/utilities/index.js.map +1 -1
  150. package/dist/utilities/keyCodes.d.ts +1 -1
  151. package/dist/utilities/keyCodes.js +1 -1
  152. package/dist/utilities/keyCodes.js.map +1 -1
  153. package/package.json +8 -8
  154. package/dist/utilities/FocusTrap/FocusTrap.d.ts +0 -8
  155. package/dist/utilities/FocusTrap/FocusTrap.js +0 -52
  156. package/dist/utilities/FocusTrap/FocusTrap.js.map +0 -1
  157. package/dist/utilities/FocusTrap/index.d.ts +0 -1
  158. package/dist/utilities/FocusTrap/index.js +0 -2
  159. package/dist/utilities/FocusTrap/index.js.map +0 -1
@@ -37,7 +37,6 @@ export const parseDigits = (input) => {
37
37
  return null;
38
38
  }
39
39
  const dgts = input.split('');
40
- // console.log('parseDigits, dgts', dgts);
41
40
  switch (inputCaseName(input)) {
42
41
  case '1-digit': // "2"=02:00
43
42
  return input === '0' ? ['12', '00'] : [`0${input}`, '00'];
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/utils.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/utils.ts"],"names":[],"mappings":"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"}
@@ -1051,7 +1051,7 @@ button.Button {
1051
1051
  line-height: 1.5;
1052
1052
  }
1053
1053
  .Button.Button--icon-only.Button--xsmall {
1054
- line-height: 0.8;
1054
+ line-height: 1;
1055
1055
  }
1056
1056
  .Button.Button--icon-only.Button--xsmall svg {
1057
1057
  height: 20px;
@@ -9293,6 +9293,9 @@ button.a-Icon svg {
9293
9293
  .ProgressTrackerDivider {
9294
9294
  position: relative;
9295
9295
  width: 100%;
9296
+ flex-shrink: 0;
9297
+ flex-grow: 1;
9298
+ flex-basis: 0;
9296
9299
  }
9297
9300
  .ProgressTrackerDivider::after {
9298
9301
  content: "";
@@ -9302,16 +9305,24 @@ button.a-Icon svg {
9302
9305
  top: 50%;
9303
9306
  margin-top: -1px;
9304
9307
  height: 2px;
9305
- background-color: var(--colorsBorderGrey, #dfe0e1);
9308
+ background-color: var(--colorsStatusDefault, #8c9ca5);
9309
+ }
9310
+
9311
+ .ProgressTracker--disabled {
9312
+ cursor: not-allowed;
9313
+ opacity: 0.6;
9314
+ }
9315
+
9316
+ .ProgressTrackerDivider--completed::after {
9317
+ background-color: var(--colorsStatusInfo, #2270ee);
9306
9318
  }
9307
9319
 
9308
9320
  .ProgressTrackerStep {
9309
- color: var(--colorsTextSubdued, #606162);
9310
9321
  display: flex;
9311
- align-items: center;
9322
+ flex-shrink: 1;
9323
+ flex-grow: 0;
9312
9324
  position: relative;
9313
- margin: 0 24px;
9314
- padding: 0 8px;
9325
+ margin: 0 16px;
9315
9326
  text-decoration: none;
9316
9327
  }
9317
9328
  .ProgressTrackerStep:first-child {
@@ -9328,12 +9339,20 @@ button.a-Icon svg {
9328
9339
  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
9329
9340
  }
9330
9341
 
9342
+ .ProgressTrackerStep--small {
9343
+ margin: 0 8px;
9344
+ }
9345
+
9346
+ .ProgressTrackerStep--hideLabels {
9347
+ margin: 0 8px;
9348
+ }
9349
+
9331
9350
  /* Children */
9332
9351
  .ProgressTrackerStep__icon {
9333
- width: 1.8em;
9334
- height: 1.8em;
9352
+ font-weight: 700;
9353
+ width: 24px;
9354
+ height: 24px;
9335
9355
  border-radius: 50%;
9336
- background: var(--colorsSurfaceGreyStronger, #bcbcbd);
9337
9356
  color: var(---colorsTextInverted, #ffffff);
9338
9357
  display: flex;
9339
9358
  flex-shrink: 0;
@@ -9341,43 +9360,91 @@ button.a-Icon svg {
9341
9360
  align-items: center;
9342
9361
  }
9343
9362
 
9344
- .ProgressTrackerStep__label {
9363
+ .ProgressTrackerStep__simple {
9364
+ width: 17px;
9365
+ height: 17px;
9366
+ border-radius: 50%;
9367
+ color: var(---colorsTextInverted, #ffffff);
9368
+ display: flex;
9345
9369
  flex-shrink: 0;
9346
- white-space: nowrap;
9370
+ justify-content: center;
9371
+ align-items: center;
9372
+ }
9373
+ .ProgressTrackerStep--incomplete .ProgressTrackerStep__simple {
9374
+ box-shadow: 0 0 0 2px inset var(--colorsStatusDefault, #8c9ca5);
9375
+ }
9376
+ .ProgressTrackerStep--active .ProgressTrackerStep__simple {
9377
+ box-shadow: 0 0 0 2px inset var(--colorsTextPrimary, #1360d9);
9378
+ }
9379
+ .ProgressTrackerStep--complete .ProgressTrackerStep__simple, .ProgressTrackerStep--editing .ProgressTrackerStep__simple {
9380
+ background-color: var(--colorsTextPrimary, #1360d9);
9381
+ }
9382
+
9383
+ .ProgressTrackerStep__label {
9347
9384
  margin-left: 8px;
9348
9385
  }
9349
9386
 
9350
- /* States */
9351
- .ProgressTrackerStep--clickable:hover {
9387
+ .ProgressTrackerStep--medium .ProgressTrackerStep__label {
9388
+ margin-top: 3px;
9389
+ }
9390
+
9391
+ .ProgressTrackerStep--clickable {
9352
9392
  cursor: pointer;
9353
- opacity: 0.8;
9393
+ }
9394
+ .ProgressTrackerStep--clickable .ProgressTrackerStep__label {
9395
+ color: var(--colorsTextPrimary, #1360d9);
9396
+ }
9397
+ .ProgressTrackerStep--clickable .ProgressTrackerStep__label:hover, .ProgressTrackerStep--clickable .ProgressTrackerStep__label:focus {
9398
+ text-decoration: underline;
9399
+ outline: none;
9354
9400
  }
9355
9401
 
9356
- .ProgressTrackerStep--complete {
9357
- color: var(--colorsTextDefault, #141414);
9402
+ .ProgressTrackerStep--incomplete {
9403
+ color: var(--colorsTextSubdued, #606162);
9358
9404
  }
9405
+ .ProgressTrackerStep--incomplete .ProgressTrackerStep__icon {
9406
+ box-shadow: 0 0 0 2px inset var(--colorsStatusDefault, #8c9ca5);
9407
+ color: var(--colorsTextSubdued, #606162);
9408
+ }
9409
+
9359
9410
  .ProgressTrackerStep--complete .ProgressTrackerStep__icon {
9360
- background-color: var(--colorsStatusSuccess, #18a761);
9411
+ color: var(--colorsTextPrimary, #1360d9);
9361
9412
  }
9362
9413
  .ProgressTrackerStep--complete .a-Icon {
9363
- font-size: 20px;
9414
+ font-size: 28px;
9364
9415
  }
9365
9416
 
9366
9417
  .ProgressTrackerStep--editing,
9367
9418
  .ProgressTrackerStep--active {
9368
9419
  color: var(--colorsTextDefault, #141414);
9369
9420
  }
9421
+ .ProgressTrackerStep--editing .ProgressTrackerStep__label,
9422
+ .ProgressTrackerStep--active .ProgressTrackerStep__label {
9423
+ font-weight: 700;
9424
+ }
9370
9425
  .ProgressTrackerStep--editing .ProgressTrackerStep__icon,
9371
9426
  .ProgressTrackerStep--active .ProgressTrackerStep__icon {
9372
- background-color: var(--colorsStatusInfo, #2270ee);
9427
+ box-shadow: 0 0 0 2px inset var(--colorsTextPrimary, #1360d9);
9428
+ color: var(--colorsTextPrimary, #1360d9);
9373
9429
  }
9374
9430
 
9375
9431
  .ProgressTrackerStep--disabled {
9376
- pointer-events: none !important;
9432
+ pointer-events: none;
9377
9433
  }
9378
9434
  .ProgressTrackerStep--disabled, .ProgressTrackerStep--disabled:hover {
9379
9435
  opacity: 0.6;
9380
9436
  }
9437
+ .ProgressTracker--disabled .ProgressTrackerStep--disabled {
9438
+ opacity: 1;
9439
+ }
9440
+
9441
+ .ProgressTrackerStep__Tooltip {
9442
+ display: none;
9443
+ }
9444
+
9445
+ .ProgressTrackerStep__Tooltip--visible {
9446
+ display: block;
9447
+ }
9381
9448
 
9382
9449
  .a-Radio {
9383
9450
  /* Set color on root of component. It can be overridden after the @include */
@@ -9632,6 +9699,12 @@ button.a-Icon svg {
9632
9699
  .Scroll--of-y-hidden > .Scroll__Scrollbar {
9633
9700
  overflow-y: hidden;
9634
9701
  }
9702
+ .Scroll__Scrollbar:focus {
9703
+ outline-color: var(--colorsFocusRingPrimary, #a9d1ff);
9704
+ }
9705
+ .Scroll__Scrollbar:focus-visible {
9706
+ outline-color: var(--colorsFocusRingPrimary, #a9d1ff);
9707
+ }
9635
9708
 
9636
9709
  /* Scrollable without visible scrollbar */
9637
9710
  .Scroll--of-x-hidden.Scroll--hidden-scrollbar > .Scroll__Scrollbar {
@@ -10044,20 +10117,23 @@ button.a-Icon svg {
10044
10117
  color: var(--colorsTextDefault, #141414);
10045
10118
  padding: 16px;
10046
10119
  }
10047
- .SideNav .Tag {
10048
- margin-left: 8px;
10049
- transform: translateY(-1px);
10050
- }
10051
10120
  .SideNav a {
10052
10121
  text-decoration: none;
10053
10122
  }
10123
+ .SideNav .SideNav {
10124
+ padding: 0;
10125
+ }
10054
10126
 
10055
10127
  .SideNav__title {
10056
- border-bottom: 1px solid var(--colorsBorderGrey, #dfe0e1);
10057
- margin: 0 16px;
10058
- padding: 8px 0 24px;
10128
+ margin: 0 8px;
10129
+ margin-bottom: 16px;
10130
+ padding: 8px 0;
10059
10131
  color: var(--colorsTextOnGrey, #444445);
10060
10132
  }
10133
+ .SideNav__title .Tag {
10134
+ margin-left: 8px;
10135
+ transform: translateY(-1px);
10136
+ }
10061
10137
 
10062
10138
  .SideNav__list {
10063
10139
  list-style: none;
@@ -10065,45 +10141,121 @@ button.a-Icon svg {
10065
10141
  margin-left: 0;
10066
10142
  margin-top: 0;
10067
10143
  padding-left: 0;
10068
- padding-top: 16px;
10069
10144
  }
10070
10145
 
10071
10146
  .SideNavItem {
10072
10147
  margin: 0;
10073
10148
  padding: 0;
10074
10149
  }
10075
-
10076
- .SideNavItem__button {
10150
+ .SideNavItem > .SideNavItem__button {
10077
10151
  border-radius: 3px;
10078
10152
  color: var(--colorsTextDefault, #141414);
10079
10153
  font-weight: 400;
10080
10154
  cursor: pointer;
10081
- display: block;
10082
- padding: 6px 16px;
10155
+ display: flex;
10156
+ min-height: 22px;
10157
+ padding: 6px 8px;
10083
10158
  position: relative;
10084
10159
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
10085
10160
  text-decoration: none;
10161
+ /* States */
10086
10162
  }
10087
- .SideNavItem__button:focus {
10163
+ .SideNavItem > .SideNavItem__button:hover {
10164
+ background: var(--colorsHoverDefault, rgba(4, 4, 4, 0.08));
10165
+ }
10166
+ .SideNavItem > .SideNavItem__button:active:not(:focus-within) {
10167
+ background-color: var(--colorsActiveDefault, rgba(4, 4, 4, 0.2));
10168
+ }
10169
+ .SideNavItem > .SideNavItem__button.SideNavItem__button--focus-visible:focus {
10088
10170
  outline: none;
10171
+ box-shadow: inset 0 0 0 2px var(--colorsFocusRingPrimary, #a9d1ff);
10089
10172
  }
10090
- .SideNavItem__button:hover, .SideNavItem__button.SideNavItem__button--focus-visible:focus {
10091
- background: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
10092
- color: var(--colorsTextPrimary, #2270ee);
10173
+ .SideNavItem > .SideNavItem__button > .SideNavItem__button__prefix,
10174
+ .SideNavItem > .SideNavItem__button > .SideNavItem__button__content,
10175
+ .SideNavItem > .SideNavItem__button > .SideNavItem__button__suffix {
10176
+ color: currentColor;
10177
+ display: inline-flex;
10178
+ align-items: center;
10179
+ }
10180
+ .SideNavItem > .SideNavItem__button > .SideNavItem__button__prefix {
10181
+ margin-right: 8px;
10182
+ }
10183
+ .SideNavItem > .SideNavItem__button > .SideNavItem__button__suffix {
10184
+ margin-left: 8px;
10093
10185
  }
10094
- .SideNavItem--active .SideNavItem__button {
10186
+ .SideNavItem > .SideNavItem__button > .SideNavItem__button__content {
10187
+ flex-grow: 1;
10188
+ margin-top: 0.5px;
10189
+ }
10190
+ .SideNavItem.SideNavItem--disabled > .SideNavItem__button {
10191
+ background-color: transparent !important;
10192
+ opacity: 0.4;
10193
+ pointer-events: none;
10194
+ }
10195
+ .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) {
10196
+ background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
10095
10197
  color: var(--colorsTextPrimary, #2270ee);
10096
10198
  }
10199
+ .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) > .SideNavItem__button__content {
10200
+ font-weight: bold;
10201
+ }
10202
+ .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) .a-Icon svg {
10203
+ color: var(--colorsTextPrimary, #2270ee) !important;
10204
+ fill: var(--colorsTextPrimary, #2270ee) !important;
10205
+ }
10206
+ .SideNavItem .SideNavItem__button--expanded > .SideNavItem__button__content {
10207
+ font-weight: bold;
10208
+ }
10209
+ .SideNavItem .SideNav .SideNavItem > .SideNavItem__button > .SideNavItem__button__content {
10210
+ margin-left: 28px;
10211
+ }
10212
+ .SideNavItem .SideNav .SideNavItem > .SideNavItem__button .SideNavItem__button__prefix {
10213
+ display: none;
10214
+ }
10215
+
10216
+ .SideNavItem__button__suffix__collapsible-icon {
10217
+ transition: transform cubic-bezier(0.4, 0, 0.2, 1) 300ms 0ms;
10218
+ transform: rotate(0) translateY(1px);
10219
+ }
10220
+ .SideNavItem__button--expanded .SideNavItem__button__suffix__collapsible-icon {
10221
+ transform: rotate(180deg) translateY(0);
10222
+ }
10223
+
10224
+ .SideNavItem__button .SideNavItem__button__prefix .a-Icon,
10225
+ .SideNavItem__button .SideNavItem__button__suffix .a-Icon {
10226
+ margin-top: -0.5px;
10227
+ }
10228
+ .SideNavItem__button .StatusLight {
10229
+ margin: -4px -5px;
10230
+ }
10231
+ .SideNavItem__button .Button {
10232
+ margin: -4px;
10233
+ vertical-align: middle;
10234
+ }
10235
+ .SideNavItem__button .ActionMenu__TriggerWrapper {
10236
+ margin-top: -3px;
10237
+ }
10238
+ .SideNavItem__button .Tooltip {
10239
+ margin-top: -2px;
10240
+ }
10241
+ .SideNavItem__button .Tag {
10242
+ margin-left: 8px;
10243
+ transform: translateY(0);
10244
+ }
10097
10245
 
10098
10246
  .SideNavGroup {
10099
- margin-top: 32px;
10247
+ margin-top: 24px;
10100
10248
  }
10101
10249
  .SideNav__list .SideNavGroup:first-child {
10102
10250
  margin-top: 16px;
10103
10251
  }
10252
+ .SideNav__list .SideNavGroup:last-child {
10253
+ margin-bottom: 16px;
10254
+ }
10104
10255
 
10105
10256
  .SideNavGroup__title {
10106
- margin: 0 16px 8px;
10257
+ margin: 8px;
10258
+ margin-top: 0;
10107
10259
  }
10108
10260
 
10109
10261
  .SideNavGroup__list {