@planningcenter/tapestry-tokens 0.0.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/CHANGELOG.md +0 -0
  2. package/package.json +27 -0
  3. package/rollup.config.mjs +12 -0
  4. package/src/componentNames.js +10 -0
  5. package/src/css/components/banner.css +24 -0
  6. package/src/css/tokens-alias-deprecated.css +42 -0
  7. package/src/css/tokens-alias.css +334 -0
  8. package/src/css/tokens.css +2 -0
  9. package/src/index.ts +11 -0
  10. package/src/json/alias.json +1628 -0
  11. package/src/json/components.json +84 -0
  12. package/src/json/primitives.json +946 -0
  13. package/src/style-dictionary.build.js +367 -0
  14. package/src/style-dictionary.config.js +67 -0
  15. package/src/ts/tokens.ts +371 -0
  16. package/tsconfig.build.json +11 -0
package/src/ts/tokens.ts ADDED
@@ -0,0 +1,371 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+
6
+ export const tokens = {
7
+ "--t-border-radius-sm": "2px" as const,
8
+ "--t-border-radius-md": "4px" as const,
9
+ "--t-border-radius-lg": "8px" as const,
10
+ "--t-border-radius-xl": "16px" as const,
11
+ "--t-border-radius-round": "56px" as const,
12
+ "--t-border-radius-default": "4px" as const,
13
+ "--t-border-size-default": "1px" as const,
14
+ "--t-border-size-thick": "2px" as const,
15
+ "--t-spacing-1": "8px" as const,
16
+ "--t-spacing-2": "16px" as const,
17
+ "--t-spacing-3": "24px" as const,
18
+ "--t-spacing-4": "32px" as const,
19
+ "--t-spacing-5": "40px" as const,
20
+ "--t-spacing-6": "48px" as const,
21
+ "--t-spacing-7": "56px" as const,
22
+ "--t-spacing-fourth": "2px" as const,
23
+ "--t-spacing-half": "4px" as const,
24
+ "--t-element-size-3xl": "48px" as const,
25
+ "--t-element-size-2xl": "32px" as const,
26
+ "--t-element-size-xl": "24px" as const,
27
+ "--t-element-size-lg": "18px" as const,
28
+ "--t-element-size-md": "16px" as const,
29
+ "--t-element-size-sm": "14px" as const,
30
+ "--t-element-size-xs": "12px" as const,
31
+ "--t-font-size-4xl": "32px" as const,
32
+ "--t-font-size-3xl": "28px" as const,
33
+ "--t-font-size-2xl": "24px" as const,
34
+ "--t-font-size-xl": "20px" as const,
35
+ "--t-font-size-lg": "18px" as const,
36
+ "--t-font-size-md": "16px" as const,
37
+ "--t-font-size-sm": "14px" as const,
38
+ "--t-font-size-xs": "12px" as const,
39
+ "--t-font-size-2xs": "10px" as const,
40
+ "--t-font-weight-normal": "400" as const,
41
+ "--t-font-weight-medium": "500" as const,
42
+ "--t-font-weight-semi-bold": "600" as const,
43
+ "--t-font-weight-bold": "700" as const,
44
+ "--t-container-size-xl": "48px" as const,
45
+ "--t-container-size-lg": "40px" as const,
46
+ "--t-container-size-md": "32px" as const,
47
+ "--t-container-size-sm": "24px" as const,
48
+ "--t-container-size-xs": "20px" as const,
49
+ "--t-avatar-size-20": "20px" as const,
50
+ "--t-avatar-size-24": "24px" as const,
51
+ "--t-avatar-size-36": "36px" as const,
52
+ "--t-avatar-size-48": "48px" as const,
53
+ "--t-avatar-size-72": "72px" as const,
54
+ "--t-avatar-size-112": "112px" as const,
55
+ "--t-text-color-default-headline": "hsl(0, 0%, 12%)" as const,
56
+ "--t-text-color-default-primary": "hsl(0, 0%, 24%)" as const,
57
+ "--t-text-color-default-secondary": "hsl(0, 0%, 45%)" as const,
58
+ "--t-text-color-default-disabled": "hsl(0, 0%, 81%)" as const,
59
+ "--t-text-color-default-placeholder": "hsl(0, 0%, 62%)" as const,
60
+ "--t-text-color-default-inverted": "hsl(0, 0%, 100%)" as const,
61
+ "--t-text-color-interaction-primary": "hsl(204, 100%, 40%)" as const,
62
+ "--t-text-color-interaction-hover": "hsl(204, 100%, 35%)" as const,
63
+ "--t-text-color-interaction-active": "hsl(204, 100%, 30%)" as const,
64
+ "--t-text-color-interaction-visited": "hsl(204, 100%, 30%)" as const,
65
+ "--t-text-color-status-neutral": "hsl(0, 0%, 24%)" as const,
66
+ "--t-text-color-status-info": "hsl(204, 100%, 35%)" as const,
67
+ "--t-text-color-status-success": "hsl(97, 57%, 28%)" as const,
68
+ "--t-text-color-status-warning": "hsl(42, 100%, 29%)" as const,
69
+ "--t-text-color-status-error": "hsl(8, 60%, 45%)" as const,
70
+ "--t-text-color-tag-subtle-gray": "hsl(0, 0%, 24%)" as const,
71
+ "--t-text-color-tag-subtle-blue": "hsl(224, 47%, 31%)" as const,
72
+ "--t-text-color-tag-subtle-aqua": "hsl(209, 77%, 22%)" as const,
73
+ "--t-text-color-tag-subtle-teal": "hsl(180, 95%, 15%)" as const,
74
+ "--t-text-color-tag-subtle-green": "hsl(100, 93%, 17%)" as const,
75
+ "--t-text-color-tag-subtle-yellow": "hsl(29, 100%, 23%)" as const,
76
+ "--t-text-color-tag-subtle-orange": "hsl(18, 100%, 18%)" as const,
77
+ "--t-text-color-tag-subtle-pink": "hsl(327, 88%, 20%)" as const,
78
+ "--t-text-color-tag-subtle-purple": "hsl(268, 71%, 27%)" as const,
79
+ "--t-text-color-tag-subtle-magenta": "hsl(285, 71%, 20%)" as const,
80
+ "--t-text-color-tag-gray": "hsl(0, 0%, 24%)" as const,
81
+ "--t-text-color-tag-magenta": "hsl(285, 71%, 20%)" as const,
82
+ "--t-text-color-tag-blue": "hsl(224, 47%, 31%)" as const,
83
+ "--t-text-color-tag-aqua": "hsl(209, 77%, 22%)" as const,
84
+ "--t-text-color-tag-teal": "hsl(180, 95%, 15%)" as const,
85
+ "--t-text-color-tag-green": "hsl(100, 93%, 17%)" as const,
86
+ "--t-text-color-tag-yellow": "hsl(29, 100%, 23%)" as const,
87
+ "--t-text-color-tag-orange": "hsl(18, 100%, 18%)" as const,
88
+ "--t-text-color-tag-pink": "hsl(327, 88%, 20%)" as const,
89
+ "--t-text-color-tag-purple": "hsl(268, 71%, 27%)" as const,
90
+ "--t-text-color-tag-bold-gray": "hsl(0, 0%, 24%)" as const,
91
+ "--t-text-color-tag-bold-blue": "hsl(224, 47%, 31%)" as const,
92
+ "--t-text-color-tag-bold-aqua": "hsl(209, 77%, 22%)" as const,
93
+ "--t-text-color-tag-bold-teal": "hsl(180, 95%, 15%)" as const,
94
+ "--t-text-color-tag-bold-green": "hsl(100, 93%, 17%)" as const,
95
+ "--t-text-color-tag-bold-yellow": "hsl(29, 100%, 23%)" as const,
96
+ "--t-text-color-tag-bold-orange": "hsl(18, 100%, 18%)" as const,
97
+ "--t-text-color-tag-bold-pink": "hsl(327, 88%, 20%)" as const,
98
+ "--t-text-color-tag-bold-purple": "hsl(268, 71%, 27%)" as const,
99
+ "--t-text-color-tag-bold-magenta": "hsl(285, 71%, 20%)" as const,
100
+ "--t-icon-color-default-primary": "hsl(0, 0%, 24%)" as const,
101
+ "--t-icon-color-default-secondary": "hsl(0, 0%, 45%)" as const,
102
+ "--t-icon-color-default-dim": "hsl(0, 0%, 62%)" as const,
103
+ "--t-icon-color-default-disabled": "hsl(0, 0%, 81%)" as const,
104
+ "--t-icon-color-default-inverted": "hsl(0, 0%, 100%)" as const,
105
+ "--t-icon-color-status-neutral-primary": "hsl(0, 0%, 45%)" as const,
106
+ "--t-icon-color-status-neutral-secondary": "hsl(0, 0%, 62%)" as const,
107
+ "--t-icon-color-status-neutral-bold": "hsl(0, 0%, 24%)" as const,
108
+ "--t-icon-color-status-neutral-dark": "hsl(0, 0%, 24%)" as const,
109
+ "--t-icon-color-status-info-primary": "hsl(204, 100%, 40%)" as const,
110
+ "--t-icon-color-status-info-secondary": "hsl(204, 100%, 40%)" as const,
111
+ "--t-icon-color-status-success-primary": "hsl(96, 57%, 33%)" as const,
112
+ "--t-icon-color-status-success-secondary": "hsl(97, 57%, 40%)" as const,
113
+ "--t-icon-color-status-warning-primary": "hsl(42, 84%, 49%)" as const,
114
+ "--t-icon-color-status-error-primary": "hsl(8, 60%, 47%)" as const,
115
+ "--t-fill-color-neutral-000": "hsl(0, 0%, 12%)" as const,
116
+ "--t-fill-color-neutral-010": "hsl(0, 0%, 24%)" as const,
117
+ "--t-fill-color-neutral-020": "hsl(0, 0%, 45%)" as const,
118
+ "--t-fill-color-neutral-030": "hsl(0, 0%, 62%)" as const,
119
+ "--t-fill-color-neutral-040": "hsl(0, 0%, 81%)" as const,
120
+ "--t-fill-color-neutral-050": "hsl(0, 0%, 88%)" as const,
121
+ "--t-fill-color-neutral-060": "hsl(0, 0%, 93%)" as const,
122
+ "--t-fill-color-neutral-070": "hsl(0, 0%, 95%)" as const,
123
+ "--t-fill-color-neutral-080": "hsl(0, 0%, 97%)" as const,
124
+ "--t-fill-color-neutral-090": "hsl(0, 0%, 98%)" as const,
125
+ "--t-fill-color-neutral-100": "hsl(0, 0%, 100%)" as const,
126
+ "--t-fill-color-interaction-default": "hsl(204, 100%, 40%)" as const,
127
+ "--t-fill-color-interaction-hover": "hsl(204, 100%, 35%)" as const,
128
+ "--t-fill-color-interaction-active": "hsl(204, 100%, 30%)" as const,
129
+ "--t-fill-color-interaction-disabled": "hsl(0, 0%, 81%)" as const,
130
+ "--t-fill-color-control-neutral-off": "hsl(0, 0%, 62%)" as const,
131
+ "--t-fill-color-control-neutral-on": "hsl(0, 0%, 24%)" as const,
132
+ "--t-fill-color-control-primary": "hsl(204, 100%, 40%)" as const,
133
+ "--t-fill-color-control-secondary": "hsl(97, 57%, 40%)" as const,
134
+ "--t-fill-color-control-error": "hsl(8, 60%, 47%)" as const,
135
+ "--t-fill-color-control-disabled": "hsl(0, 0%, 81%)" as const,
136
+ "--t-fill-color-status-neutral-solid": "hsl(0, 0%, 45%)" as const,
137
+ "--t-fill-color-status-neutral-ghost": "hsl(0, 0%, 93%)" as const,
138
+ "--t-fill-color-status-neutral-dim": "hsl(0, 0%, 97%)" as const,
139
+ "--t-fill-color-status-info-solid": "hsl(204, 100%, 40%)" as const,
140
+ "--t-fill-color-status-info-ghost": "hsl(203, 94%, 94%)" as const,
141
+ "--t-fill-color-status-info-dim": "hsl(204, 100%, 97%)" as const,
142
+ "--t-fill-color-status-success-solid": "hsl(96, 57%, 33%)" as const,
143
+ "--t-fill-color-status-success-ghost": "hsl(97, 57%, 90%)" as const,
144
+ "--t-fill-color-status-success-dim": "hsl(96, 60%, 95%)" as const,
145
+ "--t-fill-color-status-warning-solid": "hsl(42, 84%, 63%)" as const,
146
+ "--t-fill-color-status-warning-ghost": "hsl(42, 87%, 94%)" as const,
147
+ "--t-fill-color-status-warning-dim": "hsl(42, 87%, 97%)" as const,
148
+ "--t-fill-color-status-error-solid": "hsl(8, 60%, 47%)" as const,
149
+ "--t-fill-color-status-error-ghost": "hsl(9, 59%, 93%)" as const,
150
+ "--t-fill-color-status-error-dim": "hsl(7, 60%, 97%)" as const,
151
+ "--t-fill-color-alert-info": "hsl(204, 94%, 49%)" as const,
152
+ "--t-fill-color-alert-success": "hsl(122, 60%, 41%)" as const,
153
+ "--t-fill-color-alert-warning": "hsl(43, 96%, 58%)" as const,
154
+ "--t-fill-color-alert-error": "hsl(4, 77%, 59%)" as const,
155
+ "--t-fill-color-tooltip-primary": "hsla(0, 0%, 12%, 0.77)" as const,
156
+ "--t-fill-color-tag-subtle-gray": "hsl(0, 0%, 93%)" as const,
157
+ "--t-fill-color-tag-subtle-blue": "hsl(220, 100%, 95%)" as const,
158
+ "--t-fill-color-tag-subtle-label-gray": "hsl(0, 0%, 88%)" as const,
159
+ "--t-fill-color-tag-subtle-label-blue": "hsl(221, 100%, 81%)" as const,
160
+ "--t-fill-color-tag-subtle-label-aqua": "hsl(200, 82%, 82%)" as const,
161
+ "--t-fill-color-tag-subtle-label-teal": "hsl(164, 52%, 76%)" as const,
162
+ "--t-fill-color-tag-subtle-label-green": "hsl(99, 59%, 78%)" as const,
163
+ "--t-fill-color-tag-subtle-label-yellow": "hsl(44, 78%, 77%)" as const,
164
+ "--t-fill-color-tag-subtle-label-orange": "hsl(21, 89%, 82%)" as const,
165
+ "--t-fill-color-tag-subtle-label-pink": "hsl(310, 64%, 85%)" as const,
166
+ "--t-fill-color-tag-subtle-label-purple": "hsl(259, 74%, 85%)" as const,
167
+ "--t-fill-color-tag-subtle-label-magenta": "hsl(291, 40%, 83%)" as const,
168
+ "--t-fill-color-tag-subtle-aqua": "hsl(200, 82%, 89%)" as const,
169
+ "--t-fill-color-tag-subtle-teal": "hsl(163, 53%, 83%)" as const,
170
+ "--t-fill-color-tag-subtle-green": "hsl(98, 59%, 85%)" as const,
171
+ "--t-fill-color-tag-subtle-yellow": "hsl(45, 77%, 85%)" as const,
172
+ "--t-fill-color-tag-subtle-orange": "hsl(22, 89%, 89%)" as const,
173
+ "--t-fill-color-tag-subtle-pink": "hsl(311, 66%, 92%)" as const,
174
+ "--t-fill-color-tag-subtle-purple": "hsl(259, 74%, 93%)" as const,
175
+ "--t-fill-color-tag-subtle-magenta": "hsl(294, 37%, 90%)" as const,
176
+ "--t-fill-color-tag-bold-gray": "hsl(0, 0%, 88%)" as const,
177
+ "--t-fill-color-tag-bold-blue": "hsl(220, 98%, 81%)" as const,
178
+ "--t-fill-color-tag-bold-aqua": "hsl(201, 76%, 71%)" as const,
179
+ "--t-fill-color-tag-bold-teal": "hsl(169, 62%, 64%)" as const,
180
+ "--t-fill-color-tag-bold-green": "hsl(112, 57%, 65%)" as const,
181
+ "--t-fill-color-tag-bold-yellow": "hsl(44, 92%, 69%)" as const,
182
+ "--t-fill-color-tag-bold-orange": "hsl(21, 86%, 72%)" as const,
183
+ "--t-fill-color-tag-bold-pink": "hsl(324, 78%, 77%)" as const,
184
+ "--t-fill-color-tag-bold-purple": "hsl(273, 62%, 76%)" as const,
185
+ "--t-fill-color-tag-bold-magenta": "hsl(291, 48%, 70%)" as const,
186
+ "--t-fill-color-tag-bold-label-gray": "hsl(0, 0%, 81%)" as const,
187
+ "--t-fill-color-tag-bold-label-blue": "hsl(220, 98%, 74%)" as const,
188
+ "--t-fill-color-tag-bold-label-aqua": "hsl(200, 75%, 64%)" as const,
189
+ "--t-fill-color-tag-bold-label-teal": "hsl(169, 62%, 56%)" as const,
190
+ "--t-fill-color-tag-bold-label-green": "hsl(112, 57%, 57%)" as const,
191
+ "--t-fill-color-tag-bold-label-yellow": "hsl(44, 93%, 61%)" as const,
192
+ "--t-fill-color-tag-bold-label-orange": "hsl(21, 86%, 64%)" as const,
193
+ "--t-fill-color-tag-bold-label-pink": "hsl(324, 76%, 70%)" as const,
194
+ "--t-fill-color-tag-bold-label-purple": "hsl(273, 62%, 70%)" as const,
195
+ "--t-fill-color-tag-bold-label-magenta": "hsl(292, 48%, 63%)" as const,
196
+ "--t-fill-color-button-neutral-solid-default": "hsl(0, 0%, 45%)" as const,
197
+ "--t-fill-color-button-neutral-solid-hover": "hsl(0, 0%, 24%)" as const,
198
+ "--t-fill-color-button-neutral-solid-active": "hsl(0, 0%, 12%)" as const,
199
+ "--t-fill-color-button-neutral-solid-disabled": "hsl(0, 0%, 95%)" as const,
200
+ "--t-fill-color-button-neutral-outline-dim-default": "hsla(0, 0%, 100%, 0)" as const,
201
+ "--t-fill-color-button-neutral-outline-dim-hover": "hsl(0, 0%, 95%)" as const,
202
+ "--t-fill-color-button-neutral-outline-dim-active": "hsl(0, 0%, 93%)" as const,
203
+ "--t-fill-color-button-neutral-outline-dim-disabled": "hsla(0, 0%, 100%, 0)" as const,
204
+ "--t-fill-color-button-neutral-outline-dim-disabled-solid": "hsl(0, 0%, 98%)" as const,
205
+ "--t-fill-color-button-neutral-ghost-default": "hsla(0, 0%, 100%, 0)" as const,
206
+ "--t-fill-color-button-neutral-ghost-hover": "hsl(0, 0%, 95%)" as const,
207
+ "--t-fill-color-button-neutral-ghost-active": "hsl(0, 0%, 93%)" as const,
208
+ "--t-fill-color-button-neutral-ghost-disabled": "hsla(0, 0%, 100%, 0)" as const,
209
+ "--t-fill-color-button-neutral-ghost-disabled-solid": "hsl(0, 0%, 98%)" as const,
210
+ "--t-fill-color-button-interaction-solid-default": "hsl(204, 100%, 40%)" as const,
211
+ "--t-fill-color-button-interaction-solid-hover": "hsl(204, 100%, 35%)" as const,
212
+ "--t-fill-color-button-interaction-solid-active": "hsl(204, 100%, 30%)" as const,
213
+ "--t-fill-color-button-interaction-solid-disabled": "hsl(0, 0%, 81%)" as const,
214
+ "--t-fill-color-button-interaction-outline-dim-default": "hsla(0, 0%, 100%, 0)" as const,
215
+ "--t-fill-color-button-interaction-outline-dim-hover": "hsl(204, 100%, 97%)" as const,
216
+ "--t-fill-color-button-interaction-outline-dim-active": "hsl(203, 94%, 94%)" as const,
217
+ "--t-fill-color-button-interaction-outline-dim-disabled": "hsla(0, 0%, 100%, 0)" as const,
218
+ "--t-fill-color-button-interaction-ghost-default": "hsla(0, 0%, 100%, 0)" as const,
219
+ "--t-fill-color-button-interaction-ghost-hover": "hsl(204, 100%, 97%)" as const,
220
+ "--t-fill-color-button-interaction-ghost-active": "hsl(203, 94%, 94%)" as const,
221
+ "--t-fill-color-button-interaction-ghost-disabled": "hsla(0, 0%, 100%, 0)" as const,
222
+ "--t-fill-color-button-default-info-solid-default": "hsl(204, 100%, 40%)" as const,
223
+ "--t-fill-color-button-default-info-solid-hover": "hsl(204, 100%, 35%)" as const,
224
+ "--t-fill-color-button-default-info-solid-active": "hsl(204, 100%, 30%)" as const,
225
+ "--t-fill-color-button-default-info-solid-disabled": "hsl(0, 0%, 81%)" as const,
226
+ "--t-fill-color-button-default-info-outline-dim-default": "hsla(0, 0%, 100%, 0)" as const,
227
+ "--t-fill-color-button-default-info-outline-dim-hover": "hsl(204, 100%, 97%)" as const,
228
+ "--t-fill-color-button-default-info-outline-dim-active": "hsl(203, 94%, 94%)" as const,
229
+ "--t-fill-color-button-default-info-outline-dim-disabled": "hsla(0, 0%, 100%, 0)" as const,
230
+ "--t-fill-color-button-default-info-ghost-default": "hsla(0, 0%, 100%, 0)" as const,
231
+ "--t-fill-color-button-default-info-ghost-hover": "hsl(204, 100%, 97%)" as const,
232
+ "--t-fill-color-button-default-info-ghost-active": "hsl(203, 94%, 94%)" as const,
233
+ "--t-fill-color-button-default-info-ghost-disabled": "hsla(0, 0%, 100%, 0)" as const,
234
+ "--t-fill-color-button-create-solid-default": "hsl(96, 57%, 33%)" as const,
235
+ "--t-fill-color-button-create-solid-hover": "hsl(97, 57%, 28%)" as const,
236
+ "--t-fill-color-button-create-solid-active": "hsl(97, 57%, 23%)" as const,
237
+ "--t-fill-color-button-create-solid-disabled": "hsl(0, 0%, 81%)" as const,
238
+ "--t-fill-color-button-create-ghost-default": "hsla(0, 0%, 100%, 0)" as const,
239
+ "--t-fill-color-button-create-ghost-hover": "hsl(96, 60%, 95%)" as const,
240
+ "--t-fill-color-button-create-ghost-active": "hsl(97, 57%, 90%)" as const,
241
+ "--t-fill-color-button-create-ghost-disabled": "hsla(0, 0%, 100%, 0)" as const,
242
+ "--t-fill-color-button-delete-solid-default": "hsl(8, 60%, 47%)" as const,
243
+ "--t-fill-color-button-delete-solid-hover": "hsl(8, 60%, 45%)" as const,
244
+ "--t-fill-color-button-delete-solid-active": "hsl(8, 60%, 40%)" as const,
245
+ "--t-fill-color-button-delete-solid-disabled": "hsl(0, 0%, 81%)" as const,
246
+ "--t-fill-color-button-delete-outline-dim-default": "hsla(0, 0%, 100%, 0)" as const,
247
+ "--t-fill-color-button-delete-outline-dim-hover": "hsl(7, 60%, 97%)" as const,
248
+ "--t-fill-color-button-delete-outline-dim-active": "hsl(9, 59%, 93%)" as const,
249
+ "--t-fill-color-button-delete-outline-dim-disabled": "hsla(0, 0%, 100%, 0)" as const,
250
+ "--t-fill-color-button-delete-ghost-default": "hsla(0, 0%, 100%, 0)" as const,
251
+ "--t-fill-color-button-delete-ghost-hover": "hsl(7, 60%, 97%)" as const,
252
+ "--t-fill-color-button-delete-ghost-active": "hsl(9, 59%, 93%)" as const,
253
+ "--t-fill-color-button-delete-ghost-disabled": "hsla(0, 0%, 100%, 0)" as const,
254
+ "--t-fill-color-button-pill-default": "hsl(0, 0%, 93%)" as const,
255
+ "--t-fill-color-button-pill-hover": "hsl(0, 0%, 88%)" as const,
256
+ "--t-fill-color-button-pill-active": "hsl(0, 0%, 88%)" as const,
257
+ "--t-fill-color-button-pill-disabled": "hsl(0, 0%, 93%)" as const,
258
+ "--t-fill-color-product-accounts-base": "hsl(210, 55%, 50%)" as const,
259
+ "--t-fill-color-product-accounts-light": "hsl(210, 54%, 60%)" as const,
260
+ "--t-fill-color-product-accounts-lighter": "hsl(209, 53%, 90%)" as const,
261
+ "--t-fill-color-product-accounts-lightest": "hsl(212, 54%, 93%)" as const,
262
+ "--t-fill-color-product-accounts-dark": "hsl(210, 65%, 40%)" as const,
263
+ "--t-fill-color-product-accounts-darker": "hsl(211, 70%, 32%)" as const,
264
+ "--t-fill-color-product-accounts-darkest": "hsl(210, 75%, 25%)" as const,
265
+ "--t-fill-color-product-calendar-base": "hsl(9, 61%, 50%)" as const,
266
+ "--t-fill-color-product-calendar-light": "hsl(8, 65%, 55%)" as const,
267
+ "--t-fill-color-product-calendar-lighter": "hsl(8, 72%, 59%)" as const,
268
+ "--t-fill-color-product-calendar-lightest": "hsl(8, 61%, 70%)" as const,
269
+ "--t-fill-color-product-calendar-dark": "hsl(8, 65%, 42%)" as const,
270
+ "--t-fill-color-product-calendar-darker": "hsl(7, 65%, 34%)" as const,
271
+ "--t-fill-color-product-calendar-darkest": "hsl(9, 61%, 27%)" as const,
272
+ "--t-fill-color-product-checkins-base": "hsl(283, 22%, 48%)" as const,
273
+ "--t-fill-color-product-checkins-light": "hsl(283, 22%, 55%)" as const,
274
+ "--t-fill-color-product-checkins-lighter": "hsl(284, 22%, 64%)" as const,
275
+ "--t-fill-color-product-checkins-lightest": "hsl(283, 22%, 75%)" as const,
276
+ "--t-fill-color-product-checkins-dark": "hsl(283, 27%, 42%)" as const,
277
+ "--t-fill-color-product-checkins-darker": "hsl(284, 33%, 34%)" as const,
278
+ "--t-fill-color-product-checkins-darkest": "hsl(283, 33%, 27%)" as const,
279
+ "--t-fill-color-product-giving-base": "hsl(43, 88%, 64%)" as const,
280
+ "--t-fill-color-product-giving-light": "hsl(43, 88%, 70%)" as const,
281
+ "--t-fill-color-product-giving-lighter": "hsl(43, 95%, 75%)" as const,
282
+ "--t-fill-color-product-giving-lightest": "hsl(42, 95%, 83%)" as const,
283
+ "--t-fill-color-product-giving-dark": "hsl(42, 84%, 55%)" as const,
284
+ "--t-fill-color-product-giving-darker": "hsl(42, 84%, 48%)" as const,
285
+ "--t-fill-color-product-giving-darkest": "hsl(42, 100%, 40%)" as const,
286
+ "--t-fill-color-product-groups-base": "hsl(17, 88%, 55%)" as const,
287
+ "--t-fill-color-product-groups-light": "hsl(17, 96%, 63%)" as const,
288
+ "--t-fill-color-product-groups-lighter": "hsl(17, 96%, 70%)" as const,
289
+ "--t-fill-color-product-groups-lightest": "hsl(17, 96%, 80%)" as const,
290
+ "--t-fill-color-product-groups-dark": "hsl(12, 70%, 48%)" as const,
291
+ "--t-fill-color-product-groups-darker": "hsl(12, 70%, 40%)" as const,
292
+ "--t-fill-color-product-groups-darkest": "hsl(14, 70%, 34%)" as const,
293
+ "--t-fill-color-product-home-base": "hsl(221, 91%, 55%)" as const,
294
+ "--t-fill-color-product-home-light": "hsl(221, 91%, 62%)" as const,
295
+ "--t-fill-color-product-home-lighter": "hsl(221, 91%, 87%)" as const,
296
+ "--t-fill-color-product-home-lightest": "hsl(221, 91%, 91%)" as const,
297
+ "--t-fill-color-product-home-dark": "hsl(221, 90%, 50%)" as const,
298
+ "--t-fill-color-product-home-darker": "hsl(221, 90%, 45%)" as const,
299
+ "--t-fill-color-product-home-darkest": "hsl(218, 84%, 25%)" as const,
300
+ "--t-fill-color-product-people-base": "hsl(220, 74%, 57%)" as const,
301
+ "--t-fill-color-product-people-light": "hsl(221, 73%, 65%)" as const,
302
+ "--t-fill-color-product-people-lighter": "hsl(221, 73%, 71%)" as const,
303
+ "--t-fill-color-product-people-lightest": "hsl(220, 69%, 81%)" as const,
304
+ "--t-fill-color-product-people-dark": "hsl(220, 68%, 51%)" as const,
305
+ "--t-fill-color-product-people-darker": "hsl(220, 68%, 41%)" as const,
306
+ "--t-fill-color-product-people-darkest": "hsl(221, 68%, 31%)" as const,
307
+ "--t-fill-color-product-publishing-base": "hsl(220, 12%, 31%)" as const,
308
+ "--t-fill-color-product-publishing-light": "hsl(222, 12%, 39%)" as const,
309
+ "--t-fill-color-product-publishing-lighter": "hsl(221, 11%, 50%)" as const,
310
+ "--t-fill-color-product-publishing-lightest": "hsl(222, 10%, 60%)" as const,
311
+ "--t-fill-color-product-publishing-dark": "hsl(220, 11%, 26%)" as const,
312
+ "--t-fill-color-product-publishing-darker": "hsl(217, 12%, 22%)" as const,
313
+ "--t-fill-color-product-publishing-darkest": "hsl(214, 11%, 12%)" as const,
314
+ "--t-fill-color-product-registrations-base": "hsl(175, 36%, 43%)" as const,
315
+ "--t-fill-color-product-registrations-light": "hsl(176, 37%, 60%)" as const,
316
+ "--t-fill-color-product-registrations-lighter": "hsl(176, 37%, 68%)" as const,
317
+ "--t-fill-color-product-registrations-lightest": "hsl(176, 38%, 78%)" as const,
318
+ "--t-fill-color-product-registrations-dark": "hsl(175, 51%, 34%)" as const,
319
+ "--t-fill-color-product-registrations-darker": "hsl(174, 51%, 28%)" as const,
320
+ "--t-fill-color-product-registrations-darkest": "hsl(175, 52%, 22%)" as const,
321
+ "--t-fill-color-product-services-base": "hsl(88, 45%, 41%)" as const,
322
+ "--t-fill-color-product-services-light": "hsl(88, 40%, 54%)" as const,
323
+ "--t-fill-color-product-services-lighter": "hsl(88, 39%, 66%)" as const,
324
+ "--t-fill-color-product-services-lightest": "hsl(88, 39%, 75%)" as const,
325
+ "--t-fill-color-product-services-dark": "hsl(89, 62%, 32%)" as const,
326
+ "--t-fill-color-product-services-darker": "hsl(89, 62%, 26%)" as const,
327
+ "--t-fill-color-product-services-darkest": "hsl(89, 63%, 21%)" as const,
328
+ "--t-fill-color-product-staff-base": "hsl(328, 100%, 45%)" as const,
329
+ "--t-fill-color-transparency-light-010": "hsla(0, 0%, 100%, 0.1)" as const,
330
+ "--t-fill-color-transparency-light-020": "hsla(0, 0%, 100%, 0.2)" as const,
331
+ "--t-fill-color-transparency-light-030": "hsla(0, 0%, 100%, 0.3)" as const,
332
+ "--t-fill-color-transparency-light-040": "hsla(0, 0%, 100%, 0.4)" as const,
333
+ "--t-fill-color-transparency-light-050": "hsla(0, 0%, 100%, 0.5)" as const,
334
+ "--t-fill-color-transparency-light-060": "hsla(0, 0%, 100%, 0.6)" as const,
335
+ "--t-fill-color-transparency-light-070": "hsla(0, 0%, 100%, 0.7)" as const,
336
+ "--t-fill-color-transparency-light-080": "hsla(0, 0%, 100%, 0.8)" as const,
337
+ "--t-fill-color-transparency-light-090": "hsla(0, 0%, 100%, 0.9)" as const,
338
+ "--t-fill-color-transparency-dark-010": "hsla(0, 0%, 0%, 0.1)" as const,
339
+ "--t-fill-color-transparency-dark-020": "hsla(0, 0%, 0%, 0.2)" as const,
340
+ "--t-fill-color-transparency-dark-030": "hsla(0, 0%, 0%, 0.3)" as const,
341
+ "--t-fill-color-transparency-dark-040": "hsla(0, 0%, 0%, 0.4)" as const,
342
+ "--t-fill-color-transparency-dark-050": "hsla(0, 0%, 0%, 0.5)" as const,
343
+ "--t-fill-color-transparency-dark-060": "hsla(0, 0%, 0%, 0.6)" as const,
344
+ "--t-fill-color-transparency-dark-070": "hsla(0, 0%, 0%, 0.7)" as const,
345
+ "--t-fill-color-transparency-dark-080": "hsla(0, 0%, 0%, 0.8)" as const,
346
+ "--t-fill-color-transparency-dark-090": "hsla(0, 0%, 0%, 0.9)" as const,
347
+ "--t-surface-color-canvas": "hsl(0, 0%, 98%)" as const,
348
+ "--t-surface-color-card": "hsl(0, 0%, 100%)" as const,
349
+ "--t-border-color-default-base": "hsl(0, 0%, 88%)" as const,
350
+ "--t-border-color-default-dark": "hsl(0, 0%, 81%)" as const,
351
+ "--t-border-color-default-darker": "hsl(0, 0%, 68%)" as const,
352
+ "--t-border-color-default-darkest": "hsl(0, 0%, 62%)" as const,
353
+ "--t-border-color-default-disabled": "hsl(0, 0%, 88%)" as const,
354
+ "--t-border-color-default-dim": "hsl(0, 0%, 95%)" as const,
355
+ "--t-border-color-default-white": "hsl(0, 0%, 100%)" as const,
356
+ "--t-border-color-status-neutral": "hsl(0, 0%, 62%)" as const,
357
+ "--t-border-color-status-info": "hsl(204, 100%, 40%)" as const,
358
+ "--t-border-color-status-success": "hsl(97, 57%, 40%)" as const,
359
+ "--t-border-color-status-warning": "hsl(42, 84%, 63%)" as const,
360
+ "--t-border-color-status-error": "hsl(8, 60%, 47%)" as const,
361
+ "--t-border-color-button-neutral": "hsl(0, 0%, 88%)" as const,
362
+ "--t-border-color-button-info": "hsl(204, 100%, 40%)" as const,
363
+ "--t-border-color-button-create": "hsl(96, 57%, 33%)" as const,
364
+ "--t-border-color-button-delete": "hsl(8, 60%, 47%)" as const,
365
+ "--t-border-color-control-neutral": "hsl(0, 0%, 68%)" as const,
366
+ "--t-border-color-control-info": "hsl(204, 100%, 40%)" as const,
367
+ "--t-border-color-control-success": "hsl(97, 57%, 40%)" as const,
368
+ "--t-border-color-control-warning": "hsl(42, 84%, 63%)" as const,
369
+ "--t-border-color-control-error": "hsl(8, 60%, 47%)" as const,
370
+ "--t-border-color-control-disabled": "hsl(0, 0%, 88%)" as const
371
+ }
package/tsconfig.build.json ADDED
@@ -0,0 +1,11 @@
1
+ {
2
+ "extends": "../../tsconfig.json",
3
+ "include": ["src/index.ts"],
4
+ "compilerOptions": {
5
+ /* Type checking */
6
+ "strict": true,
7
+ "outDir": "dist",
8
+ "declarationDir": "dist",
9
+ "rootDir": "src"
10
+ }
11
+ }