@dialpad/dialtone-css 8.45.1 → 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.
- package/lib/build/less/components/scrollbar.less +1 -1
- package/lib/build/less/utilities/colors.less +1 -94
- package/lib/dist/dialtone-default-theme.css +3383 -2461
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone.css +878 -792
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/tokens/tokens-base-dark.css +179 -103
- package/lib/dist/tokens/tokens-base-light.css +139 -83
- package/lib/dist/tokens/tokens-dp-dark.css +1194 -948
- package/lib/dist/tokens/tokens-dp-light.css +1196 -950
- package/lib/dist/tokens/tokens-expressive-dark.css +1196 -950
- package/lib/dist/tokens/tokens-expressive-light.css +1196 -950
- package/lib/dist/tokens/tokens-expressive-sm-dark.css +1196 -950
- package/lib/dist/tokens/tokens-expressive-sm-light.css +1196 -950
- package/lib/dist/tokens/tokens-tmo-dark.css +1185 -939
- package/lib/dist/tokens/tokens-tmo-light.css +1184 -938
- package/package.json +3 -11
|
@@ -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; }
|