@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/dist/dialtone.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);