@dialpad/dialtone-css 8.45.2 → 8.45.3

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 (20) hide show
  1. package/lib/build/less/components/badge.less +1 -1
  2. package/lib/build/less/components/input.less +1 -1
  3. package/lib/build/less/components/modal.less +5 -0
  4. package/lib/build/less/components/popover.less +3 -0
  5. package/lib/build/less/components/radio-checkbox.less +1 -1
  6. package/lib/dist/dialtone-default-theme.css +84 -81
  7. package/lib/dist/dialtone-default-theme.min.css +1 -1
  8. package/lib/dist/dialtone.css +7 -4
  9. package/lib/dist/dialtone.min.css +1 -1
  10. package/lib/dist/tokens/tokens-base-dark.css +49 -49
  11. package/lib/dist/tokens/tokens-base-light.css +42 -42
  12. package/lib/dist/tokens/tokens-dp-dark.css +35 -35
  13. package/lib/dist/tokens/tokens-dp-light.css +35 -35
  14. package/lib/dist/tokens/tokens-expressive-dark.css +35 -35
  15. package/lib/dist/tokens/tokens-expressive-light.css +35 -35
  16. package/lib/dist/tokens/tokens-expressive-sm-dark.css +35 -35
  17. package/lib/dist/tokens/tokens-expressive-sm-light.css +35 -35
  18. package/lib/dist/tokens/tokens-tmo-dark.css +35 -35
  19. package/lib/dist/tokens/tokens-tmo-light.css +35 -35
  20. package/package.json +2 -2
package/lib/build/less/components/badge.less CHANGED
@@ -102,7 +102,7 @@
102
102
  }
103
103
 
104
104
  &--outlined {
105
- box-shadow: 0 0 0 var(--dt-size-border-150) var(--badge-color-outline) inset;
105
+ box-shadow: 0 0 0 var(--dt-size-border-100) var(--badge-color-outline) inset;
106
106
  }
107
107
 
108
108
  // DECORATIVE
package/lib/build/less/components/input.less CHANGED
@@ -30,7 +30,7 @@
30
30
  --input-color-background: var(--dt-inputs-color-background-default);
31
31
  --input-color-background-disabled: var(--dt-inputs-color-background-disabled);
32
32
  --input-color-text: var(--dt-inputs-color-foreground-default);
33
- --input-border-width: var(--dt-size-border-150);
33
+ --input-border-width: var(--dt-size-border-100);
34
34
  --input-border-radius: var(--dt-inputs-size-radius-md);
35
35
  --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
36
36
  --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
package/lib/build/less/components/modal.less CHANGED
@@ -33,6 +33,8 @@
33
33
  --modal-header-color-text: var(--dt-color-foreground-primary);
34
34
  --modal-dialog-shadow: var(--dt-shadow-large);
35
35
 
36
+ // If we don't set this the native app header region will override all click events on the modal overlay
37
+ -webkit-app-region: no-drag;
36
38
  position: fixed;
37
39
  inset: 0;
38
40
  z-index: var(--zi-hide);
@@ -51,6 +53,9 @@
51
53
  .d-modal--transparent {
52
54
  --modal-backdrop-color-background: var(--d-bgc-transparent);
53
55
 
56
+ // If we don't set this the native app header region will override all click events on the modal overlay
57
+ -webkit-app-region: no-drag;
58
+
54
59
  &[aria-hidden='false'] {
55
60
  position: fixed;
56
61
  top: 0;
package/lib/build/less/components/popover.less CHANGED
@@ -30,6 +30,9 @@
30
30
  --popover-color-border: var(--dt-color-border-subtle);
31
31
  --popover-shadow: var(--dt-shadow-card);
32
32
 
33
+ // If we don't set this the native app header region will override all click events within the popover
34
+ -webkit-app-region: no-drag;
35
+
33
36
  &,
34
37
  *,
35
38
  *::before,
package/lib/build/less/components/radio-checkbox.less CHANGED
@@ -30,7 +30,7 @@
30
30
  --check-radio-color-background: var(--dt-inputs-color-background-default);
31
31
  --check-radio-color-background-checked: var(--dt-checkbox-color-background-checked);
32
32
  --check-radio-color-background-disabled: var(--dt-inputs-color-background-disabled);
33
- --check-radio-border-width: var(--dt-size-border-150);
33
+ --check-radio-border-width: var(--dt-size-border-100);
34
34
 
35
35
  // [1] Check to see if we can use custom styles, if so reset the defaults
36
36
  // ------------------------------------------------------------------------
package/lib/dist/dialtone-default-theme.css CHANGED
@@ -1096,7 +1096,7 @@ template {
1096
1096
  background-image: var(--dt-badge-color-background-ai);
1097
1097
  }
1098
1098
  .d-badge--outlined {
1099
- box-shadow: 0 0 0 var(--dt-size-border-150) var(--badge-color-outline) inset;
1099
+ box-shadow: 0 0 0 var(--dt-size-border-100) var(--badge-color-outline) inset;
1100
1100
  }
1101
1101
  .d-badge--decorate-black-400 {
1102
1102
  --badge-decorative-color: var(--dt-color-black-400);
@@ -2228,7 +2228,7 @@ legend .d-label--md {
2228
2228
  --input-color-background: var(--dt-inputs-color-background-default);
2229
2229
  --input-color-background-disabled: var(--dt-inputs-color-background-disabled);
2230
2230
  --input-color-text: var(--dt-inputs-color-foreground-default);
2231
- --input-border-width: var(--dt-size-border-150);
2231
+ --input-border-width: var(--dt-size-border-100);
2232
2232
  --input-border-radius: var(--dt-inputs-size-radius-md);
2233
2233
  --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
2234
2234
  --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
@@ -2872,6 +2872,7 @@ legend .d-label--md {
2872
2872
  --modal-dialog-color-text: var(--dt-color-foreground-primary);
2873
2873
  --modal-header-color-text: var(--dt-color-foreground-primary);
2874
2874
  --modal-dialog-shadow: var(--dt-shadow-large);
2875
+ -webkit-app-region: no-drag;
2875
2876
  position: fixed;
2876
2877
  inset: 0;
2877
2878
  z-index: var(--zi-hide);
@@ -2889,6 +2890,7 @@ legend .d-label--md {
2889
2890
  }
2890
2891
  .d-modal--transparent {
2891
2892
  --modal-backdrop-color-background: var(--d-bgc-transparent);
2893
+ -webkit-app-region: no-drag;
2892
2894
  }
2893
2895
  .d-modal--transparent[aria-hidden='false'] {
2894
2896
  position: fixed;
@@ -3386,6 +3388,7 @@ legend .d-label--md {
3386
3388
  --popover-border-radius: var(--dt-size-400);
3387
3389
  --popover-color-border: var(--dt-color-border-subtle);
3388
3390
  --popover-shadow: var(--dt-shadow-card);
3391
+ -webkit-app-region: no-drag;
3389
3392
  display: grid;
3390
3393
  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
3391
3394
  grid-template-rows: min-content 1fr min-content;
@@ -3450,7 +3453,7 @@ legend .d-label--md {
3450
3453
  --check-radio-color-background: var(--dt-inputs-color-background-default);
3451
3454
  --check-radio-color-background-checked: var(--dt-checkbox-color-background-checked);
3452
3455
  --check-radio-color-background-disabled: var(--dt-inputs-color-background-disabled);
3453
- --check-radio-border-width: var(--dt-size-border-150);
3456
+ --check-radio-border-width: var(--dt-size-border-100);
3454
3457
  flex: 0 auto;
3455
3458
  align-self: flex-start;
3456
3459
  transition-timing-function: var(--ttf-out-quint);
@@ -3672,7 +3675,7 @@ legend .d-label--md {
3672
3675
  --input-color-background: var(--dt-inputs-color-background-default);
3673
3676
  --input-color-background-disabled: var(--dt-inputs-color-background-disabled);
3674
3677
  --input-color-text: var(--dt-inputs-color-foreground-default);
3675
- --input-border-width: var(--dt-size-border-150);
3678
+ --input-border-width: var(--dt-size-border-100);
3676
3679
  --input-border-radius: var(--dt-inputs-size-radius-md);
3677
3680
  --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
3678
3681
  --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
@@ -7829,12 +7832,54 @@ body {
7829
7832
  --dt-shadow-focus-2-type: dropShadow;
7830
7833
  --dt-shadow-focus-1-type: dropShadow;
7831
7834
  --dt-shadow-card-3-type: dropShadow;
7835
+ --dt-shadow-card-3-color-h: 0;
7836
+ --dt-shadow-card-3-color-s: 0%;
7837
+ --dt-shadow-card-3-color-l: 0%;
7838
+ --dt-shadow-card-3-color-a: 8%;
7839
+ --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
7840
+ --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 8%));
7841
+ --dt-shadow-card-3-color: #00000014;
7832
7842
  --dt-shadow-card-2-type: dropShadow;
7843
+ --dt-shadow-card-2-color-h: 0;
7844
+ --dt-shadow-card-2-color-s: 0%;
7845
+ --dt-shadow-card-2-color-l: 0%;
7846
+ --dt-shadow-card-2-color-a: 4%;
7847
+ --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
7848
+ --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 4%));
7849
+ --dt-shadow-card-2-color: #0000000a;
7833
7850
  --dt-shadow-card-1-type: dropShadow;
7851
+ --dt-shadow-card-1-color-h: 0;
7852
+ --dt-shadow-card-1-color-s: 0%;
7853
+ --dt-shadow-card-1-color-l: 0%;
7854
+ --dt-shadow-card-1-color-a: 3%;
7855
+ --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
7856
+ --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 3%));
7857
+ --dt-shadow-card-1-color: #00000008;
7834
7858
  --dt-shadow-extra-large-type: dropShadow;
7859
+ --dt-shadow-extra-large-color-h: 0;
7860
+ --dt-shadow-extra-large-color-s: 0%;
7861
+ --dt-shadow-extra-large-color-l: 0%;
7862
+ --dt-shadow-extra-large-color-a: 30%;
7863
+ --dt-shadow-extra-large-color-hsl: var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l);
7864
+ --dt-shadow-extra-large-color-hsla: hsl(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 30%));
7865
+ --dt-shadow-extra-large-color: #0000004d;
7835
7866
  --dt-shadow-large-type: dropShadow;
7836
7867
  --dt-shadow-medium-type: dropShadow;
7868
+ --dt-shadow-medium-color-h: 0;
7869
+ --dt-shadow-medium-color-s: 0%;
7870
+ --dt-shadow-medium-color-l: 0%;
7871
+ --dt-shadow-medium-color-a: 25%;
7872
+ --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
7873
+ --dt-shadow-medium-color-hsla: hsl(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 25%));
7874
+ --dt-shadow-medium-color: #00000040;
7837
7875
  --dt-shadow-small-type: dropShadow;
7876
+ --dt-shadow-small-color-h: 0;
7877
+ --dt-shadow-small-color-s: 0%;
7878
+ --dt-shadow-small-color-l: 0%;
7879
+ --dt-shadow-small-color-a: 15%;
7880
+ --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
7881
+ --dt-shadow-small-color-hsla: hsl(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 15%));
7882
+ --dt-shadow-small-color: #00000026;
7838
7883
  --dt-opacity-1300: 1;
7839
7884
  --dt-opacity-1200: .9;
7840
7885
  --dt-opacity-1100: .8;
@@ -8475,46 +8520,18 @@ body {
8475
8520
  --dt-shadow-focus-1-blur: var(--dt-size-0);
8476
8521
  --dt-shadow-card-3-offset-y: var(--dt-size-200);
8477
8522
  --dt-shadow-card-3-offset-x: var(--dt-size-0);
8478
- --dt-shadow-card-3-color-h: 0;
8479
- --dt-shadow-card-3-color-s: 0%;
8480
- --dt-shadow-card-3-color-l: 0%;
8481
- --dt-shadow-card-3-color-a: 8%;
8482
- --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
8483
- --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 8%));
8484
- --dt-shadow-card-3-color: rgba(0, 0, 0, 0.08);
8485
8523
  --dt-shadow-card-3-spread: var(--dt-size-0);
8486
8524
  --dt-shadow-card-3-blur: var(--dt-size-500);
8487
8525
  --dt-shadow-card-2-offset-y: var(--dt-size-200);
8488
8526
  --dt-shadow-card-2-offset-x: var(--dt-size-0);
8489
- --dt-shadow-card-2-color-h: 0;
8490
- --dt-shadow-card-2-color-s: 0%;
8491
- --dt-shadow-card-2-color-l: 0%;
8492
- --dt-shadow-card-2-color-a: 4%;
8493
- --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
8494
- --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 4%));
8495
- --dt-shadow-card-2-color: rgba(0, 0, 0, 0.04);
8496
8527
  --dt-shadow-card-2-spread: var(--dt-size-0);
8497
8528
  --dt-shadow-card-2-blur: var(--dt-size-300);
8498
8529
  --dt-shadow-card-1-offset-y: var(--dt-size-100);
8499
8530
  --dt-shadow-card-1-offset-x: var(--dt-size-0);
8500
- --dt-shadow-card-1-color-h: 0;
8501
- --dt-shadow-card-1-color-s: 0%;
8502
- --dt-shadow-card-1-color-l: 0%;
8503
- --dt-shadow-card-1-color-a: 3%;
8504
- --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
8505
- --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 3%));
8506
- --dt-shadow-card-1-color: rgba(0, 0, 0, 0.03);
8507
8531
  --dt-shadow-card-1-spread: var(--dt-size-0);
8508
8532
  --dt-shadow-card-1-blur: var(--dt-size-200);
8509
8533
  --dt-shadow-extra-large-offset-y: var(--dt-size-200);
8510
8534
  --dt-shadow-extra-large-offset-x: var(--dt-size-0);
8511
- --dt-shadow-extra-large-color-h: 0;
8512
- --dt-shadow-extra-large-color-s: 0%;
8513
- --dt-shadow-extra-large-color-l: 0%;
8514
- --dt-shadow-extra-large-color-a: 30%;
8515
- --dt-shadow-extra-large-color-hsl: var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l);
8516
- --dt-shadow-extra-large-color-hsla: hsl(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 30%));
8517
- --dt-shadow-extra-large-color: rgba(0, 0, 0, 0.3);
8518
8535
  --dt-shadow-extra-large-spread: var(--dt-size-0);
8519
8536
  --dt-shadow-extra-large-blur: var(--dt-size-600);
8520
8537
  --dt-shadow-large-offset-y: var(--dt-size-200);
@@ -8530,24 +8547,10 @@ body {
8530
8547
  --dt-shadow-large-blur: var(--dt-size-500);
8531
8548
  --dt-shadow-medium-offset-y: var(--dt-size-200);
8532
8549
  --dt-shadow-medium-offset-x: var(--dt-size-0);
8533
- --dt-shadow-medium-color-h: 0;
8534
- --dt-shadow-medium-color-s: 0%;
8535
- --dt-shadow-medium-color-l: 0%;
8536
- --dt-shadow-medium-color-a: 25%;
8537
- --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
8538
- --dt-shadow-medium-color-hsla: hsl(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 25%));
8539
- --dt-shadow-medium-color: rgba(0, 0, 0, 0.25);
8540
8550
  --dt-shadow-medium-spread: var(--dt-size-0);
8541
8551
  --dt-shadow-medium-blur: var(--dt-size-400);
8542
8552
  --dt-shadow-small-offset-y: var(--dt-size-200);
8543
8553
  --dt-shadow-small-offset-x: var(--dt-size-0);
8544
- --dt-shadow-small-color-h: 0;
8545
- --dt-shadow-small-color-s: 0%;
8546
- --dt-shadow-small-color-l: 0%;
8547
- --dt-shadow-small-color-a: 15%;
8548
- --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
8549
- --dt-shadow-small-color-hsla: hsl(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 15%));
8550
- --dt-shadow-small-color: rgba(0, 0, 0, 0.15);
8551
8554
  --dt-shadow-small-spread: var(--dt-size-0);
8552
8555
  --dt-shadow-small-blur: var(--dt-size-300);
8553
8556
  --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;
@@ -21614,13 +21617,6 @@ body {
21614
21617
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
21615
21618
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
21616
21619
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
21617
- --dt-radio-color-border-unchecked-h: var(--dt-color-black-400-h);
21618
- --dt-radio-color-border-unchecked-s: var(--dt-color-black-400-s);
21619
- --dt-radio-color-border-unchecked-l: var(--dt-color-black-400-l);
21620
- --dt-radio-color-border-unchecked-a: var(--dt-color-black-400-a);
21621
- --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
21622
- --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
21623
- --dt-radio-color-border-unchecked: var(--dt-color-black-400);
21624
21620
  --dt-radio-size-width: var(--dt-size-500);
21625
21621
  --dt-icon-size-border-100: var(--dt-size-border-100);
21626
21622
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -21630,13 +21626,6 @@ body {
21630
21626
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
21631
21627
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
21632
21628
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
21633
- --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-400-h);
21634
- --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-400-s);
21635
- --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-400-l);
21636
- --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-400-a);
21637
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
21638
- --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
21639
- --dt-checkbox-color-border-unchecked: var(--dt-color-black-400);
21640
21629
  --dt-checkbox-size-width: var(--dt-size-500);
21641
21630
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
21642
21631
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -22778,6 +22767,13 @@ body {
22778
22767
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
22779
22768
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
22780
22769
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
22770
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
22771
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
22772
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
22773
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
22774
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
22775
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
22776
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
22781
22777
  --dt-radio-size-height: var(--dt-radio-size-width);
22782
22778
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
22783
22779
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -22800,6 +22796,13 @@ body {
22800
22796
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
22801
22797
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
22802
22798
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
22799
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
22800
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
22801
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
22802
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
22803
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
22804
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
22805
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
22803
22806
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
22804
22807
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
22805
22808
  --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
@@ -23060,20 +23063,20 @@ body {
23060
23063
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
23061
23064
  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
23062
23065
  --dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
23063
- --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
23064
- --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
23065
- --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
23066
- --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
23067
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
23068
- --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
23069
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
23070
- --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
23071
- --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
23072
- --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
23073
- --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
23074
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
23075
- --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
23076
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
23066
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
23067
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
23068
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
23069
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
23070
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
23071
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
23072
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
23073
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
23074
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
23075
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
23076
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
23077
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
23078
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
23079
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
23077
23080
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
23078
23081
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
23079
23082
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -23228,13 +23231,13 @@ body {
23228
23231
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
23229
23232
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
23230
23233
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
23231
- --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
23232
- --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
23233
- --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
23234
- --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
23235
- --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
23236
- --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
23237
- --dt-inputs-color-border-default: var(--dt-color-border-subtle);
23234
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
23235
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
23236
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
23237
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
23238
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
23239
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
23240
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
23238
23241
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
23239
23242
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
23240
23243
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);