@dialpad/dialtone-css 8.45.2 → 8.46.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 (22) hide show
  1. package/lib/build/less/components/badge.less +1 -1
  2. package/lib/build/less/components/input.less +10 -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 +124 -89
  7. package/lib/dist/dialtone-default-theme.min.css +1 -1
  8. package/lib/dist/dialtone.css +39 -4
  9. package/lib/dist/dialtone.min.css +1 -1
  10. package/lib/dist/tokens/tokens-base-dark.css +50 -50
  11. package/lib/dist/tokens/tokens-base-light.css +50 -50
  12. package/lib/dist/tokens/tokens-debug-base.css +777 -0
  13. package/lib/dist/tokens/tokens-debug-dp.css +2131 -0
  14. package/lib/dist/tokens/tokens-dp-dark.css +35 -35
  15. package/lib/dist/tokens/tokens-dp-light.css +35 -35
  16. package/lib/dist/tokens/tokens-expressive-dark.css +35 -35
  17. package/lib/dist/tokens/tokens-expressive-light.css +35 -35
  18. package/lib/dist/tokens/tokens-expressive-sm-dark.css +35 -35
  19. package/lib/dist/tokens/tokens-expressive-sm-light.css +35 -35
  20. package/lib/dist/tokens/tokens-tmo-dark.css +35 -35
  21. package/lib/dist/tokens/tokens-tmo-light.css +35 -35
  22. 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));
@@ -135,6 +135,15 @@
135
135
  &::-ms-expand {
136
136
  display: none;
137
137
  }
138
+
139
+ // -- SEARCH INPUTS
140
+ // remove the search input's default styling
141
+ input[type="search"]::-webkit-search-decoration,
142
+ input[type="search"]::-webkit-search-cancel-button,
143
+ input[type="search"]::-webkit-search-results-button,
144
+ input[type="search"]::-webkit-search-results-decoration {
145
+ display: none;
146
+ }
138
147
  }
139
148
 
140
149
  .d-input__length-description {
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));
@@ -2468,6 +2468,32 @@ legend .d-label--md {
2468
2468
  .d-input__wrapper::-ms-expand {
2469
2469
  display: none;
2470
2470
  }
2471
+ .d-input input[type="search"]::-webkit-search-decoration,
2472
+ .d-input--md input[type="search"]::-webkit-search-decoration,
2473
+ .d-textarea input[type="search"]::-webkit-search-decoration,
2474
+ .d-textarea--md input[type="search"]::-webkit-search-decoration,
2475
+ .d-input__wrapper--md input[type="search"]::-webkit-search-decoration,
2476
+ .d-input__wrapper input[type="search"]::-webkit-search-decoration,
2477
+ .d-input input[type="search"]::-webkit-search-cancel-button,
2478
+ .d-input--md input[type="search"]::-webkit-search-cancel-button,
2479
+ .d-textarea input[type="search"]::-webkit-search-cancel-button,
2480
+ .d-textarea--md input[type="search"]::-webkit-search-cancel-button,
2481
+ .d-input__wrapper--md input[type="search"]::-webkit-search-cancel-button,
2482
+ .d-input__wrapper input[type="search"]::-webkit-search-cancel-button,
2483
+ .d-input input[type="search"]::-webkit-search-results-button,
2484
+ .d-input--md input[type="search"]::-webkit-search-results-button,
2485
+ .d-textarea input[type="search"]::-webkit-search-results-button,
2486
+ .d-textarea--md input[type="search"]::-webkit-search-results-button,
2487
+ .d-input__wrapper--md input[type="search"]::-webkit-search-results-button,
2488
+ .d-input__wrapper input[type="search"]::-webkit-search-results-button,
2489
+ .d-input input[type="search"]::-webkit-search-results-decoration,
2490
+ .d-input--md input[type="search"]::-webkit-search-results-decoration,
2491
+ .d-textarea input[type="search"]::-webkit-search-results-decoration,
2492
+ .d-textarea--md input[type="search"]::-webkit-search-results-decoration,
2493
+ .d-input__wrapper--md input[type="search"]::-webkit-search-results-decoration,
2494
+ .d-input__wrapper input[type="search"]::-webkit-search-results-decoration {
2495
+ display: none;
2496
+ }
2471
2497
  .d-input__length-description {
2472
2498
  margin-bottom: var(--dt-space-200);
2473
2499
  }
@@ -2872,6 +2898,7 @@ legend .d-label--md {
2872
2898
  --modal-dialog-color-text: var(--dt-color-foreground-primary);
2873
2899
  --modal-header-color-text: var(--dt-color-foreground-primary);
2874
2900
  --modal-dialog-shadow: var(--dt-shadow-large);
2901
+ -webkit-app-region: no-drag;
2875
2902
  position: fixed;
2876
2903
  inset: 0;
2877
2904
  z-index: var(--zi-hide);
@@ -2889,6 +2916,7 @@ legend .d-label--md {
2889
2916
  }
2890
2917
  .d-modal--transparent {
2891
2918
  --modal-backdrop-color-background: var(--d-bgc-transparent);
2919
+ -webkit-app-region: no-drag;
2892
2920
  }
2893
2921
  .d-modal--transparent[aria-hidden='false'] {
2894
2922
  position: fixed;
@@ -3386,6 +3414,7 @@ legend .d-label--md {
3386
3414
  --popover-border-radius: var(--dt-size-400);
3387
3415
  --popover-color-border: var(--dt-color-border-subtle);
3388
3416
  --popover-shadow: var(--dt-shadow-card);
3417
+ -webkit-app-region: no-drag;
3389
3418
  display: grid;
3390
3419
  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
3391
3420
  grid-template-rows: min-content 1fr min-content;
@@ -3450,7 +3479,7 @@ legend .d-label--md {
3450
3479
  --check-radio-color-background: var(--dt-inputs-color-background-default);
3451
3480
  --check-radio-color-background-checked: var(--dt-checkbox-color-background-checked);
3452
3481
  --check-radio-color-background-disabled: var(--dt-inputs-color-background-disabled);
3453
- --check-radio-border-width: var(--dt-size-border-150);
3482
+ --check-radio-border-width: var(--dt-size-border-100);
3454
3483
  flex: 0 auto;
3455
3484
  align-self: flex-start;
3456
3485
  transition-timing-function: var(--ttf-out-quint);
@@ -3672,7 +3701,7 @@ legend .d-label--md {
3672
3701
  --input-color-background: var(--dt-inputs-color-background-default);
3673
3702
  --input-color-background-disabled: var(--dt-inputs-color-background-disabled);
3674
3703
  --input-color-text: var(--dt-inputs-color-foreground-default);
3675
- --input-border-width: var(--dt-size-border-150);
3704
+ --input-border-width: var(--dt-size-border-100);
3676
3705
  --input-border-radius: var(--dt-inputs-size-radius-md);
3677
3706
  --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
3678
3707
  --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
@@ -3778,6 +3807,12 @@ legend .d-label--md {
3778
3807
  .d-select__input::-ms-expand {
3779
3808
  display: none;
3780
3809
  }
3810
+ .d-select__input input[type="search"]::-webkit-search-decoration,
3811
+ .d-select__input input[type="search"]::-webkit-search-cancel-button,
3812
+ .d-select__input input[type="search"]::-webkit-search-results-button,
3813
+ .d-select__input input[type="search"]::-webkit-search-results-decoration {
3814
+ display: none;
3815
+ }
3781
3816
  .d-select__input option {
3782
3817
  color: var(--dt-color-foreground-secondary);
3783
3818
  background-color: var(--dt-color-surface-secondary);
@@ -7829,12 +7864,61 @@ body {
7829
7864
  --dt-shadow-focus-2-type: dropShadow;
7830
7865
  --dt-shadow-focus-1-type: dropShadow;
7831
7866
  --dt-shadow-card-3-type: dropShadow;
7867
+ --dt-shadow-card-3-color-h: 0;
7868
+ --dt-shadow-card-3-color-s: 0%;
7869
+ --dt-shadow-card-3-color-l: 0%;
7870
+ --dt-shadow-card-3-color-a: 8%;
7871
+ --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);
7872
+ --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%));
7873
+ --dt-shadow-card-3-color: #00000014;
7832
7874
  --dt-shadow-card-2-type: dropShadow;
7875
+ --dt-shadow-card-2-color-h: 0;
7876
+ --dt-shadow-card-2-color-s: 0%;
7877
+ --dt-shadow-card-2-color-l: 0%;
7878
+ --dt-shadow-card-2-color-a: 4%;
7879
+ --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);
7880
+ --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%));
7881
+ --dt-shadow-card-2-color: #0000000a;
7833
7882
  --dt-shadow-card-1-type: dropShadow;
7883
+ --dt-shadow-card-1-color-h: 0;
7884
+ --dt-shadow-card-1-color-s: 0%;
7885
+ --dt-shadow-card-1-color-l: 0%;
7886
+ --dt-shadow-card-1-color-a: 3%;
7887
+ --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);
7888
+ --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%));
7889
+ --dt-shadow-card-1-color: #00000008;
7834
7890
  --dt-shadow-extra-large-type: dropShadow;
7891
+ --dt-shadow-extra-large-color-h: 0;
7892
+ --dt-shadow-extra-large-color-s: 0%;
7893
+ --dt-shadow-extra-large-color-l: 0%;
7894
+ --dt-shadow-extra-large-color-a: 30%;
7895
+ --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);
7896
+ --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%));
7897
+ --dt-shadow-extra-large-color: #0000004d;
7835
7898
  --dt-shadow-large-type: dropShadow;
7899
+ --dt-shadow-large-color-h: 0;
7900
+ --dt-shadow-large-color-s: 0%;
7901
+ --dt-shadow-large-color-l: 0%;
7902
+ --dt-shadow-large-color-a: 30%;
7903
+ --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
7904
+ --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
7905
+ --dt-shadow-large-color: #0000004d;
7836
7906
  --dt-shadow-medium-type: dropShadow;
7907
+ --dt-shadow-medium-color-h: 0;
7908
+ --dt-shadow-medium-color-s: 0%;
7909
+ --dt-shadow-medium-color-l: 0%;
7910
+ --dt-shadow-medium-color-a: 25%;
7911
+ --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
7912
+ --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%));
7913
+ --dt-shadow-medium-color: #00000040;
7837
7914
  --dt-shadow-small-type: dropShadow;
7915
+ --dt-shadow-small-color-h: 0;
7916
+ --dt-shadow-small-color-s: 0%;
7917
+ --dt-shadow-small-color-l: 0%;
7918
+ --dt-shadow-small-color-a: 15%;
7919
+ --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
7920
+ --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%));
7921
+ --dt-shadow-small-color: #00000026;
7838
7922
  --dt-opacity-1300: 1;
7839
7923
  --dt-opacity-1200: .9;
7840
7924
  --dt-opacity-1100: .8;
@@ -8475,79 +8559,30 @@ body {
8475
8559
  --dt-shadow-focus-1-blur: var(--dt-size-0);
8476
8560
  --dt-shadow-card-3-offset-y: var(--dt-size-200);
8477
8561
  --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
8562
  --dt-shadow-card-3-spread: var(--dt-size-0);
8486
8563
  --dt-shadow-card-3-blur: var(--dt-size-500);
8487
8564
  --dt-shadow-card-2-offset-y: var(--dt-size-200);
8488
8565
  --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
8566
  --dt-shadow-card-2-spread: var(--dt-size-0);
8497
8567
  --dt-shadow-card-2-blur: var(--dt-size-300);
8498
8568
  --dt-shadow-card-1-offset-y: var(--dt-size-100);
8499
8569
  --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
8570
  --dt-shadow-card-1-spread: var(--dt-size-0);
8508
8571
  --dt-shadow-card-1-blur: var(--dt-size-200);
8509
8572
  --dt-shadow-extra-large-offset-y: var(--dt-size-200);
8510
8573
  --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
8574
  --dt-shadow-extra-large-spread: var(--dt-size-0);
8519
8575
  --dt-shadow-extra-large-blur: var(--dt-size-600);
8520
8576
  --dt-shadow-large-offset-y: var(--dt-size-200);
8521
8577
  --dt-shadow-large-offset-x: var(--dt-size-0);
8522
- --dt-shadow-large-color-h: 0;
8523
- --dt-shadow-large-color-s: 0%;
8524
- --dt-shadow-large-color-l: 0%;
8525
- --dt-shadow-large-color-a: 30%;
8526
- --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
8527
- --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
8528
- --dt-shadow-large-color: rgba(0, 0, 0, 0.3);
8529
8578
  --dt-shadow-large-spread: var(--dt-size-0);
8530
8579
  --dt-shadow-large-blur: var(--dt-size-500);
8531
8580
  --dt-shadow-medium-offset-y: var(--dt-size-200);
8532
8581
  --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
8582
  --dt-shadow-medium-spread: var(--dt-size-0);
8541
8583
  --dt-shadow-medium-blur: var(--dt-size-400);
8542
8584
  --dt-shadow-small-offset-y: var(--dt-size-200);
8543
8585
  --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
8586
  --dt-shadow-small-spread: var(--dt-size-0);
8552
8587
  --dt-shadow-small-blur: var(--dt-size-300);
8553
8588
  --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;
@@ -8558,7 +8593,7 @@ body {
8558
8593
  --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
8559
8594
  --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
8560
8595
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
8561
- --dt-size-base: calc(var(--dt-font-size-root) * .8);
8596
+ --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
8562
8597
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
8563
8598
  --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
8564
8599
  --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */
@@ -21614,13 +21649,6 @@ body {
21614
21649
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
21615
21650
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
21616
21651
  --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
21652
  --dt-radio-size-width: var(--dt-size-500);
21625
21653
  --dt-icon-size-border-100: var(--dt-size-border-100);
21626
21654
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -21630,13 +21658,6 @@ body {
21630
21658
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
21631
21659
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
21632
21660
  --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
21661
  --dt-checkbox-size-width: var(--dt-size-500);
21641
21662
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
21642
21663
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -22778,6 +22799,13 @@ body {
22778
22799
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
22779
22800
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
22780
22801
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
22802
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
22803
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
22804
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
22805
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
22806
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
22807
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
22808
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
22781
22809
  --dt-radio-size-height: var(--dt-radio-size-width);
22782
22810
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
22783
22811
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -22800,6 +22828,13 @@ body {
22800
22828
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
22801
22829
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
22802
22830
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
22831
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
22832
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
22833
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
22834
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
22835
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
22836
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
22837
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
22803
22838
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
22804
22839
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
22805
22840
  --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
@@ -23060,20 +23095,20 @@ body {
23060
23095
  --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
23096
  --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
23097
  --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);
23098
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
23099
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
23100
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
23101
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
23102
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
23103
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
23104
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
23105
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
23106
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
23107
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
23108
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
23109
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
23110
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
23111
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
23077
23112
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
23078
23113
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
23079
23114
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -23228,13 +23263,13 @@ body {
23228
23263
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
23229
23264
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
23230
23265
  --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);
23266
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
23267
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
23268
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
23269
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
23270
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
23271
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
23272
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
23238
23273
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
23239
23274
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
23240
23275
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);