@dialpad/dialtone-css 8.45.3 → 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 (10) hide show
  1. package/lib/build/less/components/input.less +9 -0
  2. package/lib/dist/dialtone-default-theme.css +40 -8
  3. package/lib/dist/dialtone-default-theme.min.css +1 -1
  4. package/lib/dist/dialtone.css +32 -0
  5. package/lib/dist/dialtone.min.css +1 -1
  6. package/lib/dist/tokens/tokens-base-dark.css +1 -1
  7. package/lib/dist/tokens/tokens-base-light.css +8 -8
  8. package/lib/dist/tokens/tokens-debug-base.css +777 -0
  9. package/lib/dist/tokens/tokens-debug-dp.css +2131 -0
  10. package/package.json +2 -2
package/lib/build/less/components/input.less CHANGED
@@ -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/dist/dialtone-default-theme.css CHANGED
@@ -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
  }
@@ -3781,6 +3807,12 @@ legend .d-label--md {
3781
3807
  .d-select__input::-ms-expand {
3782
3808
  display: none;
3783
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
+ }
3784
3816
  .d-select__input option {
3785
3817
  color: var(--dt-color-foreground-secondary);
3786
3818
  background-color: var(--dt-color-surface-secondary);
@@ -7864,6 +7896,13 @@ body {
7864
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%));
7865
7897
  --dt-shadow-extra-large-color: #0000004d;
7866
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;
7867
7906
  --dt-shadow-medium-type: dropShadow;
7868
7907
  --dt-shadow-medium-color-h: 0;
7869
7908
  --dt-shadow-medium-color-s: 0%;
@@ -8536,13 +8575,6 @@ body {
8536
8575
  --dt-shadow-extra-large-blur: var(--dt-size-600);
8537
8576
  --dt-shadow-large-offset-y: var(--dt-size-200);
8538
8577
  --dt-shadow-large-offset-x: var(--dt-size-0);
8539
- --dt-shadow-large-color-h: 0;
8540
- --dt-shadow-large-color-s: 0%;
8541
- --dt-shadow-large-color-l: 0%;
8542
- --dt-shadow-large-color-a: 30%;
8543
- --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
8544
- --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%));
8545
- --dt-shadow-large-color: rgba(0, 0, 0, 0.3);
8546
8578
  --dt-shadow-large-spread: var(--dt-size-0);
8547
8579
  --dt-shadow-large-blur: var(--dt-size-500);
8548
8580
  --dt-shadow-medium-offset-y: var(--dt-size-200);
@@ -8561,7 +8593,7 @@ body {
8561
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);
8562
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);
8563
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. */
8564
- --dt-size-base: calc(var(--dt-font-size-root) * .8);
8596
+ --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
8565
8597
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
8566
8598
  --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
8567
8599
  --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */