@planningcenter/tapestry 3.0.0-rc.0 → 3.0.0-rc.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/dist/index.css +81 -78
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/reactRender.css +1075 -1072
- package/dist/reactRender.css.map +1 -1
- package/dist/reactRenderLegacy.css +1075 -1072
- package/dist/reactRenderLegacy.css.map +1 -1
- package/dist/tokens/tokens-deprecated.json +177 -0
- package/dist/tokens-dark.css +2 -0
- package/dist/tokens-dark.css.map +1 -0
- package/dist/tokens-dark.js +1 -0
- package/dist/tokens-deprecated.css +82 -0
- package/dist/tokens-deprecated.css.map +1 -0
- package/dist/tokens-deprecated.d.ts +2 -0
- package/dist/tokens-deprecated.d.ts.map +1 -0
- package/dist/tokens-deprecated.js +1 -0
- package/dist/tokens.css +0 -78
- package/dist/tokens.css.map +1 -1
- package/dist/tokens.d.ts +3 -2
- package/dist/tokens.d.ts.map +1 -1
- package/dist/unstable.css +81 -78
- package/dist/unstable.css.map +1 -1
- package/package.json +3 -2
- package/dist/deprecated.css +0 -84
- package/dist/tokens-dark-combined.js +0 -3
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
{
|
|
2
|
+
"numeric": {
|
|
3
|
+
"--t-border-size-default": {
|
|
4
|
+
"type": "dimension",
|
|
5
|
+
"value": "var(--t-border-width)"
|
|
6
|
+
},
|
|
7
|
+
"--t-border-size-thick": {
|
|
8
|
+
"type": "dimension",
|
|
9
|
+
"value": "var(--t-border-width-thick)"
|
|
10
|
+
},
|
|
11
|
+
"--t-font-weight-semi-bold": {
|
|
12
|
+
"type": "number",
|
|
13
|
+
"value": "var(--t-font-weight-semibold)"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
"color": {
|
|
17
|
+
"--t-icon-color-status-neutral-dark": {
|
|
18
|
+
"type": "color",
|
|
19
|
+
"value": "var(--t-icon-color-status-neutral-bold)",
|
|
20
|
+
"darkmode-value": "hsl(0, 0%, 24%)"
|
|
21
|
+
},
|
|
22
|
+
"--t-icon-color-status-info-secondary": {
|
|
23
|
+
"type": "color",
|
|
24
|
+
"value": "var(--t-icon-color-status-info)",
|
|
25
|
+
"darkmode-value": "hsl(204, 100%, 40%)"
|
|
26
|
+
},
|
|
27
|
+
"--t-fill-color-status-neutral-solid": {
|
|
28
|
+
"type": "color",
|
|
29
|
+
"value": "var(--t-fill-color-status-neutral)",
|
|
30
|
+
"darkmode-value": "hsl(0, 0%, 42%)"
|
|
31
|
+
},
|
|
32
|
+
"--t-fill-color-status-info-solid": {
|
|
33
|
+
"type": "color",
|
|
34
|
+
"value": "var(--t-fill-color-status-info)",
|
|
35
|
+
"darkmode-value": "hsl(204, 100%, 40%)"
|
|
36
|
+
},
|
|
37
|
+
"--t-fill-color-status-success-solid": {
|
|
38
|
+
"type": "color",
|
|
39
|
+
"value": "var(--t-fill-color-status-success)",
|
|
40
|
+
"darkmode-value": "hsl(96, 57%, 33%)"
|
|
41
|
+
},
|
|
42
|
+
"--t-fill-color-status-warning-solid": {
|
|
43
|
+
"type": "color",
|
|
44
|
+
"value": "var(--t-fill-color-status-warning)",
|
|
45
|
+
"darkmode-value": "hsl(42, 84%, 63%)"
|
|
46
|
+
},
|
|
47
|
+
"--t-fill-color-status-error-solid": {
|
|
48
|
+
"type": "color",
|
|
49
|
+
"value": "var(--t-fill-color-status-error)",
|
|
50
|
+
"darkmode-value": "hsl(8, 60%, 47%)"
|
|
51
|
+
},
|
|
52
|
+
"--t-fill-color-alert-info": {
|
|
53
|
+
"type": "color",
|
|
54
|
+
"value": "hsl(204, 94%, 49%)"
|
|
55
|
+
},
|
|
56
|
+
"--t-fill-color-alert-success": {
|
|
57
|
+
"type": "color",
|
|
58
|
+
"value": "hsl(122, 60%, 41%)"
|
|
59
|
+
},
|
|
60
|
+
"--t-fill-color-alert-warning": {
|
|
61
|
+
"type": "color",
|
|
62
|
+
"value": "hsl(43, 96%, 58%)"
|
|
63
|
+
},
|
|
64
|
+
"--t-fill-color-alert-error": {
|
|
65
|
+
"type": "color",
|
|
66
|
+
"value": "hsl(4, 77%, 59%)"
|
|
67
|
+
},
|
|
68
|
+
"--t-fill-color-button-neutral-ghost-disabled-solid": {
|
|
69
|
+
"type": "color",
|
|
70
|
+
"value": "hsl(0, 0%, 98%)",
|
|
71
|
+
"darkmode-value": "hsl(0, 0%, 100%)"
|
|
72
|
+
},
|
|
73
|
+
"--t-fill-color-button-neutral-outline-dim-default": {
|
|
74
|
+
"type": "color",
|
|
75
|
+
"value": "var(--t-fill-color-button-neutral-outline)",
|
|
76
|
+
"darkmode-value": "hsla(0, 0%, 100%, 0)"
|
|
77
|
+
},
|
|
78
|
+
"--t-fill-color-button-neutral-outline-dim-hover": {
|
|
79
|
+
"type": "color",
|
|
80
|
+
"value": "var(--t-fill-color-button-neutral-outline-hover)",
|
|
81
|
+
"darkmode-value": "hsl(0, 0%, 95%)"
|
|
82
|
+
},
|
|
83
|
+
"--t-fill-color-button-neutral-outline-dim-active": {
|
|
84
|
+
"type": "color",
|
|
85
|
+
"value": "var(--t-fill-color-button-neutral-outline-active)",
|
|
86
|
+
"darkmode-value": "hsl(0, 0%, 93%)"
|
|
87
|
+
},
|
|
88
|
+
"--t-fill-color-button-neutral-outline-dim-disabled": {
|
|
89
|
+
"type": "color",
|
|
90
|
+
"value": "var(--t-fill-color-button-neutral-outline-disabled)",
|
|
91
|
+
"darkmode-value": "hsl(0, 0%, 98%)"
|
|
92
|
+
},
|
|
93
|
+
"--t-fill-color-button-neutral-outline-dim-disabled-solid": {
|
|
94
|
+
"type": "color",
|
|
95
|
+
"value": "hsl(0, 0%, 98%)",
|
|
96
|
+
"darkmode-value": "hsl(0, 0%, 100%)"
|
|
97
|
+
},
|
|
98
|
+
"--t-fill-color-button-interaction-outline-dim-default": {
|
|
99
|
+
"type": "color",
|
|
100
|
+
"value": "var(--t-fill-color-button-interaction-outline)",
|
|
101
|
+
"darkmode-value": "hsla(0, 0%, 100%, 0)"
|
|
102
|
+
},
|
|
103
|
+
"--t-fill-color-button-interaction-outline-dim-hover": {
|
|
104
|
+
"type": "color",
|
|
105
|
+
"value": "var(--t-fill-color-button-interaction-outline-hover)",
|
|
106
|
+
"darkmode-value": "hsl(204, 100%, 97%)"
|
|
107
|
+
},
|
|
108
|
+
"--t-fill-color-button-interaction-outline-dim-active": {
|
|
109
|
+
"type": "color",
|
|
110
|
+
"value": "var(--t-fill-color-button-interaction-outline-active)",
|
|
111
|
+
"darkmode-value": "hsl(203, 94%, 94%)"
|
|
112
|
+
},
|
|
113
|
+
"--t-fill-color-button-interaction-outline-dim-disabled": {
|
|
114
|
+
"type": "color",
|
|
115
|
+
"value": "var(--t-fill-color-button-interaction-outline-disabled)",
|
|
116
|
+
"darkmode-value": "hsl(0, 0%, 98%)"
|
|
117
|
+
},
|
|
118
|
+
"--t-fill-color-button-create-solid-default": {
|
|
119
|
+
"type": "color",
|
|
120
|
+
"value": "hsl(96, 57%, 33%)",
|
|
121
|
+
"darkmode-value": "hsl(0, 0%, 25%)"
|
|
122
|
+
},
|
|
123
|
+
"--t-fill-color-button-create-solid-hover": {
|
|
124
|
+
"type": "color",
|
|
125
|
+
"value": "hsl(97, 57%, 28%)",
|
|
126
|
+
"darkmode-value": "hsl(0, 0%, 25%)"
|
|
127
|
+
},
|
|
128
|
+
"--t-fill-color-button-create-solid-active": {
|
|
129
|
+
"type": "color",
|
|
130
|
+
"value": "hsl(97, 57%, 23%)",
|
|
131
|
+
"darkmode-value": "hsl(0, 0%, 25%)"
|
|
132
|
+
},
|
|
133
|
+
"--t-fill-color-button-create-solid-disabled": {
|
|
134
|
+
"type": "color",
|
|
135
|
+
"value": "hsl(0, 0%, 81%)",
|
|
136
|
+
"darkmode-value": "hsl(0, 0%, 25%)"
|
|
137
|
+
},
|
|
138
|
+
"--t-fill-color-button-create-ghost-default": {
|
|
139
|
+
"type": "color",
|
|
140
|
+
"value": "hsla(0, 0%, 100%, 0)"
|
|
141
|
+
},
|
|
142
|
+
"--t-fill-color-button-create-ghost-hover": {
|
|
143
|
+
"type": "color",
|
|
144
|
+
"value": "hsl(96, 60%, 95%)",
|
|
145
|
+
"darkmode-value": "hsla(0, 0%, 100%, 0)"
|
|
146
|
+
},
|
|
147
|
+
"--t-fill-color-button-create-ghost-active": {
|
|
148
|
+
"type": "color",
|
|
149
|
+
"value": "hsl(97, 57%, 90%)",
|
|
150
|
+
"darkmode-value": "hsla(0, 0%, 100%, 0)"
|
|
151
|
+
},
|
|
152
|
+
"--t-fill-color-button-create-ghost-disabled": {
|
|
153
|
+
"type": "color",
|
|
154
|
+
"value": "hsla(0, 0%, 100%, 0)"
|
|
155
|
+
},
|
|
156
|
+
"--t-fill-color-button-delete-outline-dim-default": {
|
|
157
|
+
"type": "color",
|
|
158
|
+
"value": "var(--t-fill-color-button-delete-outline)",
|
|
159
|
+
"darkmode-value": "hsla(0, 0%, 100%, 0)"
|
|
160
|
+
},
|
|
161
|
+
"--t-fill-color-button-delete-outline-dim-hover": {
|
|
162
|
+
"type": "color",
|
|
163
|
+
"value": "var(--t-fill-color-button-delete-outline-hover)",
|
|
164
|
+
"darkmode-value": "hsl(7, 60%, 97%)"
|
|
165
|
+
},
|
|
166
|
+
"--t-fill-color-button-delete-outline-dim-active": {
|
|
167
|
+
"type": "color",
|
|
168
|
+
"value": "var(--t-fill-color-button-delete-outline-active)",
|
|
169
|
+
"darkmode-value": "hsl(9, 59%, 93%)"
|
|
170
|
+
},
|
|
171
|
+
"--t-fill-color-button-delete-outline-dim-disabled": {
|
|
172
|
+
"type": "color",
|
|
173
|
+
"value": "var(--t-fill-color-button-delete-outline-disabled)",
|
|
174
|
+
"darkmode-value": "hsl(0, 0%, 98%)"
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
}
|
package/dist/tokens-dark.css
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tokens-dark.css","tokens-system-dark.css"],"names":[],"mappings":"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","file":"tokens-dark.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"] {\n color-scheme: dark;\n --t-text-color-headline: hsl(0, 0%, 94%);\n --t-text-color: hsl(0, 0%, 80%);\n --t-text-color-secondary: hsl(0, 0%, 54%);\n --t-text-color-disabled: hsl(0, 0%, 25%);\n --t-text-color-placeholder: hsl(0, 0%, 38%);\n --t-text-color-interaction: hsl(204, 68%, 55%);\n --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n --t-text-color-interaction-active: hsl(204, 68%, 45%);\n --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n --t-text-color-status-neutral: hsl(0, 0%, 80%);\n --t-text-color-status-info: hsl(204, 68%, 55%);\n --t-text-color-status-success: hsl(97, 57%, 41%);\n --t-text-color-status-warning: hsl(42, 84%, 55%);\n --t-text-color-status-error: hsl(8, 61%, 61%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n --t-icon-color: hsl(0, 0%, 80%);\n --t-icon-color-secondary: hsl(0, 0%, 54%);\n --t-icon-color-dim: hsl(0, 0%, 38%);\n --t-icon-color-disabled: hsl(0, 0%, 25%);\n --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n --t-icon-color-status-info: hsl(204, 68%, 55%);\n --t-icon-color-status-error: hsl(8, 61%, 61%);\n --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n --t-fill-color-interaction: hsl(204, 100%, 35%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 32%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n --t-fill-color-control: hsl(204, 100%, 35%);\n --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n --t-fill-color-status-info: hsl(204, 100%, 35%);\n --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));\n --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));\n --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));\n --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-pill: hsl(0, 0%, 18%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n --t-surface-color-card: hsl(0, 0%, 12%);\n --t-surface-color-canvas: hsl(0, 0%, 10%);\n --t-border-color: hsl(0, 0%, 21%);\n --t-border-color-dark: hsl(0, 0%, 25%);\n --t-border-color-darker: hsl(0, 0%, 33%);\n --t-border-color-darkest: hsl(0, 0%, 38%);\n --t-border-color-disabled: hsl(0, 0%, 21%);\n --t-border-color-dim: hsl(0, 0%, 16%);\n --t-border-color-white: hsl(0, 0%, 12%);\n --t-border-color-status-neutral: hsl(0, 0%, 38%);\n --t-border-color-status-info: hsl(204, 100%, 35%);\n --t-border-color-button-neutral: hsl(0, 0%, 19%);\n --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n --t-border-color-control-neutral: hsl(0, 0%, 33%);\n --t-border-color-control-info: hsl(204, 100%, 35%);\n --t-border-color-control-disabled: hsl(0, 0%, 21%);\n --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"] {\n color-scheme: dark;\n --t-text-color-headline: hsl(0, 0%, 94%);\n --t-text-color: hsl(0, 0%, 80%);\n --t-text-color-secondary: hsl(0, 0%, 54%);\n --t-text-color-disabled: hsl(0, 0%, 25%);\n --t-text-color-placeholder: hsl(0, 0%, 38%);\n --t-text-color-interaction: hsl(204, 68%, 55%);\n --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n --t-text-color-interaction-active: hsl(204, 68%, 45%);\n --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n --t-text-color-status-neutral: hsl(0, 0%, 80%);\n --t-text-color-status-info: hsl(204, 68%, 55%);\n --t-text-color-status-success: hsl(97, 57%, 41%);\n --t-text-color-status-warning: hsl(42, 84%, 55%);\n --t-text-color-status-error: hsl(8, 61%, 61%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n --t-icon-color: hsl(0, 0%, 80%);\n --t-icon-color-secondary: hsl(0, 0%, 54%);\n --t-icon-color-dim: hsl(0, 0%, 38%);\n --t-icon-color-disabled: hsl(0, 0%, 25%);\n --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n --t-icon-color-status-info: hsl(204, 68%, 55%);\n --t-icon-color-status-error: hsl(8, 61%, 61%);\n --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n --t-fill-color-interaction: hsl(204, 100%, 35%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 32%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n --t-fill-color-control: hsl(204, 100%, 35%);\n --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n --t-fill-color-status-info: hsl(204, 100%, 35%);\n --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));\n --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));\n --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));\n --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-pill: hsl(0, 0%, 18%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n --t-surface-color-card: hsl(0, 0%, 12%);\n --t-surface-color-canvas: hsl(0, 0%, 10%);\n --t-border-color: hsl(0, 0%, 21%);\n --t-border-color-dark: hsl(0, 0%, 25%);\n --t-border-color-darker: hsl(0, 0%, 33%);\n --t-border-color-darkest: hsl(0, 0%, 38%);\n --t-border-color-disabled: hsl(0, 0%, 21%);\n --t-border-color-dim: hsl(0, 0%, 16%);\n --t-border-color-white: hsl(0, 0%, 12%);\n --t-border-color-status-neutral: hsl(0, 0%, 38%);\n --t-border-color-status-info: hsl(204, 100%, 35%);\n --t-border-color-button-neutral: hsl(0, 0%, 19%);\n --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n --t-border-color-control-neutral: hsl(0, 0%, 33%);\n --t-border-color-control-info: hsl(204, 100%, 35%);\n --t-border-color-control-disabled: hsl(0, 0%, 21%);\n --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
:root{
|
|
2
|
+
--t-border-size-default:var(--t-border-width);
|
|
3
|
+
--t-border-size-thick:var(--t-border-width-thick);
|
|
4
|
+
--t-font-weight-semi-bold:var(--t-font-weight-semibold);
|
|
5
|
+
--t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
|
|
6
|
+
--t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
|
|
7
|
+
--t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
|
|
8
|
+
--t-fill-color-status-info-solid:var(--t-fill-color-status-info);
|
|
9
|
+
--t-fill-color-status-success-solid:var(--t-fill-color-status-success);
|
|
10
|
+
--t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
|
|
11
|
+
--t-fill-color-status-error-solid:var(--t-fill-color-status-error);
|
|
12
|
+
--t-fill-color-alert-info:hsl(204, 94%, 49%);
|
|
13
|
+
--t-fill-color-alert-success:hsl(122, 60%, 41%);
|
|
14
|
+
--t-fill-color-alert-warning:hsl(43, 96%, 58%);
|
|
15
|
+
--t-fill-color-alert-error:hsl(4, 77%, 59%);
|
|
16
|
+
--t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
|
|
17
|
+
--t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
|
|
18
|
+
--t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
|
|
19
|
+
--t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
|
|
20
|
+
--t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
|
|
21
|
+
--t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
|
|
22
|
+
--t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
|
|
23
|
+
--t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
|
|
24
|
+
--t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
|
|
25
|
+
--t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
|
|
26
|
+
--t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
|
|
27
|
+
--t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
|
|
28
|
+
--t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
|
|
29
|
+
--t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
|
|
30
|
+
--t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
|
|
31
|
+
--t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
|
|
32
|
+
--t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
|
|
33
|
+
--t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
|
|
34
|
+
--t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
|
|
35
|
+
--t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
|
|
36
|
+
--t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
|
|
37
|
+
--t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
|
|
38
|
+
--t-border-color-default-base:var(--t-border-color);
|
|
39
|
+
--t-border-color-default-dark:var(--t-border-color-dark);
|
|
40
|
+
--t-border-color-default-darker:var(--t-border-color-darker);
|
|
41
|
+
--t-border-color-default-darkest:var(--t-border-color-darkest);
|
|
42
|
+
--t-border-color-default-dim:var(--t-border-color-dim);
|
|
43
|
+
--t-border-color-default-disabled:var(--t-border-color-disabled);
|
|
44
|
+
--t-border-color-default-white:var(--t-border-color-white);
|
|
45
|
+
--t-border-radius-default:var(--t-border-radius);
|
|
46
|
+
--t-border-width-default:var(--t-border-width);
|
|
47
|
+
--t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
|
|
48
|
+
--t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
|
|
49
|
+
--t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
|
|
50
|
+
--t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
|
|
51
|
+
--t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
|
|
52
|
+
--t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
|
|
53
|
+
--t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
|
|
54
|
+
--t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
|
|
55
|
+
--t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
|
|
56
|
+
--t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
|
|
57
|
+
--t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
|
|
58
|
+
--t-fill-color-control-primary:var(--t-fill-color-control);
|
|
59
|
+
--t-fill-color-interaction-default:var(--t-fill-color-interaction);
|
|
60
|
+
--t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
|
|
61
|
+
--t-fill-color-status-error-primary:var(--t-fill-color-status-error);
|
|
62
|
+
--t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
|
|
63
|
+
--t-icon-color-default-dim:var(--t-icon-color-dim);
|
|
64
|
+
--t-icon-color-default-disabled:var(--t-icon-color-disabled);
|
|
65
|
+
--t-icon-color-default-inverted:var(--t-icon-color-inverted);
|
|
66
|
+
--t-icon-color-default-primary:var(--t-icon-color);
|
|
67
|
+
--t-icon-color-default-secondary:var(--t-icon-color-secondary);
|
|
68
|
+
--t-icon-color-status-error-primary:var(--t-icon-color-status-error);
|
|
69
|
+
--t-icon-color-status-info-primary:var(--t-icon-color-status-info);
|
|
70
|
+
--t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
|
|
71
|
+
--t-icon-color-status-success-primary:var(--t-icon-color-status-success);
|
|
72
|
+
--t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
|
|
73
|
+
--t-text-color-default-disabled:var(--t-text-color-disabled);
|
|
74
|
+
--t-text-color-default-headline:var(--t-text-color-headline);
|
|
75
|
+
--t-text-color-default-inverted:var(--t-text-color-inverted);
|
|
76
|
+
--t-text-color-default-placeholder:var(--t-text-color-placeholder);
|
|
77
|
+
--t-text-color-default-primary:var(--t-text-color);
|
|
78
|
+
--t-text-color-default-secondary:var(--t-text-color-secondary);
|
|
79
|
+
--t-text-color-interaction-primary:var(--t-text-color-interaction);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
/*# sourceMappingURL=tokens-deprecated.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tokens-alias-deprecated.css"],"names":[],"mappings":"AAIA;EACE,6CAA8C;EAC9C,iDAAkD;EAClD,uDAAwD;EACxD,0EAA2E;EAC3E,oEAAqE;EACrE,sEAAuE;EACvE,gEAAiE;EACjE,sEAAuE;EACvE,sEAAuE;EACvE,kEAAmE;EACnE,4CAA6C;EAC7C,+CAAgD;EAChD,8CAA+C;EAC/C,2CAA4C;EAC5C,kEAAmE;EACnE,4FAA6F;EAC7F,gGAAiG;EACjG,kGAAmG;EACnG,sGAAuG;EACvG,wEAAyE;EACzE,oGAAqG;EACrG,wGAAyG;EACzG,0GAA2G;EAC3G,8GAA+G;EAC/G,4DAA6D;EAC7D,0DAA2D;EAC3D,2DAA4D;EAC5D,2DAA4D;EAC5D,+DAAgE;EAChE,0DAA2D;EAC3D,2DAA4D;EAC5D,gEAAiE;EACjE,0FAA2F;EAC3F,8FAA+F;EAC/F,gGAAiG;EACjG,oGAAqG;EACrG,mDAAoD;EACpD,wDAAyD;EACzD,4DAA6D;EAC7D,8DAA+D;EAC/D,sDAAuD;EACvD,gEAAiE;EACjE,0DAA2D;EAC3D,gDAAiD;EACjD,8CAA+C;EAC/C,kFAAmF;EACnF,sFAAuF;EACvF,kFAAmF;EACnF,4FAA6F;EAC7F,gGAAiG;EACjG,4FAA6F;EAC7F,oFAAqF;EACrF,wFAAyF;EACzF,4GAA6G;EAC7G,oFAAqF;EACrF,kEAAmE;EACnE,0DAA2D;EAC3D,kEAAmE;EACnE,mEAAoE;EACpE,oEAAqE;EACrE,0DAA2D;EAC3D,kDAAmD;EACnD,4DAA6D;EAC7D,4DAA6D;EAC7D,kDAAmD;EACnD,8DAA+D;EAC/D,oEAAqE;EACrE,kEAAmE;EACnE,wEAAyE;EACzE,wEAAyE;EACzE,wEAAyE;EACzE,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,kEAAmE;EACnE,kDAAmD;EACnD,8DAA+D;EAC/D,kEAAmE;AACrE","file":"tokens-deprecated.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-size-default: var(--t-border-width);\n --t-border-size-thick: var(--t-border-width-thick);\n --t-font-weight-semi-bold: var(--t-font-weight-semibold);\n --t-icon-color-status-neutral-dark: var(--t-icon-color-status-neutral-bold);\n --t-icon-color-status-info-secondary: var(--t-icon-color-status-info);\n --t-fill-color-status-neutral-solid: var(--t-fill-color-status-neutral);\n --t-fill-color-status-info-solid: var(--t-fill-color-status-info);\n --t-fill-color-status-success-solid: var(--t-fill-color-status-success);\n --t-fill-color-status-warning-solid: var(--t-fill-color-status-warning);\n --t-fill-color-status-error-solid: var(--t-fill-color-status-error);\n --t-fill-color-alert-info: hsl(204, 94%, 49%);\n --t-fill-color-alert-success: hsl(122, 60%, 41%);\n --t-fill-color-alert-warning: hsl(43, 96%, 58%);\n --t-fill-color-alert-error: hsl(4, 77%, 59%);\n --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-outline-dim-default: var(--t-fill-color-button-neutral-outline);\n --t-fill-color-button-neutral-outline-dim-hover: var(--t-fill-color-button-neutral-outline-hover);\n --t-fill-color-button-neutral-outline-dim-active: var(--t-fill-color-button-neutral-outline-active);\n --t-fill-color-button-neutral-outline-dim-disabled: var(--t-fill-color-button-neutral-outline-disabled);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-interaction-outline-dim-default: var(--t-fill-color-button-interaction-outline);\n --t-fill-color-button-interaction-outline-dim-hover: var(--t-fill-color-button-interaction-outline-hover);\n --t-fill-color-button-interaction-outline-dim-active: var(--t-fill-color-button-interaction-outline-active);\n --t-fill-color-button-interaction-outline-dim-disabled: var(--t-fill-color-button-interaction-outline-disabled);\n --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);\n --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);\n --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);\n --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);\n --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);\n --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-outline-dim-default: var(--t-fill-color-button-delete-outline);\n --t-fill-color-button-delete-outline-dim-hover: var(--t-fill-color-button-delete-outline-hover);\n --t-fill-color-button-delete-outline-dim-active: var(--t-fill-color-button-delete-outline-active);\n --t-fill-color-button-delete-outline-dim-disabled: var(--t-fill-color-button-delete-outline-disabled);\n --t-border-color-default-base: var(--t-border-color);\n --t-border-color-default-dark: var(--t-border-color-dark);\n --t-border-color-default-darker: var(--t-border-color-darker);\n --t-border-color-default-darkest: var(--t-border-color-darkest);\n --t-border-color-default-dim: var(--t-border-color-dim);\n --t-border-color-default-disabled: var(--t-border-color-disabled);\n --t-border-color-default-white: var(--t-border-color-white);\n --t-border-radius-default: var(--t-border-radius);\n --t-border-width-default: var(--t-border-width);\n --t-fill-color-button-delete-ghost-default: var(--t-fill-color-button-delete-ghost);\n --t-fill-color-button-delete-outline-default: var(--t-fill-color-button-delete-outline);\n --t-fill-color-button-delete-solid-default: var(--t-fill-color-button-delete-solid);\n --t-fill-color-button-interaction-ghost-default: var(--t-fill-color-button-interaction-ghost);\n --t-fill-color-button-interaction-outline-default: var(--t-fill-color-button-interaction-outline);\n --t-fill-color-button-interaction-solid-default: var(--t-fill-color-button-interaction-solid);\n --t-fill-color-button-neutral-ghost-default: var(--t-fill-color-button-neutral-ghost);\n --t-fill-color-button-neutral-outline-default: var(--t-fill-color-button-neutral-outline);\n --t-fill-color-button-neutral-responsive-header-default: var(--t-fill-color-button-neutral-responsive-header);\n --t-fill-color-button-neutral-solid-default: var(--t-fill-color-button-neutral-solid);\n --t-fill-color-button-pill-default: var(--t-fill-color-button-pill);\n --t-fill-color-control-primary: var(--t-fill-color-control);\n --t-fill-color-interaction-default: var(--t-fill-color-interaction);\n --t-fill-color-product-staff-base: var(--t-fill-color-product-staff);\n --t-fill-color-status-error-primary: var(--t-fill-color-status-error);\n --t-fill-color-tooltip-primary: var(--t-fill-color-tooltip);\n --t-icon-color-default-dim: var(--t-icon-color-dim);\n --t-icon-color-default-disabled: var(--t-icon-color-disabled);\n --t-icon-color-default-inverted: var(--t-icon-color-inverted);\n --t-icon-color-default-primary: var(--t-icon-color);\n --t-icon-color-default-secondary: var(--t-icon-color-secondary);\n --t-icon-color-status-error-primary: var(--t-icon-color-status-error);\n --t-icon-color-status-info-primary: var(--t-icon-color-status-info);\n --t-icon-color-status-neutral-primary: var(--t-icon-color-status-neutral);\n --t-icon-color-status-success-primary: var(--t-icon-color-status-success);\n --t-icon-color-status-warning-primary: var(--t-icon-color-status-warning);\n --t-text-color-default-disabled: var(--t-text-color-disabled);\n --t-text-color-default-headline: var(--t-text-color-headline);\n --t-text-color-default-inverted: var(--t-text-color-inverted);\n --t-text-color-default-placeholder: var(--t-text-color-placeholder);\n --t-text-color-default-primary: var(--t-text-color);\n --t-text-color-default-secondary: var(--t-text-color-secondary);\n --t-text-color-interaction-primary: var(--t-text-color-interaction);\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens-deprecated.d.ts","sourceRoot":"","sources":["../src/tokens-deprecated.ts"],"names":[],"mappings":"AAAA,OAAO,0CAA0C,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/dist/tokens.css
CHANGED
|
@@ -409,84 +409,6 @@
|
|
|
409
409
|
--t-form-font-color-readonly:var(--t-text-color);
|
|
410
410
|
--t-form-picker-icon-color:var(--t-icon-color);
|
|
411
411
|
--t-form-placeholder-color:var(--t-text-color-placeholder);
|
|
412
|
-
--t-border-size-default:var(--t-border-width);
|
|
413
|
-
--t-border-size-thick:var(--t-border-width-thick);
|
|
414
|
-
--t-font-weight-semi-bold:var(--t-font-weight-semibold);
|
|
415
|
-
--t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
|
|
416
|
-
--t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
|
|
417
|
-
--t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
|
|
418
|
-
--t-fill-color-status-info-solid:var(--t-fill-color-status-info);
|
|
419
|
-
--t-fill-color-status-success-solid:var(--t-fill-color-status-success);
|
|
420
|
-
--t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
|
|
421
|
-
--t-fill-color-status-error-solid:var(--t-fill-color-status-error);
|
|
422
|
-
--t-fill-color-alert-info:hsl(204, 94%, 49%);
|
|
423
|
-
--t-fill-color-alert-success:hsl(122, 60%, 41%);
|
|
424
|
-
--t-fill-color-alert-warning:hsl(43, 96%, 58%);
|
|
425
|
-
--t-fill-color-alert-error:hsl(4, 77%, 59%);
|
|
426
|
-
--t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
|
|
427
|
-
--t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
|
|
428
|
-
--t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
|
|
429
|
-
--t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
|
|
430
|
-
--t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
|
|
431
|
-
--t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
|
|
432
|
-
--t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
|
|
433
|
-
--t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
|
|
434
|
-
--t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
|
|
435
|
-
--t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
|
|
436
|
-
--t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
|
|
437
|
-
--t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
|
|
438
|
-
--t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
|
|
439
|
-
--t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
|
|
440
|
-
--t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
|
|
441
|
-
--t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
|
|
442
|
-
--t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
|
|
443
|
-
--t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
|
|
444
|
-
--t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
|
|
445
|
-
--t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
|
|
446
|
-
--t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
|
|
447
|
-
--t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
|
|
448
|
-
--t-border-color-default-base:var(--t-border-color);
|
|
449
|
-
--t-border-color-default-dark:var(--t-border-color-dark);
|
|
450
|
-
--t-border-color-default-darker:var(--t-border-color-darker);
|
|
451
|
-
--t-border-color-default-darkest:var(--t-border-color-darkest);
|
|
452
|
-
--t-border-color-default-dim:var(--t-border-color-dim);
|
|
453
|
-
--t-border-color-default-disabled:var(--t-border-color-disabled);
|
|
454
|
-
--t-border-color-default-white:var(--t-border-color-white);
|
|
455
|
-
--t-border-radius-default:var(--t-border-radius);
|
|
456
|
-
--t-border-width-default:var(--t-border-width);
|
|
457
|
-
--t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
|
|
458
|
-
--t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
|
|
459
|
-
--t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
|
|
460
|
-
--t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
|
|
461
|
-
--t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
|
|
462
|
-
--t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
|
|
463
|
-
--t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
|
|
464
|
-
--t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
|
|
465
|
-
--t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
|
|
466
|
-
--t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
|
|
467
|
-
--t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
|
|
468
|
-
--t-fill-color-control-primary:var(--t-fill-color-control);
|
|
469
|
-
--t-fill-color-interaction-default:var(--t-fill-color-interaction);
|
|
470
|
-
--t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
|
|
471
|
-
--t-fill-color-status-error-primary:var(--t-fill-color-status-error);
|
|
472
|
-
--t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
|
|
473
|
-
--t-icon-color-default-dim:var(--t-icon-color-dim);
|
|
474
|
-
--t-icon-color-default-disabled:var(--t-icon-color-disabled);
|
|
475
|
-
--t-icon-color-default-inverted:var(--t-icon-color-inverted);
|
|
476
|
-
--t-icon-color-default-primary:var(--t-icon-color);
|
|
477
|
-
--t-icon-color-default-secondary:var(--t-icon-color-secondary);
|
|
478
|
-
--t-icon-color-status-error-primary:var(--t-icon-color-status-error);
|
|
479
|
-
--t-icon-color-status-info-primary:var(--t-icon-color-status-info);
|
|
480
|
-
--t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
|
|
481
|
-
--t-icon-color-status-success-primary:var(--t-icon-color-status-success);
|
|
482
|
-
--t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
|
|
483
|
-
--t-text-color-default-disabled:var(--t-text-color-disabled);
|
|
484
|
-
--t-text-color-default-headline:var(--t-text-color-headline);
|
|
485
|
-
--t-text-color-default-inverted:var(--t-text-color-inverted);
|
|
486
|
-
--t-text-color-default-placeholder:var(--t-text-color-placeholder);
|
|
487
|
-
--t-text-color-default-primary:var(--t-text-color);
|
|
488
|
-
--t-text-color-default-secondary:var(--t-text-color-secondary);
|
|
489
|
-
--t-text-color-interaction-primary:var(--t-text-color-interaction);
|
|
490
412
|
}
|
|
491
413
|
|
|
492
414
|
:root[data-color-mode="dark"]{
|