@dialpad/dialtone-css 8.44.0 → 8.45.1

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 (16) hide show
  1. package/lib/build/less/components/input.less +4 -0
  2. package/lib/dist/dialtone-default-theme.css +12 -9
  3. package/lib/dist/dialtone-default-theme.min.css +1 -1
  4. package/lib/dist/dialtone.css +3 -0
  5. package/lib/dist/dialtone.min.css +1 -1
  6. package/lib/dist/tokens/tokens-base-dark.css +8 -8
  7. package/lib/dist/tokens/tokens-base-light.css +8 -8
  8. package/lib/dist/tokens/tokens-dp-dark.css +1 -1
  9. package/lib/dist/tokens/tokens-dp-light.css +1 -1
  10. package/lib/dist/tokens/tokens-expressive-dark.css +1 -1
  11. package/lib/dist/tokens/tokens-expressive-light.css +1 -1
  12. package/lib/dist/tokens/tokens-expressive-sm-dark.css +1 -1
  13. package/lib/dist/tokens/tokens-expressive-sm-light.css +1 -1
  14. package/lib/dist/tokens/tokens-tmo-dark.css +1 -1
  15. package/lib/dist/tokens/tokens-tmo-light.css +1 -1
  16. package/package.json +11 -10
package/lib/build/less/components/input.less CHANGED
@@ -289,6 +289,10 @@
289
289
 
290
290
  &--right:not(:empty) {
291
291
  margin-right: var(--dt-space-400);
292
+
293
+ .d-btn {
294
+ margin-right: var(--dt-space-350-negative);
295
+ }
292
296
  }
293
297
 
294
298
  &--left:not(:empty) {
package/lib/dist/dialtone-default-theme.css CHANGED
@@ -2664,6 +2664,9 @@ legend .d-label--md {
2664
2664
  .d-input-icon--right:not(:empty) {
2665
2665
  margin-right: var(--dt-space-400);
2666
2666
  }
2667
+ .d-input-icon--right:not(:empty) .d-btn {
2668
+ margin-right: var(--dt-space-350-negative);
2669
+ }
2667
2670
  .d-input-icon--left:not(:empty) {
2668
2671
  margin-left: var(--dt-space-400);
2669
2672
  }
@@ -8093,13 +8096,6 @@ body {
8093
8096
  :root {
8094
8097
  color-scheme: light;
8095
8098
  --dt-shadow-focus-inset-type: innerShadow;
8096
- --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;
8097
- --dt-shadow-focus: var(--dt-shadow-focus-1-offset-x) var(--dt-shadow-focus-1-offset-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color), var(--dt-shadow-focus-2-offset-x) var(--dt-shadow-focus-2-offset-y) var(--dt-shadow-focus-2-blur) var(--dt-shadow-focus-2-spread) var(--dt-shadow-focus-2-color);
8098
- --dt-shadow-card: var(--dt-shadow-card-1-offset-x) var(--dt-shadow-card-1-offset-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-offset-x) var(--dt-shadow-card-2-offset-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-offset-x) var(--dt-shadow-card-3-offset-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color);
8099
- --dt-shadow-extra-large: var(--dt-shadow-extra-large-offset-x) var(--dt-shadow-extra-large-offset-y) var(--dt-shadow-extra-large-blur) var(--dt-shadow-extra-large-spread) var(--dt-shadow-extra-large-color);
8100
- --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
8101
- --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);
8102
- --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);
8103
8099
  --dt-shadow-focus-2-type: dropShadow;
8104
8100
  --dt-shadow-focus-1-type: dropShadow;
8105
8101
  --dt-shadow-card-3-type: dropShadow;
@@ -8681,7 +8677,7 @@ body {
8681
8677
  --dt-shadow-focus-2-color-hsl: var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l);
8682
8678
  --dt-shadow-focus-2-color-hsla: hsla(var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l) / var(--alpha, 100%));
8683
8679
  --dt-shadow-focus-2-color: #51A0FE;
8684
- --dt-shadow-focus-2-spread: var(--dt-size-200) + var(--dt-size-100);
8680
+ --dt-shadow-focus-2-spread: calc(var(--dt-size-200) + var(--dt-size-100));
8685
8681
  --dt-shadow-focus-2-blur: var(--dt-size-0);
8686
8682
  --dt-shadow-focus-1-offset-y: var(--dt-size-0);
8687
8683
  --dt-shadow-focus-1-offset-x: var(--dt-size-0);
@@ -8763,6 +8759,13 @@ body {
8763
8759
  --dt-shadow-small-color: rgba(0, 0, 0, 0.15);
8764
8760
  --dt-shadow-small-spread: var(--dt-size-0);
8765
8761
  --dt-shadow-small-blur: var(--dt-size-300);
8762
+ --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;
8763
+ --dt-shadow-focus: var(--dt-shadow-focus-1-offset-x) var(--dt-shadow-focus-1-offset-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color), var(--dt-shadow-focus-2-offset-x) var(--dt-shadow-focus-2-offset-y) var(--dt-shadow-focus-2-blur) var(--dt-shadow-focus-2-spread) var(--dt-shadow-focus-2-color);
8764
+ --dt-shadow-card: var(--dt-shadow-card-1-offset-x) var(--dt-shadow-card-1-offset-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-offset-x) var(--dt-shadow-card-2-offset-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-offset-x) var(--dt-shadow-card-3-offset-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color);
8765
+ --dt-shadow-extra-large: var(--dt-shadow-extra-large-offset-x) var(--dt-shadow-extra-large-offset-y) var(--dt-shadow-extra-large-blur) var(--dt-shadow-extra-large-spread) var(--dt-shadow-extra-large-color);
8766
+ --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
8767
+ --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);
8768
+ --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);
8766
8769
  --dt-color-gradient-magenta-purple-h: 0;
8767
8770
  --dt-color-gradient-magenta-purple-s: 0%;
8768
8771
  --dt-color-gradient-magenta-purple-l: 0%;
@@ -21930,7 +21933,7 @@ body {
21930
21933
  --dt-color-foreground-primary-hsl: var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l);
21931
21934
  --dt-color-foreground-primary-hsla: hsla(var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l) / var(--alpha, 100%));
21932
21935
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
21933
- --dt-size-border-focus: var(--dt-size-border-200) + var(--dt-size-border-100);
21936
+ --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
21934
21937
  --dt-radio-color-border-checked-h: 0;
21935
21938
  --dt-radio-color-border-checked-s: 0%;
21936
21939
  --dt-radio-color-border-checked-l: 0%;