@dialpad/dialtone-css 8.45.0 → 8.45.2

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 (18) hide show
  1. package/lib/build/less/components/input.less +4 -0
  2. package/lib/build/less/components/scrollbar.less +1 -1
  3. package/lib/build/less/utilities/colors.less +1 -94
  4. package/lib/dist/dialtone-default-theme.css +3386 -2461
  5. package/lib/dist/dialtone-default-theme.min.css +1 -1
  6. package/lib/dist/dialtone.css +881 -792
  7. package/lib/dist/dialtone.min.css +1 -1
  8. package/lib/dist/tokens/tokens-base-dark.css +179 -103
  9. package/lib/dist/tokens/tokens-base-light.css +139 -83
  10. package/lib/dist/tokens/tokens-dp-dark.css +1194 -948
  11. package/lib/dist/tokens/tokens-dp-light.css +1196 -950
  12. package/lib/dist/tokens/tokens-expressive-dark.css +1196 -950
  13. package/lib/dist/tokens/tokens-expressive-light.css +1196 -950
  14. package/lib/dist/tokens/tokens-expressive-sm-dark.css +1196 -950
  15. package/lib/dist/tokens/tokens-expressive-sm-light.css +1196 -950
  16. package/lib/dist/tokens/tokens-tmo-dark.css +1185 -939
  17. package/lib/dist/tokens/tokens-tmo-light.css +1184 -938
  18. package/package.json +11 -18
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/build/less/components/scrollbar.less CHANGED
@@ -32,7 +32,7 @@
32
32
  }
33
33
 
34
34
  // put this class on html element to disable the scrollbar on body (useful for modals)
35
- :root.d-scrollbar-disabled {
35
+ .d-scrollbar-disabled {
36
36
  overflow: hidden !important;
37
37
 
38
38
  & .os-scrollbar {
package/lib/build/less/utilities/colors.less CHANGED
@@ -13,71 +13,12 @@
13
13
  //
14
14
  // $$ TEXT COLORS
15
15
  // ----------------------------------------------------------------------------
16
- .d-fc-primary { color: var(--dt-color-foreground-primary) !important; }
17
- .d-fc-primary-inverted { color: var(--dt-color-foreground-primary-inverted) !important; }
18
- .d-fc-secondary { color: var(--dt-color-foreground-secondary) !important; }
19
- .d-fc-secondary-inverted { color: var(--dt-color-foreground-secondary-inverted) !important; }
20
- .d-fc-tertiary { color: var(--dt-color-foreground-tertiary) !important; }
21
- .d-fc-tertiary-inverted { color: var(--dt-color-foreground-tertiary-inverted) !important; }
22
- .d-fc-muted { color: var(--dt-color-foreground-muted) !important; }
23
- .d-fc-muted-inverted { color: var(--dt-color-foreground-muted-inverted) !important; }
24
- .d-fc-placeholder { color: var(--dt-color-foreground-placeholder) !important; }
25
- .d-fc-placeholder-inverted { color: var(--dt-color-foreground-placeholder-inverted) !important; }
26
- .d-fc-disabled { color: var(--dt-color-foreground-disabled) !important; }
27
- .d-fc-disabled-inverted { color: var(--dt-color-foreground-disabled-inverted) !important; }
28
- .d-fc-success { color: var(--dt-color-foreground-success) !important; }
29
- .d-fc-success-inverted { color: var(--dt-color-foreground-success-inverted) !important; }
30
- .d-fc-success-strong { color: var(--dt-color-foreground-success-strong) !important; }
31
- .d-fc-success-strong-inverted { color: var(--dt-color-foreground-success-strong-inverted) !important; }
32
- .d-fc-warning { color: var(--dt-color-foreground-warning) !important; }
33
- .d-fc-warning-inverted { color: var(--dt-color-foreground-warning-inverted) !important; }
34
- .d-fc-error { color: var(--dt-color-foreground-critical) !important; }
35
- .d-fc-error-strong { color: var(--dt-color-foreground-critical-strong) !important; }
36
- .d-fc-critical { color: var(--dt-color-foreground-critical) !important; }
37
- .d-fc-critical-inverted { color: var(--dt-color-foreground-critical-inverted) !important; }
38
- .d-fc-critical-strong { color: var(--dt-color-foreground-critical-strong) !important; }
39
- .d-fc-critical-strong-inverted { color: var(--dt-color-foreground-critical-strong-inverted) !important; }
40
16
  .d-fc-current { color: currentColor !important; }
41
17
  .d-fc-transparent { color: transparent !important; }
42
18
  .d-fc-unset { color: unset !important; }
43
19
 
44
-
45
20
  // $$ BACKGROUND/SURFACE COLORS
46
21
  // ----------------------------------------------------------------------------
47
- .d-bgc-primary { background-color: var(--dt-color-surface-primary) !important; }
48
- .d-bgc-secondary { background-color: var(--dt-color-surface-secondary) !important; }
49
- .d-bgc-secondary-opaque { background-color: var(--dt-color-surface-secondary-opaque) !important; }
50
- .d-bgc-moderate { background-color: var(--dt-color-surface-moderate) !important; }
51
- .d-bgc-moderate-opaque { background-color: var(--dt-color-surface-moderate-opaque) !important; }
52
- .d-bgc-strong-opaque { background-color: var(--dt-color-surface-strong-opaque) !important; }
53
- .d-bgc-contrast-opaque { background-color: var(--dt-color-surface-contrast-opaque) !important; }
54
- .d-bgc-bold { background-color: var(--dt-color-surface-bold) !important; }
55
- .d-bgc-bold-opaque { background-color: var(--dt-color-surface-bold-opaque) !important; }
56
- .d-bgc-strong { background-color: var(--dt-color-surface-strong) !important; }
57
- .d-bgc-contrast { background-color: var(--dt-color-surface-contrast) !important; }
58
- .d-bgc-backdrop { background-color: var(--dt-color-surface-backdrop) !important; }
59
- .d-bgc-success { background-color: var(--dt-color-surface-success) !important; }
60
- .d-bgc-success-opaque { background-color: var(--dt-color-surface-success-opaque) !important; }
61
- .d-bgc-success-subtle { background-color: var(--dt-color-surface-success-subtle) !important; }
62
- .d-bgc-success-subtle-opaque { background-color: var(--dt-color-surface-success-subtle-opaque) !important; }
63
- .d-bgc-success-strong { background-color: var(--dt-color-surface-success-strong) !important; }
64
- .d-bgc-warning { background-color: var(--dt-color-surface-warning) !important; }
65
- .d-bgc-warning-opaque { background-color: var(--dt-color-surface-warning-opaque) !important; }
66
- .d-bgc-warning-subtle { background-color: var(--dt-color-surface-warning-subtle) !important; }
67
- .d-bgc-warning-subtle-opaque { background-color: var(--dt-color-surface-warning-subtle-opaque) !important; }
68
- .d-bgc-warning-strong { background-color: var(--dt-color-surface-warning-strong) !important; }
69
- .d-bgc-info { background-color: var(--dt-color-surface-info) !important; }
70
- .d-bgc-info-opaque { background-color: var(--dt-color-surface-info-opaque) !important; }
71
- .d-bgc-info-subtle { background-color: var(--dt-color-surface-info-subtle) !important; }
72
- .d-bgc-info-subtle-opaque { background-color: var(--dt-color-surface-info-subtle-opaque) !important; }
73
- .d-bgc-info-strong { background-color: var(--dt-color-surface-info-strong) !important; }
74
- .d-bgc-critical,
75
- .d-bgc-error,
76
- .d-bgc-danger { background-color: var(--dt-color-surface-critical) !important; }
77
- .d-bgc-critical-opaque { background-color: var(--dt-color-surface-critical-opaque) !important; }
78
- .d-bgc-critical-subtle { background-color: var(--dt-color-surface-critical-subtle) !important; }
79
- .d-bgc-critical-subtle-opaque { background-color: var(--dt-color-surface-critical-subtle-opaque) !important; }
80
- .d-bgc-critical-strong { background-color: var(--dt-color-surface-critical-strong) !important; }
81
22
  .d-bgc-transparent { background-color: transparent !important; background-image: none !important; }
82
23
  .d-bgc-unset { background-color: unset !important; background-image: unset !important; }
83
24
 
@@ -85,38 +26,4 @@
85
26
  // ----------------------------------------------------------------------------
86
27
  .d-bc-transparent { border-color: transparent !important; }
87
28
  .d-bc-current { border-color: currentColor !important; }
88
- .d-bc-unset { border-color: unset !important; }
89
- .d-bc-subtle { border-color: var(--dt-color-border-subtle) !important; }
90
- .d-bc-default { border-color: var(--dt-color-border-default) !important; }
91
- .d-bc-moderate { border-color: var(--dt-color-border-moderate) !important; }
92
- .d-bc-bold { border-color: var(--dt-color-border-bold) !important; }
93
- .d-bc-subtle-inverted { border-color: var(--dt-color-border-subtle-inverted) !important; }
94
- .d-bc-default-inverted { border-color: var(--dt-color-border-default-inverted) !important; }
95
- .d-bc-moderate-inverted { border-color: var(--dt-color-border-moderate-inverted) !important; }
96
- .d-bc-bold-inverted { border-color: var(--dt-color-border-bold-inverted) !important; }
97
- .d-bc-focus { border-color: var(--dt-color-border-focus) !important; }
98
- .d-bc-critical { border-color: var(--dt-color-border-critical) !important; }
99
- .d-bc-critical-inverted{ border-color: var(--dt-color-border-critical-inverted) !important; }
100
- .d-bc-critical-subtle { border-color: var(--dt-color-border-critical-subtle) !important; }
101
- .d-bc-critical-subtle-inverted { border-color: var(--dt-color-border-critical-subtle-inverted) !important; }
102
- .d-bc-critical-strong { border-color: var(--dt-color-border-critical-strong) !important; }
103
- .d-bc-critical-strong-inverted { border-color: var(--dt-color-border-critical-strong-inverted) !important; }
104
- .d-bc-success { border-color: var(--dt-color-border-success) !important; }
105
- .d-bc-success-inverted { border-color: var(--dt-color-border-success-inverted) !important; }
106
- .d-bc-success-subtle { border-color: var(--dt-color-border-success-subtle) !important; }
107
- .d-bc-success-subtle-inverted { border-color: var(--dt-color-border-success-subtle-inverted) !important; }
108
- .d-bc-success-strong { border-color: var(--dt-color-border-success-strong) !important; }
109
- .d-bc-success-strong-inverted { border-color: var(--dt-color-border-success-strong-inverted) !important; }
110
- .d-bc-warning { border-color: var(--dt-color-border-warning) !important; }
111
- .d-bc-warning-inverted { border-color: var(--dt-color-border-warning-inverted) !important; }
112
- .d-bc-warning-subtle { border-color: var(--dt-color-border-warning-subtle) !important; }
113
- .d-bc-warning-subtle-inverted { border-color: var(--dt-color-border-warning-subtle-inverted) !important; }
114
- .d-bc-warning-strong { border-color: var(--dt-color-border-warning-strong) !important; }
115
- .d-bc-warning-strong-inverted { border-color: var(--dt-color-border-warning-strong-inverted) !important; }
116
- .d-bc-brand { border-color: var(--dt-color-border-brand) !important; }
117
- .d-bc-brand-inverted { border-color: var(--dt-color-border-brand-inverted) !important; }
118
- .d-bc-brand-subtle { border-color: var(--dt-color-border-brand-subtle) !important; }
119
- .d-bc-brand-subtle-inverted { border-color: var(--dt-color-border-brand-subtle-inverted) !important; }
120
- .d-bc-brand-strong { border-color: var(--dt-color-border-brand-strong) !important; }
121
- .d-bc-brand-strong-inverted { border-color: var(--dt-color-border-brand-strong-inverted) !important; }
122
- .d-bc-accent { border-color: var(--dt-color-border-accent) !important; }
29
+ .d-bc-unset { border-color: unset !important; }