@servicetitan/design-system 12.2.1 → 12.3.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 (32) hide show
  1. package/dist/components/AnvilSelect/AnvilSelect.css +4 -0
  2. package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
  3. package/dist/components/AnvilSelect/components/SelectHeader.js +3 -1
  4. package/dist/components/AnvilSelect/components/SelectHeader.js.map +1 -1
  5. package/dist/components/AnvilSelect/components/Trigger.css +4 -0
  6. package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
  7. package/dist/components/AnvilSelect/components/Trigger.js +4 -4
  8. package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
  9. package/dist/components/AnvilSelect/index.css +4 -0
  10. package/dist/components/AnvilSelect/index.css.map +1 -1
  11. package/dist/components/OptionList/OptionList.css +4 -18
  12. package/dist/components/OptionList/OptionList.css.map +1 -1
  13. package/dist/components/OptionList/index.css +4 -18
  14. package/dist/components/OptionList/index.css.map +1 -1
  15. package/dist/components/Table/Table.css +1 -1
  16. package/dist/components/Table/index.css +1 -1
  17. package/dist/components/Takeover/TakeoverHeader.js +13 -1
  18. package/dist/components/Takeover/TakeoverHeader.js.map +1 -1
  19. package/dist/components/TimePicker/TimePicker.css +4 -18
  20. package/dist/components/TimePicker/TimePicker.css.map +1 -1
  21. package/dist/components/TimePicker/index.css +4 -18
  22. package/dist/components/TimePicker/index.css.map +1 -1
  23. package/dist/components/index.css +9 -19
  24. package/dist/components/index.css.map +1 -1
  25. package/dist/global/index.css +1 -1
  26. package/dist/global/version.css +1 -1
  27. package/dist/system-light.css +1 -1
  28. package/dist/system-light.min.css +1 -1
  29. package/dist/system.css +10 -20
  30. package/dist/system.css.map +1 -1
  31. package/dist/system.min.css +2 -2
  32. package/package.json +7 -7
package/dist/system.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
3
3
  html {
4
- --anvil-version: "12.2.1";
4
+ --anvil-version: "12.3.0";
5
5
  }
6
6
 
7
7
  /*
@@ -16609,6 +16609,10 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
16609
16609
  width: 14px;
16610
16610
  }
16611
16611
 
16612
+ .Select__search .Select__input-clearable .Input.Input--small input {
16613
+ padding-right: 24px;
16614
+ }
16615
+
16612
16616
  .Select__search {
16613
16617
  position: relative;
16614
16618
  }
@@ -24764,6 +24768,7 @@ button.a-Icon svg {
24764
24768
 
24765
24769
  /* Single Option in Options */
24766
24770
  .OptionList__option {
24771
+ padding-right: 16px;
24767
24772
  border-radius: 3px;
24768
24773
  display: flex;
24769
24774
  position: relative;
@@ -24772,7 +24777,7 @@ button.a-Icon svg {
24772
24777
  .OptionList__option .Checkbox__label {
24773
24778
  font-size: 14px;
24774
24779
  font-weight: 400;
24775
- padding: 8px 16px 8px 0;
24780
+ padding: 8px 0;
24776
24781
  width: 100%;
24777
24782
  }
24778
24783
  .OptionList__option .a-Checkbox {
@@ -24859,25 +24864,10 @@ button.a-Icon svg {
24859
24864
  /* Secondary actions. Shown only on hover. */
24860
24865
  .OptionList__option--secondary-action {
24861
24866
  align-self: center;
24862
- margin-left: auto;
24863
- margin-right: 4px;
24864
- opacity: 0;
24865
- position: absolute;
24866
- right: 4px;
24867
- top: 0;
24868
- bottom: 0;
24867
+ margin-right: -8px;
24869
24868
  display: flex;
24870
24869
  align-items: center;
24871
- padding-left: 24px;
24872
- z-index: 2;
24873
- background: linear-gradient(to left, var(--colorsSurfaceGrey, #eeeeee) 70%, var(--colorsSurfaceGrey, #eeeeee) 71%, transparent 100%);
24874
- /* Match the background color of the single selected option */
24875
- }
24876
- .OptionList__option:hover .OptionList__option--secondary-action {
24877
- opacity: 1;
24878
- }
24879
- .OptionList--single-select .Checkbox--checked + .OptionList__option--secondary-action {
24880
- background: linear-gradient(to left, var(--colorsHoverPrimary, #ecf4fd) 70%, var(--colorsHoverPrimary, #ecf4fd) 71%, transparent 100%);
24870
+ padding-left: 8px;
24881
24871
  }
24882
24872
 
24883
24873
  /*
@@ -27032,7 +27022,7 @@ button.a-Icon svg {
27032
27022
  }
27033
27023
  .Table.k-grid tr.k-alt.k-state-selected:hover,
27034
27024
  .Table.k-grid tr.k-state-selected:hover {
27035
- background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
27025
+ background-color: var(--colorsHoverPrimary, #a9d1ff);
27036
27026
  }
27037
27027
  .Table.k-grid tr.k-alt.k-state-selected > td,
27038
27028
  .Table.k-grid tr.k-state-selected > td {