@planningcenter/tapestry 1.0.0-rc.1 → 1.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.
Files changed (15) hide show
  1. package/dist/index.css +231 -111
  2. package/dist/index.css.map +1 -1
  3. package/dist/packages/tapestry-wc/dist/components/tds-page-header.js +1 -1
  4. package/dist/packages/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  5. package/dist/tokens/ts/tokens.d.ts +199 -79
  6. package/dist/tokens/ts/tokens.d.ts.map +1 -1
  7. package/dist/tokens/ts/tokens.js +199 -79
  8. package/dist/tokens/ts/tokens.js.map +1 -1
  9. package/dist/tokens.css +231 -111
  10. package/dist/tokens.css.map +1 -1
  11. package/dist/unstable.css +231 -111
  12. package/dist/unstable.css.map +1 -1
  13. package/dist/webComponents.css +231 -111
  14. package/dist/webComponents.css.map +1 -1
  15. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -138,46 +138,127 @@
138
138
  --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);
139
139
  --t-fill-color-status-error-dim: hsl(7, 60%, 97%);
140
140
  --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);
141
- --t-fill-color-tag-subtle-gray: hsl(0, 0%, 93%);
142
- --t-fill-color-tag-subtle-blue: hsl(220, 100%, 95%);
143
- --t-fill-color-tag-subtle-label-gray: hsl(0, 0%, 88%);
144
- --t-fill-color-tag-subtle-label-blue: hsl(221, 100%, 81%);
145
- --t-fill-color-tag-subtle-label-aqua: hsl(200, 82%, 82%);
146
- --t-fill-color-tag-subtle-label-teal: hsl(164, 52%, 76%);
147
- --t-fill-color-tag-subtle-label-green: hsl(99, 59%, 78%);
148
- --t-fill-color-tag-subtle-label-yellow: hsl(44, 78%, 77%);
149
- --t-fill-color-tag-subtle-label-orange: hsl(21, 89%, 82%);
150
- --t-fill-color-tag-subtle-label-pink: hsl(310, 64%, 85%);
151
- --t-fill-color-tag-subtle-label-purple: hsl(259, 74%, 85%);
152
- --t-fill-color-tag-subtle-label-magenta: hsl(291, 40%, 83%);
153
- --t-fill-color-tag-subtle-aqua: hsl(200, 82%, 89%);
154
- --t-fill-color-tag-subtle-teal: hsl(163, 53%, 83%);
155
- --t-fill-color-tag-subtle-green: hsl(98, 59%, 85%);
156
- --t-fill-color-tag-subtle-yellow: hsl(45, 77%, 85%);
157
- --t-fill-color-tag-subtle-orange: hsl(22, 89%, 89%);
158
- --t-fill-color-tag-subtle-pink: hsl(311, 66%, 92%);
159
- --t-fill-color-tag-subtle-purple: hsl(259, 74%, 93%);
160
- --t-fill-color-tag-subtle-magenta: hsl(294, 37%, 90%);
161
- --t-fill-color-tag-bold-gray: hsl(0, 0%, 88%);
162
- --t-fill-color-tag-bold-blue: hsl(220, 98%, 81%);
163
- --t-fill-color-tag-bold-aqua: hsl(201, 76%, 71%);
164
- --t-fill-color-tag-bold-teal: hsl(169, 62%, 64%);
165
- --t-fill-color-tag-bold-green: hsl(112, 57%, 65%);
166
- --t-fill-color-tag-bold-yellow: hsl(44, 92%, 69%);
167
- --t-fill-color-tag-bold-orange: hsl(21, 86%, 72%);
168
- --t-fill-color-tag-bold-pink: hsl(324, 78%, 77%);
169
- --t-fill-color-tag-bold-purple: hsl(273, 62%, 76%);
170
- --t-fill-color-tag-bold-magenta: hsl(291, 48%, 70%);
171
- --t-fill-color-tag-bold-label-gray: hsl(0, 0%, 81%);
172
- --t-fill-color-tag-bold-label-blue: hsl(220, 98%, 74%);
173
- --t-fill-color-tag-bold-label-aqua: hsl(200, 75%, 64%);
174
- --t-fill-color-tag-bold-label-teal: hsl(169, 62%, 56%);
175
- --t-fill-color-tag-bold-label-green: hsl(112, 57%, 57%);
176
- --t-fill-color-tag-bold-label-yellow: hsl(44, 93%, 61%);
177
- --t-fill-color-tag-bold-label-orange: hsl(21, 86%, 64%);
178
- --t-fill-color-tag-bold-label-pink: hsl(324, 76%, 70%);
179
- --t-fill-color-tag-bold-label-purple: hsl(273, 62%, 70%);
180
- --t-fill-color-tag-bold-label-magenta: hsl(292, 48%, 63%);
141
+ --t-fill-color-product-accounts-010: hsl(212, 54%, 93%);
142
+ --t-fill-color-product-accounts-020: hsl(209, 53%, 90%);
143
+ --t-fill-color-product-accounts-030: hsl(210, 56%, 70%);
144
+ --t-fill-color-product-accounts-040: hsl(210, 54%, 60%);
145
+ --t-fill-color-product-accounts-050: hsl(210, 55%, 50%);
146
+ --t-fill-color-product-accounts-060: hsl(210, 65%, 40%);
147
+ --t-fill-color-product-accounts-070: hsl(211, 70%, 32%);
148
+ --t-fill-color-product-accounts-080: hsl(210, 75%, 25%);
149
+ --t-fill-color-product-calendar-010: hsl(8, 61%, 90%);
150
+ --t-fill-color-product-calendar-020: hsl(8, 61%, 70%);
151
+ --t-fill-color-product-calendar-030: hsl(8, 72%, 59%);
152
+ --t-fill-color-product-calendar-040: hsl(8, 65%, 55%);
153
+ --t-fill-color-product-calendar-050: hsl(9, 61%, 50%);
154
+ --t-fill-color-product-calendar-060: hsl(8, 65%, 42%);
155
+ --t-fill-color-product-calendar-070: hsl(7, 65%, 34%);
156
+ --t-fill-color-product-calendar-080: hsl(9, 61%, 27%);
157
+ --t-fill-color-product-checkins-010: hsl(285, 20%, 92%);
158
+ --t-fill-color-product-checkins-020: hsl(283, 22%, 75%);
159
+ --t-fill-color-product-checkins-030: hsl(284, 22%, 64%);
160
+ --t-fill-color-product-checkins-040: hsl(283, 22%, 55%);
161
+ --t-fill-color-product-checkins-050: hsl(283, 22%, 48%);
162
+ --t-fill-color-product-checkins-060: hsl(283, 27%, 42%);
163
+ --t-fill-color-product-checkins-070: hsl(284, 33%, 34%);
164
+ --t-fill-color-product-checkins-080: hsl(283, 33%, 27%);
165
+ --t-fill-color-product-giving-010: hsl(41, 95%, 93%);
166
+ --t-fill-color-product-giving-020: hsl(42, 95%, 83%);
167
+ --t-fill-color-product-giving-030: hsl(43, 95%, 75%);
168
+ --t-fill-color-product-giving-040: hsl(43, 88%, 70%);
169
+ --t-fill-color-product-giving-050: hsl(43, 88%, 64%);
170
+ --t-fill-color-product-giving-060: hsl(42, 84%, 55%);
171
+ --t-fill-color-product-giving-070: hsl(42, 84%, 48%);
172
+ --t-fill-color-product-giving-080: hsl(42, 100%, 40%);
173
+ --t-fill-color-product-groups-010: hsl(18, 95%, 92%);
174
+ --t-fill-color-product-groups-020: hsl(17, 96%, 80%);
175
+ --t-fill-color-product-groups-030: hsl(17, 96%, 70%);
176
+ --t-fill-color-product-groups-040: hsl(17, 96%, 63%);
177
+ --t-fill-color-product-groups-050: hsl(17, 88%, 55%);
178
+ --t-fill-color-product-groups-060: hsl(12, 70%, 48%);
179
+ --t-fill-color-product-groups-070: hsl(12, 70%, 40%);
180
+ --t-fill-color-product-groups-080: hsl(14, 70%, 34%);
181
+ --t-fill-color-product-home-010: hsl(221, 89%, 93%);
182
+ --t-fill-color-product-home-020: hsl(221, 91%, 91%);
183
+ --t-fill-color-product-home-030: hsl(221, 91%, 87%);
184
+ --t-fill-color-product-home-040: hsl(221, 91%, 62%);
185
+ --t-fill-color-product-home-050: hsl(221, 91%, 55%);
186
+ --t-fill-color-product-home-060: hsl(221, 90%, 50%);
187
+ --t-fill-color-product-home-070: hsl(221, 90%, 45%);
188
+ --t-fill-color-product-home-080: hsl(218, 84%, 25%);
189
+ --t-fill-color-product-people-010: hsl(219, 73%, 91%);
190
+ --t-fill-color-product-people-020: hsl(220, 69%, 81%);
191
+ --t-fill-color-product-people-030: hsl(221, 73%, 71%);
192
+ --t-fill-color-product-people-040: hsl(221, 73%, 65%);
193
+ --t-fill-color-product-people-050: hsl(220, 74%, 57%);
194
+ --t-fill-color-product-people-060: hsl(220, 68%, 51%);
195
+ --t-fill-color-product-people-070: hsl(220, 68%, 41%);
196
+ --t-fill-color-product-people-080: hsl(221, 68%, 31%);
197
+ --t-fill-color-product-publishing-010: hsl(220, 4%, 86%);
198
+ --t-fill-color-product-publishing-020: hsl(222, 10%, 60%);
199
+ --t-fill-color-product-publishing-030: hsl(221, 11%, 50%);
200
+ --t-fill-color-product-publishing-040: hsl(222, 12%, 39%);
201
+ --t-fill-color-product-publishing-050: hsl(220, 12%, 31%);
202
+ --t-fill-color-product-publishing-060: hsl(220, 11%, 26%);
203
+ --t-fill-color-product-publishing-070: hsl(217, 12%, 22%);
204
+ --t-fill-color-product-publishing-080: hsl(214, 11%, 12%);
205
+ --t-fill-color-product-registrations-010: hsl(173, 28%, 89%);
206
+ --t-fill-color-product-registrations-020: hsl(176, 38%, 78%);
207
+ --t-fill-color-product-registrations-030: hsl(176, 37%, 68%);
208
+ --t-fill-color-product-registrations-040: hsl(176, 37%, 60%);
209
+ --t-fill-color-product-registrations-050: hsl(175, 36%, 43%);
210
+ --t-fill-color-product-registrations-060: hsl(175, 51%, 34%);
211
+ --t-fill-color-product-registrations-070: hsl(174, 51%, 28%);
212
+ --t-fill-color-product-registrations-080: hsl(175, 52%, 22%);
213
+ --t-fill-color-product-services-010: hsl(88, 31%, 88%);
214
+ --t-fill-color-product-services-020: hsl(88, 39%, 75%);
215
+ --t-fill-color-product-services-030: hsl(88, 39%, 66%);
216
+ --t-fill-color-product-services-040: hsl(88, 40%, 54%);
217
+ --t-fill-color-product-services-050: hsl(88, 45%, 41%);
218
+ --t-fill-color-product-services-060: hsl(89, 62%, 31%);
219
+ --t-fill-color-product-services-070: hsl(89, 62%, 26%);
220
+ --t-fill-color-product-services-080: hsl(89, 63%, 21%);
221
+ --t-fill-color-product-staff-base: hsl(328, 100%, 45%);
222
+ --t-fill-color-tag-gray-010: hsl(0, 0%, 93%);
223
+ --t-fill-color-tag-gray-020: hsl(0, 0%, 88%);
224
+ --t-fill-color-tag-gray-030: hsl(0, 0%, 88%);
225
+ --t-fill-color-tag-gray-040: hsl(0, 0%, 81%);
226
+ --t-fill-color-tag-blue-010: hsl(220, 100%, 95%);
227
+ --t-fill-color-tag-blue-020: hsl(221, 100%, 81%);
228
+ --t-fill-color-tag-blue-030: hsl(220, 98%, 81%);
229
+ --t-fill-color-tag-blue-040: hsl(220, 98%, 74%);
230
+ --t-fill-color-tag-aqua-010: hsl(200, 82%, 89%);
231
+ --t-fill-color-tag-aqua-020: hsl(200, 82%, 82%);
232
+ --t-fill-color-tag-aqua-030: hsl(201, 76%, 71%);
233
+ --t-fill-color-tag-aqua-040: hsl(200, 75%, 64%);
234
+ --t-fill-color-tag-teal-010: hsl(163, 53%, 83%);
235
+ --t-fill-color-tag-teal-020: hsl(164, 52%, 76%);
236
+ --t-fill-color-tag-teal-030: hsl(169, 62%, 64%);
237
+ --t-fill-color-tag-teal-040: hsl(169, 62%, 56%);
238
+ --t-fill-color-tag-green-010: hsl(98, 59%, 85%);
239
+ --t-fill-color-tag-green-020: hsl(99, 59%, 78%);
240
+ --t-fill-color-tag-green-030: hsl(112, 57%, 65%);
241
+ --t-fill-color-tag-green-040: hsl(112, 57%, 57%);
242
+ --t-fill-color-tag-yellow-010: hsl(45, 77%, 85%);
243
+ --t-fill-color-tag-yellow-020: hsl(44, 78%, 77%);
244
+ --t-fill-color-tag-yellow-030: hsl(44, 92%, 69%);
245
+ --t-fill-color-tag-yellow-040: hsl(44, 93%, 61%);
246
+ --t-fill-color-tag-orange-010: hsl(22, 89%, 89%);
247
+ --t-fill-color-tag-orange-020: hsl(21, 89%, 82%);
248
+ --t-fill-color-tag-orange-030: hsl(21, 86%, 72%);
249
+ --t-fill-color-tag-orange-040: hsl(21, 86%, 64%);
250
+ --t-fill-color-tag-pink-010: hsl(311, 66%, 92%);
251
+ --t-fill-color-tag-pink-020: hsl(310, 64%, 85%);
252
+ --t-fill-color-tag-pink-030: hsl(324, 78%, 77%);
253
+ --t-fill-color-tag-pink-040: hsl(324, 76%, 70%);
254
+ --t-fill-color-tag-purple-010: hsl(259, 74%, 93%);
255
+ --t-fill-color-tag-purple-020: hsl(259, 74%, 85%);
256
+ --t-fill-color-tag-purple-030: hsl(273, 62%, 76%);
257
+ --t-fill-color-tag-purple-040: hsl(273, 62%, 70%);
258
+ --t-fill-color-tag-magenta-010: hsl(294, 37%, 90%);
259
+ --t-fill-color-tag-magenta-020: hsl(291, 40%, 83%);
260
+ --t-fill-color-tag-magenta-030: hsl(291, 48%, 70%);
261
+ --t-fill-color-tag-magenta-040: hsl(292, 48%, 63%);
181
262
  --t-fill-color-button-neutral-solid-default: hsl(0, 0%, 45%);
182
263
  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);
183
264
  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 12%);
@@ -220,77 +301,6 @@
220
301
  --t-fill-color-button-pill-hover: hsl(0, 0%, 88%);
221
302
  --t-fill-color-button-pill-active: hsl(0, 0%, 88%);
222
303
  --t-fill-color-button-pill-disabled: hsl(0, 0%, 93%);
223
- --t-fill-color-product-accounts-base: hsl(210, 55%, 50%);
224
- --t-fill-color-product-accounts-light: hsl(210, 54%, 60%);
225
- --t-fill-color-product-accounts-lighter: hsl(209, 53%, 90%);
226
- --t-fill-color-product-accounts-lightest: hsl(212, 54%, 93%);
227
- --t-fill-color-product-accounts-dark: hsl(210, 65%, 40%);
228
- --t-fill-color-product-accounts-darker: hsl(211, 70%, 32%);
229
- --t-fill-color-product-accounts-darkest: hsl(210, 75%, 25%);
230
- --t-fill-color-product-calendar-base: hsl(9, 61%, 50%);
231
- --t-fill-color-product-calendar-light: hsl(8, 65%, 55%);
232
- --t-fill-color-product-calendar-lighter: hsl(8, 72%, 59%);
233
- --t-fill-color-product-calendar-lightest: hsl(8, 61%, 70%);
234
- --t-fill-color-product-calendar-dark: hsl(8, 65%, 42%);
235
- --t-fill-color-product-calendar-darker: hsl(7, 65%, 34%);
236
- --t-fill-color-product-calendar-darkest: hsl(9, 61%, 27%);
237
- --t-fill-color-product-checkins-base: hsl(283, 22%, 48%);
238
- --t-fill-color-product-checkins-light: hsl(283, 22%, 55%);
239
- --t-fill-color-product-checkins-lighter: hsl(284, 22%, 64%);
240
- --t-fill-color-product-checkins-lightest: hsl(283, 22%, 75%);
241
- --t-fill-color-product-checkins-dark: hsl(283, 27%, 42%);
242
- --t-fill-color-product-checkins-darker: hsl(284, 33%, 34%);
243
- --t-fill-color-product-checkins-darkest: hsl(283, 33%, 27%);
244
- --t-fill-color-product-giving-base: hsl(43, 88%, 64%);
245
- --t-fill-color-product-giving-light: hsl(43, 88%, 70%);
246
- --t-fill-color-product-giving-lighter: hsl(43, 95%, 75%);
247
- --t-fill-color-product-giving-lightest: hsl(42, 95%, 83%);
248
- --t-fill-color-product-giving-dark: hsl(42, 84%, 55%);
249
- --t-fill-color-product-giving-darker: hsl(42, 84%, 48%);
250
- --t-fill-color-product-giving-darkest: hsl(42, 100%, 40%);
251
- --t-fill-color-product-groups-base: hsl(17, 88%, 55%);
252
- --t-fill-color-product-groups-light: hsl(17, 96%, 63%);
253
- --t-fill-color-product-groups-lighter: hsl(17, 96%, 70%);
254
- --t-fill-color-product-groups-lightest: hsl(17, 96%, 80%);
255
- --t-fill-color-product-groups-dark: hsl(12, 70%, 48%);
256
- --t-fill-color-product-groups-darker: hsl(12, 70%, 40%);
257
- --t-fill-color-product-groups-darkest: hsl(14, 70%, 34%);
258
- --t-fill-color-product-home-base: hsl(221, 91%, 55%);
259
- --t-fill-color-product-home-light: hsl(221, 91%, 62%);
260
- --t-fill-color-product-home-lighter: hsl(221, 91%, 87%);
261
- --t-fill-color-product-home-lightest: hsl(221, 91%, 91%);
262
- --t-fill-color-product-home-dark: hsl(221, 90%, 50%);
263
- --t-fill-color-product-home-darker: hsl(221, 90%, 45%);
264
- --t-fill-color-product-home-darkest: hsl(218, 84%, 25%);
265
- --t-fill-color-product-people-base: hsl(220, 74%, 57%);
266
- --t-fill-color-product-people-light: hsl(221, 73%, 65%);
267
- --t-fill-color-product-people-lighter: hsl(221, 73%, 71%);
268
- --t-fill-color-product-people-lightest: hsl(220, 69%, 81%);
269
- --t-fill-color-product-people-dark: hsl(220, 68%, 51%);
270
- --t-fill-color-product-people-darker: hsl(220, 68%, 41%);
271
- --t-fill-color-product-people-darkest: hsl(221, 68%, 31%);
272
- --t-fill-color-product-publishing-base: hsl(220, 12%, 31%);
273
- --t-fill-color-product-publishing-light: hsl(222, 12%, 39%);
274
- --t-fill-color-product-publishing-lighter: hsl(221, 11%, 50%);
275
- --t-fill-color-product-publishing-lightest: hsl(222, 10%, 60%);
276
- --t-fill-color-product-publishing-dark: hsl(220, 11%, 26%);
277
- --t-fill-color-product-publishing-darker: hsl(217, 12%, 22%);
278
- --t-fill-color-product-publishing-darkest: hsl(214, 11%, 12%);
279
- --t-fill-color-product-registrations-base: hsl(175, 36%, 43%);
280
- --t-fill-color-product-registrations-light: hsl(176, 37%, 60%);
281
- --t-fill-color-product-registrations-lighter: hsl(176, 37%, 68%);
282
- --t-fill-color-product-registrations-lightest: hsl(176, 38%, 78%);
283
- --t-fill-color-product-registrations-dark: hsl(175, 51%, 34%);
284
- --t-fill-color-product-registrations-darker: hsl(174, 51%, 28%);
285
- --t-fill-color-product-registrations-darkest: hsl(175, 52%, 22%);
286
- --t-fill-color-product-services-base: hsl(88, 45%, 41%);
287
- --t-fill-color-product-services-light: hsl(88, 40%, 54%);
288
- --t-fill-color-product-services-lighter: hsl(88, 39%, 66%);
289
- --t-fill-color-product-services-lightest: hsl(88, 39%, 75%);
290
- --t-fill-color-product-services-dark: hsl(89, 62%, 32%);
291
- --t-fill-color-product-services-darker: hsl(89, 62%, 26%);
292
- --t-fill-color-product-services-darkest: hsl(89, 63%, 21%);
293
- --t-fill-color-product-staff-base: hsl(328, 100%, 45%);
294
304
  --t-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);
295
305
  --t-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);
296
306
  --t-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);
@@ -349,6 +359,116 @@
349
359
  --t-fill-color-alert-success: hsl(122, 60%, 41%);
350
360
  --t-fill-color-alert-warning: hsl(43, 96%, 58%);
351
361
  --t-fill-color-alert-error: hsl(4, 77%, 59%);
362
+ --t-fill-color-product-accounts-lightest: hsl(212, 54%, 93%);
363
+ --t-fill-color-product-accounts-lighter: hsl(209, 53%, 90%);
364
+ --t-fill-color-product-accounts-light: hsl(210, 54%, 60%);
365
+ --t-fill-color-product-accounts-base: hsl(210, 55%, 50%);
366
+ --t-fill-color-product-accounts-dark: hsl(210, 65%, 40%);
367
+ --t-fill-color-product-accounts-darker: hsl(211, 70%, 32%);
368
+ --t-fill-color-product-accounts-darkest: hsl(210, 75%, 25%);
369
+ --t-fill-color-product-calendar-lightest: hsl(8, 61%, 70%);
370
+ --t-fill-color-product-calendar-lighter: hsl(8, 72%, 59%);
371
+ --t-fill-color-product-calendar-light: hsl(8, 65%, 55%);
372
+ --t-fill-color-product-calendar-base: hsl(9, 61%, 50%);
373
+ --t-fill-color-product-calendar-dark: hsl(8, 65%, 42%);
374
+ --t-fill-color-product-calendar-darker: hsl(7, 65%, 34%);
375
+ --t-fill-color-product-calendar-darkest: hsl(9, 61%, 27%);
376
+ --t-fill-color-product-checkins-lightest: hsl(283, 22%, 75%);
377
+ --t-fill-color-product-checkins-lighter: hsl(284, 22%, 64%);
378
+ --t-fill-color-product-checkins-light: hsl(283, 22%, 55%);
379
+ --t-fill-color-product-checkins-base: hsl(283, 22%, 48%);
380
+ --t-fill-color-product-checkins-dark: hsl(283, 27%, 42%);
381
+ --t-fill-color-product-checkins-darker: hsl(284, 33%, 34%);
382
+ --t-fill-color-product-checkins-darkest: hsl(283, 33%, 27%);
383
+ --t-fill-color-product-giving-lightest: hsl(42, 95%, 83%);
384
+ --t-fill-color-product-giving-lighter: hsl(43, 95%, 75%);
385
+ --t-fill-color-product-giving-light: hsl(43, 88%, 70%);
386
+ --t-fill-color-product-giving-base: hsl(43, 88%, 64%);
387
+ --t-fill-color-product-giving-dark: hsl(42, 84%, 55%);
388
+ --t-fill-color-product-giving-darker: hsl(42, 84%, 48%);
389
+ --t-fill-color-product-giving-darkest: hsl(42, 100%, 40%);
390
+ --t-fill-color-product-groups-lightest: hsl(17, 96%, 80%);
391
+ --t-fill-color-product-groups-lighter: hsl(17, 96%, 70%);
392
+ --t-fill-color-product-groups-light: hsl(17, 96%, 63%);
393
+ --t-fill-color-product-groups-base: hsl(17, 88%, 55%);
394
+ --t-fill-color-product-groups-dark: hsl(12, 70%, 48%);
395
+ --t-fill-color-product-groups-darker: hsl(12, 70%, 40%);
396
+ --t-fill-color-product-groups-darkest: hsl(14, 70%, 34%);
397
+ --t-fill-color-product-home-lightest: hsl(221, 91%, 91%);
398
+ --t-fill-color-product-home-lighter: hsl(221, 91%, 87%);
399
+ --t-fill-color-product-home-light: hsl(221, 91%, 62%);
400
+ --t-fill-color-product-home-base: hsl(221, 91%, 55%);
401
+ --t-fill-color-product-home-dark: hsl(221, 90%, 50%);
402
+ --t-fill-color-product-home-darker: hsl(221, 90%, 45%);
403
+ --t-fill-color-product-home-darkest: hsl(218, 84%, 25%);
404
+ --t-fill-color-product-people-lightest: hsl(220, 69%, 81%);
405
+ --t-fill-color-product-people-lighter: hsl(221, 73%, 71%);
406
+ --t-fill-color-product-people-light: hsl(221, 73%, 65%);
407
+ --t-fill-color-product-people-base: hsl(220, 74%, 57%);
408
+ --t-fill-color-product-people-dark: hsl(220, 68%, 51%);
409
+ --t-fill-color-product-people-darker: hsl(220, 68%, 41%);
410
+ --t-fill-color-product-people-darkest: hsl(221, 68%, 31%);
411
+ --t-fill-color-product-publishing-lightest: hsl(222, 10%, 60%);
412
+ --t-fill-color-product-publishing-lighter: hsl(221, 11%, 50%);
413
+ --t-fill-color-product-publishing-light: hsl(222, 12%, 39%);
414
+ --t-fill-color-product-publishing-base: hsl(220, 12%, 31%);
415
+ --t-fill-color-product-publishing-dark: hsl(220, 11%, 26%);
416
+ --t-fill-color-product-publishing-darker: hsl(217, 12%, 22%);
417
+ --t-fill-color-product-publishing-darkest: hsl(214, 11%, 12%);
418
+ --t-fill-color-product-registrations-lightest: hsl(176, 38%, 78%);
419
+ --t-fill-color-product-registrations-lighter: hsl(176, 37%, 68%);
420
+ --t-fill-color-product-registrations-light: hsl(176, 37%, 60%);
421
+ --t-fill-color-product-registrations-base: hsl(175, 36%, 43%);
422
+ --t-fill-color-product-registrations-dark: hsl(175, 51%, 34%);
423
+ --t-fill-color-product-registrations-darker: hsl(174, 51%, 28%);
424
+ --t-fill-color-product-registrations-darkest: hsl(175, 52%, 22%);
425
+ --t-fill-color-product-services-lightest: hsl(88, 39%, 75%);
426
+ --t-fill-color-product-services-lighter: hsl(88, 39%, 66%);
427
+ --t-fill-color-product-services-light: hsl(88, 40%, 54%);
428
+ --t-fill-color-product-services-base: hsl(88, 45%, 41%);
429
+ --t-fill-color-product-services-dark: hsl(89, 62%, 32%);
430
+ --t-fill-color-product-services-darker: hsl(89, 62%, 26%);
431
+ --t-fill-color-product-services-darkest: hsl(89, 63%, 21%);
432
+ --t-fill-color-tag-subtle-gray: hsl(0, 0%, 93%);
433
+ --t-fill-color-tag-subtle-blue: hsl(220, 100%, 95%);
434
+ --t-fill-color-tag-subtle-aqua: hsl(200, 82%, 89%);
435
+ --t-fill-color-tag-subtle-teal: hsl(163, 53%, 83%);
436
+ --t-fill-color-tag-subtle-green: hsl(98, 59%, 85%);
437
+ --t-fill-color-tag-subtle-yellow: hsl(45, 77%, 85%);
438
+ --t-fill-color-tag-subtle-orange: hsl(22, 89%, 89%);
439
+ --t-fill-color-tag-subtle-pink: hsl(311, 66%, 92%);
440
+ --t-fill-color-tag-subtle-purple: hsl(259, 74%, 93%);
441
+ --t-fill-color-tag-subtle-magenta: hsl(294, 37%, 90%);
442
+ --t-fill-color-tag-subtle-label-gray: hsl(0, 0%, 88%);
443
+ --t-fill-color-tag-subtle-label-blue: hsl(221, 100%, 81%);
444
+ --t-fill-color-tag-subtle-label-aqua: hsl(200, 82%, 82%);
445
+ --t-fill-color-tag-subtle-label-teal: hsl(164, 52%, 76%);
446
+ --t-fill-color-tag-subtle-label-green: hsl(99, 59%, 78%);
447
+ --t-fill-color-tag-subtle-label-yellow: hsl(44, 78%, 77%);
448
+ --t-fill-color-tag-subtle-label-orange: hsl(21, 89%, 82%);
449
+ --t-fill-color-tag-subtle-label-pink: hsl(310, 64%, 85%);
450
+ --t-fill-color-tag-subtle-label-purple: hsl(259, 74%, 85%);
451
+ --t-fill-color-tag-subtle-label-magenta: hsl(291, 40%, 83%);
452
+ --t-fill-color-tag-bold-gray: hsl(0, 0%, 88%);
453
+ --t-fill-color-tag-bold-blue: hsl(220, 98%, 81%);
454
+ --t-fill-color-tag-bold-aqua: hsl(201, 76%, 71%);
455
+ --t-fill-color-tag-bold-teal: hsl(169, 62%, 64%);
456
+ --t-fill-color-tag-bold-green: hsl(112, 57%, 65%);
457
+ --t-fill-color-tag-bold-yellow: hsl(44, 92%, 69%);
458
+ --t-fill-color-tag-bold-orange: hsl(21, 86%, 72%);
459
+ --t-fill-color-tag-bold-pink: hsl(324, 78%, 77%);
460
+ --t-fill-color-tag-bold-purple: hsl(273, 62%, 76%);
461
+ --t-fill-color-tag-bold-magenta: hsl(291, 48%, 70%);
462
+ --t-fill-color-tag-bold-label-gray: hsl(0, 0%, 81%);
463
+ --t-fill-color-tag-bold-label-blue: hsl(220, 98%, 74%);
464
+ --t-fill-color-tag-bold-label-aqua: hsl(200, 75%, 64%);
465
+ --t-fill-color-tag-bold-label-teal: hsl(169, 62%, 56%);
466
+ --t-fill-color-tag-bold-label-green: hsl(112, 57%, 57%);
467
+ --t-fill-color-tag-bold-label-yellow: hsl(44, 93%, 61%);
468
+ --t-fill-color-tag-bold-label-orange: hsl(21, 86%, 64%);
469
+ --t-fill-color-tag-bold-label-pink: hsl(324, 76%, 70%);
470
+ --t-fill-color-tag-bold-label-purple: hsl(273, 62%, 70%);
471
+ --t-fill-color-tag-bold-label-magenta: hsl(292, 48%, 63%);
352
472
  --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);
353
473
  --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);
354
474
  --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["index.css","tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@layer t-critical {\n tds-page-header:not(.hydrated) {\n display: none;\n }\n}\n\n@layer t-component {\n .tds-page-header {\n --tds-page-header-background-color: var(--t-surface-color-card);\n --tds-page-header-background-color-inactive: var(\n --t-fill-color-transparency-dark-010\n );\n --tds-page-header-color: var(--t-text-color-default-secondary);\n --tds-page-header-headline-color: var(--t-text-color-default-headline);\n --tds-page-header-padding-x: var(--t-spacing-2);\n --tds-page-header-padding-y: var(--t-spacing-2);\n --tds-page-header-nav-padding-x: var(\n --tds-page-header-padding-x,\n var(--t-spacing-3)\n );\n --tds-page-header-nav-background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.1) 100%\n );\n --tds-page-header-nav-item-padding-x: var(--t-spacing-1);\n --tds-page-header-nav-item-padding-y: var(--t-spacing-1);\n --tds-page-header-nav-item-color: var(--t-text-color-default-primary);\n --tds-page-header-nav-item-background-color: var(\n --t-fill-color-transparency-light-060\n );\n --tds-page-header-nav-item-border-width: 0;\n\n --tds-page-header-nav-item-border-color: var(\n --tds-page-header-nav-item-background-color\n );\n --tds-page-header-nav-item-border-bottom-color: var(\n --t-border-color-default-base\n );\n\n --tds-page-header-nav-item-color-hover: var(--t-text-color-default-primary);\n --tds-page-header-nav-item-background-color-hover: var(\n --t-fill-color-neutral-080\n );\n --tds-page-header-nav-item-border-color-hover: var(\n --tds-page-header-nav-item-background-color-hover\n );\n\n --tds-page-header-nav-item-background-color-active: var(\n --t-fill-color-neutral-060\n );\n --tds-page-header-nav-item-border-color-active: var(\n --tds-page-header-nav-item-background-color-hover\n );\n\n --tds-page-header-nav-item-color-disabled: var(\n --t-text-color-default-disabled\n );\n --tds-page-header-nav-item-background-color-disabled: var(\n --t-fill-color-neutral-080\n );\n --tds-page-header-nav-item-border-color-disabled: var(\n --tds-page-header-nav-item-background-color-disabled\n );\n\n --tds-page-header-nav-item-color-selected: var(\n --t-text-color-interaction-primary\n );\n --tds-page-header-nav-item-border-color-selected: var(\n --t-border-color-default-base\n );\n --tds-page-header-nav-item-background-color-selected: var(\n --t-fill-color-neutral-100\n );\n --tds-page-header-nav-item-border-bottom-color-selected: var(\n --tds-page-header-nav-item-background-color-selected\n );\n }\n\n\n @media (width >= 600px) {\n .tds-page-header {\n --tds-page-header-padding-x: var(--t-spacing-3);\n --tds-page-header-nav-background: transparent;\n --tds-page-header-nav-item-padding-x: var(--t-spacing-2);\n --tds-page-header-nav-item-border-width: 1px;\n --tds-page-header-nav-item-color: var(--t-text-color-default-secondary);\n --tds-page-header-nav-item-background-color: var(\n --t-fill-color-neutral-070\n );\n --tds-page-header-nav-item-color-selected: var(\n --t-text-color-default-primary\n );\n }\n }\n}\n\n.tds-page-header {\n display: flex;\n flex-direction: column;\n gap: var(--t-spacing-2);\n padding-top: var(--tds-page-header-padding-y);\n color: var(--tds-page-header-color);\n background-color: var(--tds-page-header-background-color);\n border-bottom: 1px solid var(--t-border-color-default-base);\n}\n\n.tds-page-header:not(.has-nav) {\n padding-bottom: var(--tds-page-header-padding-y);\n}\n\n.tds-page-header.inactive {\n background-color: var(--tds-page-header-background-color-inactive);\n}\n\n.tds-page-header__title-bar {\n display: flex;\n flex-direction: column;\n gap: var(--t-spacing-2) var(--t-spacing-half);\n align-items: flex-start;\n justify-content: space-between;\n padding: 0 var(--tds-page-header-padding-x);\n}\n\n.tds-page-header--profile > .tds-page-header__title-bar {\n align-items: center;\n}\n\n.tds-page-header__primary {\n flex: 1 1 auto;\n width: 100%;\n}\n\n.tds-page-header__primary > h1 {\n margin: 0;\n font-size: var(--t-font-size-3xl);\n font-weight: var(--t-font-weight-normal);\n color: var(--tds-page-header-headline-color);\n}\n\n.has-multi-actions.tds-page-header [slot=\"actions\"],\n.has-multi-actions.tds-page-header .tds-page-header__actions {\n display: flex;\n flex-flow: row wrap;\n gap: var(--t-spacing-half) var(--t-spacing-1);\n align-items: flex-start;\n justify-content: flex-start;\n color: blue;\n}\n\n.tds-page-header nav[slot=\"navigation\"]:not(:has(ul)),\n.tds-page-header nav.tds-page-header__nav:not(:has(ul)),\n.tds-page-header nav[slot=\"navigation\"] ul,\n.tds-page-header nav.tds-page-header__nav ul {\n display: flex;\n gap: var(--t-spacing-half);\n padding: 0 var(--tds-page-header-nav-padding-x);\n margin-bottom: -1px;\n overflow: auto;\n background: var(--tds-page-header-nav-background);\n list-style: none;\n}\n\n.tds-page-header nav[slot=\"navigation\"] a,\n.tds-page-header nav[slot=\"navigation\"] button,\n.tds-page-header nav.tds-page-header__nav a,\n.tds-page-header nav.tds-page-header__nav button {\n display: inline-flex;\n padding: var(--tds-page-header-nav-item-padding-y)\n var(--tds-page-header-nav-item-padding-x);\n font-size: var(--t-font-size-md);\n color: var(--tds-page-header-nav-item-color);\n white-space: nowrap;\n text-decoration: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n cursor: pointer;\n outline-offset: -2px;\n background-color: var(--tds-page-header-nav-item-background-color);\n border: var(--tds-page-header-nav-item-border-width) solid\n var(--tds-page-header-nav-item-border-color);\n border-bottom: 1px solid var(--tds-page-header-nav-item-border-bottom-color);\n border-radius: var(--t-border-radius-md) var(--t-border-radius-md) 0 0;\n}\n\n.tds-page-header nav[slot=\"navigation\"] a.selected,\n.tds-page-header nav[slot=\"navigation\"] button.selected,\n.tds-page-header nav.tds-page-header__nav a.selected,\n.tds-page-header nav.tds-page-header__nav button.selected {\n --tds-page-header-nav-item-color: var(\n --tds-page-header-nav-item-color-selected\n );\n --tds-page-header-nav-item-border-color: var(\n --tds-page-header-nav-item-border-color-selected\n );\n --tds-page-header-nav-item-background-color: var(\n --tds-page-header-nav-item-background-color-selected\n );\n --tds-page-header-nav-item-border-bottom-color: var(\n --tds-page-header-nav-item-background-color-selected\n );\n}\n\n.tds-page-header nav[slot=\"navigation\"] a:not(.selected):hover,\n.tds-page-header nav[slot=\"navigation\"] button:not(.selected):hover,\n.tds-page-header nav.tds-page-header__nav a:not(.selected):hover,\n.tds-page-header nav.tds-page-header__nav button:not(.selected):hover {\n --tds-page-header-nav-item-color: var(--tds-page-header-nav-item-color-hover);\n --tds-page-header-nav-item-background-color: var(\n --tds-page-header-nav-item-background-color-hover\n );\n --tds-page-header-nav-item-border-color: var(\n --tds-page-header-nav-item-border-color-hover\n );\n}\n\n.tds-page-header nav[slot=\"navigation\"] a:not(.selected):active,\n.tds-page-header nav[slot=\"navigation\"] button:not(.selected):active,\n.tds-page-header nav.tds-page-header__nav a:not(.selected):active,\n.tds-page-header nav.tds-page-header__nav button:not(.selected):active {\n background-color: var(--tds-page-header-nav-item-background-color-active);\n}\n\n.tds-page-header nav[slot=\"navigation\"] a:not(.selected):disabled,\n.tds-page-header nav[slot=\"navigation\"] button:not(.selected):disabled,\n.tds-page-header nav.tds-page-header__nav a:not(.selected):disabled,\n.tds-page-header nav.tds-page-header__nav button:not(.selected):disabled {\n color: var(--tds-page-header-nav-item-color-disabled);\n cursor: not-allowed;\n background-color: var(--tds-page-header-nav-item-background-color-disabled);\n opacity: 1;\n}\n\n@media (width >= 720px) {\n .tds-page-header__title-bar,\n .tds-page-header--profile .tds-page-header__title-bar {\n flex-direction: row;\n align-items: flex-start;\n }\n\n .tds-page-header__primary {\n width: auto;\n }\n\n [slot=\"actions\"],\n .tds-page-header__actions {\n margin-left: auto;\n }\n\n .has-multi-actions.tds-page-header [slot=\"actions\"],\n .has-multi-actions.tds-page-header .tds-page-header__actions {\n flex-flow: row wrap;\n }\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-radius-sm: 2px;\n --t-border-radius-md: 4px;\n --t-border-radius-lg: 8px;\n --t-border-radius-xl: 16px;\n --t-border-radius-round: 56px;\n --t-border-radius-default: 4px;\n --t-border-size-default: 1px;\n --t-border-size-thick: 2px;\n --t-spacing-1: 8px;\n --t-spacing-2: 16px;\n --t-spacing-3: 24px;\n --t-spacing-4: 32px;\n --t-spacing-5: 40px;\n --t-spacing-6: 48px;\n --t-spacing-7: 56px;\n --t-spacing-fourth: 2px;\n --t-spacing-half: 4px;\n --t-element-size-3xl: 48px;\n --t-element-size-2xl: 32px;\n --t-element-size-xl: 24px;\n --t-element-size-lg: 18px;\n --t-element-size-md: 16px;\n --t-element-size-sm: 14px;\n --t-element-size-xs: 12px;\n --t-font-size-4xl: 32px;\n --t-font-size-3xl: 28px;\n --t-font-size-2xl: 24px;\n --t-font-size-xl: 20px;\n --t-font-size-lg: 18px;\n --t-font-size-md: 16px;\n --t-font-size-sm: 14px;\n --t-font-size-xs: 12px;\n --t-font-size-2xs: 10px;\n --t-font-weight-normal: 400;\n --t-font-weight-medium: 500;\n --t-font-weight-semi-bold: 600;\n --t-font-weight-bold: 700;\n --t-container-size-xl: 48px;\n --t-container-size-lg: 40px;\n --t-container-size-md: 32px;\n --t-container-size-sm: 24px;\n --t-container-size-xs: 20px;\n --t-avatar-size-20: 20px;\n --t-avatar-size-24: 24px;\n --t-avatar-size-36: 36px;\n --t-avatar-size-48: 48px;\n --t-avatar-size-72: 72px;\n --t-avatar-size-112: 112px;\n --t-text-color-default-headline: hsl(0, 0%, 12%);\n --t-text-color-default-primary: hsl(0, 0%, 24%);\n --t-text-color-default-secondary: hsl(0, 0%, 45%);\n --t-text-color-default-disabled: hsl(0, 0%, 81%);\n --t-text-color-default-placeholder: hsl(0, 0%, 62%);\n --t-text-color-default-inverted: hsl(0, 0%, 100%);\n --t-text-color-interaction-primary: hsl(204, 100%, 40%);\n --t-text-color-interaction-hover: hsl(204, 100%, 35%);\n --t-text-color-interaction-active: hsl(204, 100%, 30%);\n --t-text-color-interaction-visited: hsl(204, 100%, 30%);\n --t-text-color-status-neutral: hsl(0, 0%, 24%);\n --t-text-color-status-info: hsl(204, 100%, 35%);\n --t-text-color-status-success: hsl(97, 57%, 28%);\n --t-text-color-status-warning: hsl(42, 100%, 29%);\n --t-text-color-status-error: hsl(8, 60%, 45%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-subtle-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-subtle-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-subtle-green: hsl(100, 93%, 17%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-subtle-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-subtle-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-subtle-magenta: hsl(285, 71%, 20%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-bold-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-bold-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-bold-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-bold-green: hsl(100, 93%, 17%);\n --t-text-color-tag-bold-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-bold-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-bold-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-bold-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-bold-magenta: hsl(285, 71%, 20%);\n --t-icon-color-default-primary: hsl(0, 0%, 24%);\n --t-icon-color-default-secondary: hsl(0, 0%, 45%);\n --t-icon-color-default-dim: hsl(0, 0%, 62%);\n --t-icon-color-default-disabled: hsl(0, 0%, 81%);\n --t-icon-color-default-inverted: hsl(0, 0%, 100%);\n --t-icon-color-status-neutral-primary: hsl(0, 0%, 45%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 62%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 24%);\n --t-icon-color-status-info-primary: hsl(204, 100%, 40%);\n --t-icon-color-status-success-primary: hsl(96, 57%, 33%);\n --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);\n --t-icon-color-status-warning-primary: hsl(42, 84%, 49%);\n --t-icon-color-status-error-primary: hsl(8, 60%, 47%);\n --t-fill-color-neutral-000: hsl(0, 0%, 12%);\n --t-fill-color-neutral-010: hsl(0, 0%, 24%);\n --t-fill-color-neutral-020: hsl(0, 0%, 45%);\n --t-fill-color-neutral-030: hsl(0, 0%, 62%);\n --t-fill-color-neutral-040: hsl(0, 0%, 81%);\n --t-fill-color-neutral-050: hsl(0, 0%, 88%);\n --t-fill-color-neutral-060: hsl(0, 0%, 93%);\n --t-fill-color-neutral-070: hsl(0, 0%, 95%);\n --t-fill-color-neutral-080: hsl(0, 0%, 97%);\n --t-fill-color-neutral-090: hsl(0, 0%, 98%);\n --t-fill-color-neutral-100: hsl(0, 0%, 100%);\n --t-fill-color-interaction-default: hsl(204, 100%, 40%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 35%);\n --t-fill-color-interaction-active: hsl(204, 100%, 30%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 81%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 62%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 24%);\n --t-fill-color-control-primary: hsl(204, 100%, 40%);\n --t-fill-color-control-secondary: hsl(97, 57%, 40%);\n --t-fill-color-control-error: hsl(8, 60%, 47%);\n --t-fill-color-control-disabled: hsl(0, 0%, 81%);\n --t-fill-color-status-neutral-solid: hsl(0, 0%, 45%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 93%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 97%);\n --t-fill-color-status-info-solid: hsl(204, 100%, 40%);\n --t-fill-color-status-info-ghost: hsl(203, 94%, 94%);\n --t-fill-color-status-info-dim: hsl(204, 100%, 97%);\n --t-fill-color-status-success-solid: hsl(96, 57%, 33%);\n --t-fill-color-status-success-ghost: hsl(97, 57%, 90%);\n --t-fill-color-status-success-dim: hsl(96, 60%, 95%);\n --t-fill-color-status-warning-solid: hsl(42, 84%, 63%);\n --t-fill-color-status-warning-ghost: hsl(42, 87%, 94%);\n --t-fill-color-status-warning-dim: hsl(42, 87%, 97%);\n --t-fill-color-status-error-solid: hsl(8, 60%, 47%);\n --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);\n --t-fill-color-status-error-dim: hsl(7, 60%, 97%);\n --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);\n --t-fill-color-tag-subtle-gray: hsl(0, 0%, 93%);\n --t-fill-color-tag-subtle-blue: hsl(220, 100%, 95%);\n --t-fill-color-tag-subtle-label-gray: hsl(0, 0%, 88%);\n --t-fill-color-tag-subtle-label-blue: hsl(221, 100%, 81%);\n --t-fill-color-tag-subtle-label-aqua: hsl(200, 82%, 82%);\n --t-fill-color-tag-subtle-label-teal: hsl(164, 52%, 76%);\n --t-fill-color-tag-subtle-label-green: hsl(99, 59%, 78%);\n --t-fill-color-tag-subtle-label-yellow: hsl(44, 78%, 77%);\n --t-fill-color-tag-subtle-label-orange: hsl(21, 89%, 82%);\n --t-fill-color-tag-subtle-label-pink: hsl(310, 64%, 85%);\n --t-fill-color-tag-subtle-label-purple: hsl(259, 74%, 85%);\n --t-fill-color-tag-subtle-label-magenta: hsl(291, 40%, 83%);\n --t-fill-color-tag-subtle-aqua: hsl(200, 82%, 89%);\n --t-fill-color-tag-subtle-teal: hsl(163, 53%, 83%);\n --t-fill-color-tag-subtle-green: hsl(98, 59%, 85%);\n --t-fill-color-tag-subtle-yellow: hsl(45, 77%, 85%);\n --t-fill-color-tag-subtle-orange: hsl(22, 89%, 89%);\n --t-fill-color-tag-subtle-pink: hsl(311, 66%, 92%);\n --t-fill-color-tag-subtle-purple: hsl(259, 74%, 93%);\n --t-fill-color-tag-subtle-magenta: hsl(294, 37%, 90%);\n --t-fill-color-tag-bold-gray: hsl(0, 0%, 88%);\n --t-fill-color-tag-bold-blue: hsl(220, 98%, 81%);\n --t-fill-color-tag-bold-aqua: hsl(201, 76%, 71%);\n --t-fill-color-tag-bold-teal: hsl(169, 62%, 64%);\n --t-fill-color-tag-bold-green: hsl(112, 57%, 65%);\n --t-fill-color-tag-bold-yellow: hsl(44, 92%, 69%);\n --t-fill-color-tag-bold-orange: hsl(21, 86%, 72%);\n --t-fill-color-tag-bold-pink: hsl(324, 78%, 77%);\n --t-fill-color-tag-bold-purple: hsl(273, 62%, 76%);\n --t-fill-color-tag-bold-magenta: hsl(291, 48%, 70%);\n --t-fill-color-tag-bold-label-gray: hsl(0, 0%, 81%);\n --t-fill-color-tag-bold-label-blue: hsl(220, 98%, 74%);\n --t-fill-color-tag-bold-label-aqua: hsl(200, 75%, 64%);\n --t-fill-color-tag-bold-label-teal: hsl(169, 62%, 56%);\n --t-fill-color-tag-bold-label-green: hsl(112, 57%, 57%);\n --t-fill-color-tag-bold-label-yellow: hsl(44, 93%, 61%);\n --t-fill-color-tag-bold-label-orange: hsl(21, 86%, 64%);\n --t-fill-color-tag-bold-label-pink: hsl(324, 76%, 70%);\n --t-fill-color-tag-bold-label-purple: hsl(273, 62%, 70%);\n --t-fill-color-tag-bold-label-magenta: hsl(292, 48%, 63%);\n --t-fill-color-button-neutral-solid-default: hsl(0, 0%, 45%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-outline-dim-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-outline-dim-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-outline-dim-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-delete-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-outline-dim-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-outline-dim-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-outline-dim-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-pill-default: hsl(0, 0%, 93%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 93%);\n --t-fill-color-product-accounts-base: hsl(210, 55%, 50%);\n --t-fill-color-product-accounts-light: hsl(210, 54%, 60%);\n --t-fill-color-product-accounts-lighter: hsl(209, 53%, 90%);\n --t-fill-color-product-accounts-lightest: hsl(212, 54%, 93%);\n --t-fill-color-product-accounts-dark: hsl(210, 65%, 40%);\n --t-fill-color-product-accounts-darker: hsl(211, 70%, 32%);\n --t-fill-color-product-accounts-darkest: hsl(210, 75%, 25%);\n --t-fill-color-product-calendar-base: hsl(9, 61%, 50%);\n --t-fill-color-product-calendar-light: hsl(8, 65%, 55%);\n --t-fill-color-product-calendar-lighter: hsl(8, 72%, 59%);\n --t-fill-color-product-calendar-lightest: hsl(8, 61%, 70%);\n --t-fill-color-product-calendar-dark: hsl(8, 65%, 42%);\n --t-fill-color-product-calendar-darker: hsl(7, 65%, 34%);\n --t-fill-color-product-calendar-darkest: hsl(9, 61%, 27%);\n --t-fill-color-product-checkins-base: hsl(283, 22%, 48%);\n --t-fill-color-product-checkins-light: hsl(283, 22%, 55%);\n --t-fill-color-product-checkins-lighter: hsl(284, 22%, 64%);\n --t-fill-color-product-checkins-lightest: hsl(283, 22%, 75%);\n --t-fill-color-product-checkins-dark: hsl(283, 27%, 42%);\n --t-fill-color-product-checkins-darker: hsl(284, 33%, 34%);\n --t-fill-color-product-checkins-darkest: hsl(283, 33%, 27%);\n --t-fill-color-product-giving-base: hsl(43, 88%, 64%);\n --t-fill-color-product-giving-light: hsl(43, 88%, 70%);\n --t-fill-color-product-giving-lighter: hsl(43, 95%, 75%);\n --t-fill-color-product-giving-lightest: hsl(42, 95%, 83%);\n --t-fill-color-product-giving-dark: hsl(42, 84%, 55%);\n --t-fill-color-product-giving-darker: hsl(42, 84%, 48%);\n --t-fill-color-product-giving-darkest: hsl(42, 100%, 40%);\n --t-fill-color-product-groups-base: hsl(17, 88%, 55%);\n --t-fill-color-product-groups-light: hsl(17, 96%, 63%);\n --t-fill-color-product-groups-lighter: hsl(17, 96%, 70%);\n --t-fill-color-product-groups-lightest: hsl(17, 96%, 80%);\n --t-fill-color-product-groups-dark: hsl(12, 70%, 48%);\n --t-fill-color-product-groups-darker: hsl(12, 70%, 40%);\n --t-fill-color-product-groups-darkest: hsl(14, 70%, 34%);\n --t-fill-color-product-home-base: hsl(221, 91%, 55%);\n --t-fill-color-product-home-light: hsl(221, 91%, 62%);\n --t-fill-color-product-home-lighter: hsl(221, 91%, 87%);\n --t-fill-color-product-home-lightest: hsl(221, 91%, 91%);\n --t-fill-color-product-home-dark: hsl(221, 90%, 50%);\n --t-fill-color-product-home-darker: hsl(221, 90%, 45%);\n --t-fill-color-product-home-darkest: hsl(218, 84%, 25%);\n --t-fill-color-product-people-base: hsl(220, 74%, 57%);\n --t-fill-color-product-people-light: hsl(221, 73%, 65%);\n --t-fill-color-product-people-lighter: hsl(221, 73%, 71%);\n --t-fill-color-product-people-lightest: hsl(220, 69%, 81%);\n --t-fill-color-product-people-dark: hsl(220, 68%, 51%);\n --t-fill-color-product-people-darker: hsl(220, 68%, 41%);\n --t-fill-color-product-people-darkest: hsl(221, 68%, 31%);\n --t-fill-color-product-publishing-base: hsl(220, 12%, 31%);\n --t-fill-color-product-publishing-light: hsl(222, 12%, 39%);\n --t-fill-color-product-publishing-lighter: hsl(221, 11%, 50%);\n --t-fill-color-product-publishing-lightest: hsl(222, 10%, 60%);\n --t-fill-color-product-publishing-dark: hsl(220, 11%, 26%);\n --t-fill-color-product-publishing-darker: hsl(217, 12%, 22%);\n --t-fill-color-product-publishing-darkest: hsl(214, 11%, 12%);\n --t-fill-color-product-registrations-base: hsl(175, 36%, 43%);\n --t-fill-color-product-registrations-light: hsl(176, 37%, 60%);\n --t-fill-color-product-registrations-lighter: hsl(176, 37%, 68%);\n --t-fill-color-product-registrations-lightest: hsl(176, 38%, 78%);\n --t-fill-color-product-registrations-dark: hsl(175, 51%, 34%);\n --t-fill-color-product-registrations-darker: hsl(174, 51%, 28%);\n --t-fill-color-product-registrations-darkest: hsl(175, 52%, 22%);\n --t-fill-color-product-services-base: hsl(88, 45%, 41%);\n --t-fill-color-product-services-light: hsl(88, 40%, 54%);\n --t-fill-color-product-services-lighter: hsl(88, 39%, 66%);\n --t-fill-color-product-services-lightest: hsl(88, 39%, 75%);\n --t-fill-color-product-services-dark: hsl(89, 62%, 32%);\n --t-fill-color-product-services-darker: hsl(89, 62%, 26%);\n --t-fill-color-product-services-darkest: hsl(89, 63%, 21%);\n --t-fill-color-product-staff-base: hsl(328, 100%, 45%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);\n --t-surface-color-canvas: hsl(0, 0%, 98%);\n --t-surface-color-card: hsl(0, 0%, 100%);\n --t-border-color-default-base: hsl(0, 0%, 88%);\n --t-border-color-default-dark: hsl(0, 0%, 81%);\n --t-border-color-default-darker: hsl(0, 0%, 68%);\n --t-border-color-default-darkest: hsl(0, 0%, 62%);\n --t-border-color-default-disabled: hsl(0, 0%, 88%);\n --t-border-color-default-dim: hsl(0, 0%, 95%);\n --t-border-color-default-white: hsl(0, 0%, 100%);\n --t-border-color-status-neutral: hsl(0, 0%, 62%);\n --t-border-color-status-info: hsl(204, 100%, 40%);\n --t-border-color-status-success: hsl(97, 57%, 40%);\n --t-border-color-status-warning: hsl(42, 84%, 63%);\n --t-border-color-status-error: hsl(8, 60%, 47%);\n --t-border-color-button-neutral: hsl(0, 0%, 88%);\n --t-border-color-button-info: hsl(204, 100%, 40%);\n --t-border-color-button-create: hsl(96, 57%, 33%);\n --t-border-color-button-delete: hsl(8, 60%, 47%);\n --t-border-color-control-neutral: hsl(0, 0%, 68%);\n --t-border-color-control-info: hsl(204, 100%, 40%);\n --t-border-color-control-success: hsl(97, 57%, 40%);\n --t-border-color-control-warning: hsl(42, 84%, 63%);\n --t-border-color-control-error: hsl(8, 60%, 47%);\n --t-border-color-control-disabled: hsl(0, 0%, 88%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-text-color-tag-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-magenta: hsl(285, 71%, 20%);\n --t-text-color-tag-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-green: hsl(100, 93%, 17%);\n --t-text-color-tag-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-purple: hsl(268, 71%, 27%);\n --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);\n --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);\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-default-info-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-default-info-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-outline-dim-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-default-info-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-ghost-disabled: hsla(0, 0%, 100%, 0);\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}\n"]}
1
+ {"version":3,"sources":["index.css","tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@layer t-critical {\n tds-page-header:not(.hydrated) {\n display: none;\n }\n}\n\n@layer t-component {\n .tds-page-header {\n --tds-page-header-background-color: var(--t-surface-color-card);\n --tds-page-header-background-color-inactive: var(\n --t-fill-color-transparency-dark-010\n );\n --tds-page-header-color: var(--t-text-color-default-secondary);\n --tds-page-header-headline-color: var(--t-text-color-default-headline);\n --tds-page-header-padding-x: var(--t-spacing-2);\n --tds-page-header-padding-y: var(--t-spacing-2);\n --tds-page-header-nav-padding-x: var(\n --tds-page-header-padding-x,\n var(--t-spacing-3)\n );\n --tds-page-header-nav-background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.1) 100%\n );\n --tds-page-header-nav-item-padding-x: var(--t-spacing-1);\n --tds-page-header-nav-item-padding-y: var(--t-spacing-1);\n --tds-page-header-nav-item-color: var(--t-text-color-default-primary);\n --tds-page-header-nav-item-background-color: var(\n --t-fill-color-transparency-light-060\n );\n --tds-page-header-nav-item-border-width: 0;\n\n --tds-page-header-nav-item-border-color: var(\n --tds-page-header-nav-item-background-color\n );\n --tds-page-header-nav-item-border-bottom-color: var(\n --t-border-color-default-base\n );\n\n --tds-page-header-nav-item-color-hover: var(--t-text-color-default-primary);\n --tds-page-header-nav-item-background-color-hover: var(\n --t-fill-color-neutral-080\n );\n --tds-page-header-nav-item-border-color-hover: var(\n --tds-page-header-nav-item-background-color-hover\n );\n\n --tds-page-header-nav-item-background-color-active: var(\n --t-fill-color-neutral-060\n );\n --tds-page-header-nav-item-border-color-active: var(\n --tds-page-header-nav-item-background-color-hover\n );\n\n --tds-page-header-nav-item-color-disabled: var(\n --t-text-color-default-disabled\n );\n --tds-page-header-nav-item-background-color-disabled: var(\n --t-fill-color-neutral-080\n );\n --tds-page-header-nav-item-border-color-disabled: var(\n --tds-page-header-nav-item-background-color-disabled\n );\n\n --tds-page-header-nav-item-color-selected: var(\n --t-text-color-interaction-primary\n );\n --tds-page-header-nav-item-border-color-selected: var(\n --t-border-color-default-base\n );\n --tds-page-header-nav-item-background-color-selected: var(\n --t-fill-color-neutral-100\n );\n --tds-page-header-nav-item-border-bottom-color-selected: var(\n --tds-page-header-nav-item-background-color-selected\n );\n }\n\n\n @media (width >= 600px) {\n .tds-page-header {\n --tds-page-header-padding-x: var(--t-spacing-3);\n --tds-page-header-nav-background: transparent;\n --tds-page-header-nav-item-padding-x: var(--t-spacing-2);\n --tds-page-header-nav-item-border-width: 1px;\n --tds-page-header-nav-item-color: var(--t-text-color-default-secondary);\n --tds-page-header-nav-item-background-color: var(\n --t-fill-color-neutral-070\n );\n --tds-page-header-nav-item-color-selected: var(\n --t-text-color-default-primary\n );\n }\n }\n}\n\n.tds-page-header {\n display: flex;\n flex-direction: column;\n gap: var(--t-spacing-2);\n padding-top: var(--tds-page-header-padding-y);\n color: var(--tds-page-header-color);\n background-color: var(--tds-page-header-background-color);\n border-bottom: 1px solid var(--t-border-color-default-base);\n}\n\n.tds-page-header:not(.has-nav) {\n padding-bottom: var(--tds-page-header-padding-y);\n}\n\n.tds-page-header.inactive {\n background-color: var(--tds-page-header-background-color-inactive);\n}\n\n.tds-page-header__title-bar {\n display: flex;\n flex-direction: column;\n gap: var(--t-spacing-2) var(--t-spacing-half);\n align-items: flex-start;\n justify-content: space-between;\n padding: 0 var(--tds-page-header-padding-x);\n}\n\n.tds-page-header--profile > .tds-page-header__title-bar {\n align-items: center;\n}\n\n.tds-page-header__primary {\n flex: 1 1 auto;\n width: 100%;\n}\n\n.tds-page-header__primary > h1 {\n margin: 0;\n font-size: var(--t-font-size-3xl);\n font-weight: var(--t-font-weight-normal);\n color: var(--tds-page-header-headline-color);\n}\n\n.has-multi-actions.tds-page-header [slot=\"actions\"],\n.has-multi-actions.tds-page-header .tds-page-header__actions {\n display: flex;\n flex-flow: row wrap;\n gap: var(--t-spacing-half) var(--t-spacing-1);\n align-items: flex-start;\n justify-content: flex-start;\n color: blue;\n}\n\n.tds-page-header nav[slot=\"navigation\"]:not(:has(ul)),\n.tds-page-header nav.tds-page-header__nav:not(:has(ul)),\n.tds-page-header nav[slot=\"navigation\"] ul,\n.tds-page-header nav.tds-page-header__nav ul {\n display: flex;\n gap: var(--t-spacing-half);\n padding: 0 var(--tds-page-header-nav-padding-x);\n margin-bottom: -1px;\n overflow: auto;\n background: var(--tds-page-header-nav-background);\n list-style: none;\n}\n\n.tds-page-header nav[slot=\"navigation\"] a,\n.tds-page-header nav[slot=\"navigation\"] button,\n.tds-page-header nav.tds-page-header__nav a,\n.tds-page-header nav.tds-page-header__nav button {\n display: inline-flex;\n padding: var(--tds-page-header-nav-item-padding-y)\n var(--tds-page-header-nav-item-padding-x);\n font-size: var(--t-font-size-md);\n color: var(--tds-page-header-nav-item-color);\n white-space: nowrap;\n text-decoration: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n cursor: pointer;\n outline-offset: -2px;\n background-color: var(--tds-page-header-nav-item-background-color);\n border: var(--tds-page-header-nav-item-border-width) solid\n var(--tds-page-header-nav-item-border-color);\n border-bottom: 1px solid var(--tds-page-header-nav-item-border-bottom-color);\n border-radius: var(--t-border-radius-md) var(--t-border-radius-md) 0 0;\n}\n\n.tds-page-header nav[slot=\"navigation\"] a.selected,\n.tds-page-header nav[slot=\"navigation\"] button.selected,\n.tds-page-header nav.tds-page-header__nav a.selected,\n.tds-page-header nav.tds-page-header__nav button.selected {\n --tds-page-header-nav-item-color: var(\n --tds-page-header-nav-item-color-selected\n );\n --tds-page-header-nav-item-border-color: var(\n --tds-page-header-nav-item-border-color-selected\n );\n --tds-page-header-nav-item-background-color: var(\n --tds-page-header-nav-item-background-color-selected\n );\n --tds-page-header-nav-item-border-bottom-color: var(\n --tds-page-header-nav-item-background-color-selected\n );\n}\n\n.tds-page-header nav[slot=\"navigation\"] a:not(.selected):hover,\n.tds-page-header nav[slot=\"navigation\"] button:not(.selected):hover,\n.tds-page-header nav.tds-page-header__nav a:not(.selected):hover,\n.tds-page-header nav.tds-page-header__nav button:not(.selected):hover {\n --tds-page-header-nav-item-color: var(--tds-page-header-nav-item-color-hover);\n --tds-page-header-nav-item-background-color: var(\n --tds-page-header-nav-item-background-color-hover\n );\n --tds-page-header-nav-item-border-color: var(\n --tds-page-header-nav-item-border-color-hover\n );\n}\n\n.tds-page-header nav[slot=\"navigation\"] a:not(.selected):active,\n.tds-page-header nav[slot=\"navigation\"] button:not(.selected):active,\n.tds-page-header nav.tds-page-header__nav a:not(.selected):active,\n.tds-page-header nav.tds-page-header__nav button:not(.selected):active {\n background-color: var(--tds-page-header-nav-item-background-color-active);\n}\n\n.tds-page-header nav[slot=\"navigation\"] a:not(.selected):disabled,\n.tds-page-header nav[slot=\"navigation\"] button:not(.selected):disabled,\n.tds-page-header nav.tds-page-header__nav a:not(.selected):disabled,\n.tds-page-header nav.tds-page-header__nav button:not(.selected):disabled {\n color: var(--tds-page-header-nav-item-color-disabled);\n cursor: not-allowed;\n background-color: var(--tds-page-header-nav-item-background-color-disabled);\n opacity: 1;\n}\n\n@media (width >= 720px) {\n .tds-page-header__title-bar,\n .tds-page-header--profile .tds-page-header__title-bar {\n flex-direction: row;\n align-items: flex-start;\n }\n\n .tds-page-header__primary {\n width: auto;\n }\n\n [slot=\"actions\"],\n .tds-page-header__actions {\n margin-left: auto;\n }\n\n .has-multi-actions.tds-page-header [slot=\"actions\"],\n .has-multi-actions.tds-page-header .tds-page-header__actions {\n flex-flow: row wrap;\n }\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-radius-sm: 2px;\n --t-border-radius-md: 4px;\n --t-border-radius-lg: 8px;\n --t-border-radius-xl: 16px;\n --t-border-radius-round: 56px;\n --t-border-radius-default: 4px;\n --t-border-size-default: 1px;\n --t-border-size-thick: 2px;\n --t-spacing-1: 8px;\n --t-spacing-2: 16px;\n --t-spacing-3: 24px;\n --t-spacing-4: 32px;\n --t-spacing-5: 40px;\n --t-spacing-6: 48px;\n --t-spacing-7: 56px;\n --t-spacing-fourth: 2px;\n --t-spacing-half: 4px;\n --t-element-size-3xl: 48px;\n --t-element-size-2xl: 32px;\n --t-element-size-xl: 24px;\n --t-element-size-lg: 18px;\n --t-element-size-md: 16px;\n --t-element-size-sm: 14px;\n --t-element-size-xs: 12px;\n --t-font-size-4xl: 32px;\n --t-font-size-3xl: 28px;\n --t-font-size-2xl: 24px;\n --t-font-size-xl: 20px;\n --t-font-size-lg: 18px;\n --t-font-size-md: 16px;\n --t-font-size-sm: 14px;\n --t-font-size-xs: 12px;\n --t-font-size-2xs: 10px;\n --t-font-weight-normal: 400;\n --t-font-weight-medium: 500;\n --t-font-weight-semi-bold: 600;\n --t-font-weight-bold: 700;\n --t-container-size-xl: 48px;\n --t-container-size-lg: 40px;\n --t-container-size-md: 32px;\n --t-container-size-sm: 24px;\n --t-container-size-xs: 20px;\n --t-avatar-size-20: 20px;\n --t-avatar-size-24: 24px;\n --t-avatar-size-36: 36px;\n --t-avatar-size-48: 48px;\n --t-avatar-size-72: 72px;\n --t-avatar-size-112: 112px;\n --t-text-color-default-headline: hsl(0, 0%, 12%);\n --t-text-color-default-primary: hsl(0, 0%, 24%);\n --t-text-color-default-secondary: hsl(0, 0%, 45%);\n --t-text-color-default-disabled: hsl(0, 0%, 81%);\n --t-text-color-default-placeholder: hsl(0, 0%, 62%);\n --t-text-color-default-inverted: hsl(0, 0%, 100%);\n --t-text-color-interaction-primary: hsl(204, 100%, 40%);\n --t-text-color-interaction-hover: hsl(204, 100%, 35%);\n --t-text-color-interaction-active: hsl(204, 100%, 30%);\n --t-text-color-interaction-visited: hsl(204, 100%, 30%);\n --t-text-color-status-neutral: hsl(0, 0%, 24%);\n --t-text-color-status-info: hsl(204, 100%, 35%);\n --t-text-color-status-success: hsl(97, 57%, 28%);\n --t-text-color-status-warning: hsl(42, 100%, 29%);\n --t-text-color-status-error: hsl(8, 60%, 45%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-subtle-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-subtle-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-subtle-green: hsl(100, 93%, 17%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-subtle-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-subtle-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-subtle-magenta: hsl(285, 71%, 20%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-bold-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-bold-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-bold-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-bold-green: hsl(100, 93%, 17%);\n --t-text-color-tag-bold-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-bold-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-bold-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-bold-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-bold-magenta: hsl(285, 71%, 20%);\n --t-icon-color-default-primary: hsl(0, 0%, 24%);\n --t-icon-color-default-secondary: hsl(0, 0%, 45%);\n --t-icon-color-default-dim: hsl(0, 0%, 62%);\n --t-icon-color-default-disabled: hsl(0, 0%, 81%);\n --t-icon-color-default-inverted: hsl(0, 0%, 100%);\n --t-icon-color-status-neutral-primary: hsl(0, 0%, 45%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 62%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 24%);\n --t-icon-color-status-info-primary: hsl(204, 100%, 40%);\n --t-icon-color-status-success-primary: hsl(96, 57%, 33%);\n --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);\n --t-icon-color-status-warning-primary: hsl(42, 84%, 49%);\n --t-icon-color-status-error-primary: hsl(8, 60%, 47%);\n --t-fill-color-neutral-000: hsl(0, 0%, 12%);\n --t-fill-color-neutral-010: hsl(0, 0%, 24%);\n --t-fill-color-neutral-020: hsl(0, 0%, 45%);\n --t-fill-color-neutral-030: hsl(0, 0%, 62%);\n --t-fill-color-neutral-040: hsl(0, 0%, 81%);\n --t-fill-color-neutral-050: hsl(0, 0%, 88%);\n --t-fill-color-neutral-060: hsl(0, 0%, 93%);\n --t-fill-color-neutral-070: hsl(0, 0%, 95%);\n --t-fill-color-neutral-080: hsl(0, 0%, 97%);\n --t-fill-color-neutral-090: hsl(0, 0%, 98%);\n --t-fill-color-neutral-100: hsl(0, 0%, 100%);\n --t-fill-color-interaction-default: hsl(204, 100%, 40%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 35%);\n --t-fill-color-interaction-active: hsl(204, 100%, 30%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 81%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 62%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 24%);\n --t-fill-color-control-primary: hsl(204, 100%, 40%);\n --t-fill-color-control-secondary: hsl(97, 57%, 40%);\n --t-fill-color-control-error: hsl(8, 60%, 47%);\n --t-fill-color-control-disabled: hsl(0, 0%, 81%);\n --t-fill-color-status-neutral-solid: hsl(0, 0%, 45%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 93%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 97%);\n --t-fill-color-status-info-solid: hsl(204, 100%, 40%);\n --t-fill-color-status-info-ghost: hsl(203, 94%, 94%);\n --t-fill-color-status-info-dim: hsl(204, 100%, 97%);\n --t-fill-color-status-success-solid: hsl(96, 57%, 33%);\n --t-fill-color-status-success-ghost: hsl(97, 57%, 90%);\n --t-fill-color-status-success-dim: hsl(96, 60%, 95%);\n --t-fill-color-status-warning-solid: hsl(42, 84%, 63%);\n --t-fill-color-status-warning-ghost: hsl(42, 87%, 94%);\n --t-fill-color-status-warning-dim: hsl(42, 87%, 97%);\n --t-fill-color-status-error-solid: hsl(8, 60%, 47%);\n --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);\n --t-fill-color-status-error-dim: hsl(7, 60%, 97%);\n --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);\n --t-fill-color-product-accounts-010: hsl(212, 54%, 93%);\n --t-fill-color-product-accounts-020: hsl(209, 53%, 90%);\n --t-fill-color-product-accounts-030: hsl(210, 56%, 70%);\n --t-fill-color-product-accounts-040: hsl(210, 54%, 60%);\n --t-fill-color-product-accounts-050: hsl(210, 55%, 50%);\n --t-fill-color-product-accounts-060: hsl(210, 65%, 40%);\n --t-fill-color-product-accounts-070: hsl(211, 70%, 32%);\n --t-fill-color-product-accounts-080: hsl(210, 75%, 25%);\n --t-fill-color-product-calendar-010: hsl(8, 61%, 90%);\n --t-fill-color-product-calendar-020: hsl(8, 61%, 70%);\n --t-fill-color-product-calendar-030: hsl(8, 72%, 59%);\n --t-fill-color-product-calendar-040: hsl(8, 65%, 55%);\n --t-fill-color-product-calendar-050: hsl(9, 61%, 50%);\n --t-fill-color-product-calendar-060: hsl(8, 65%, 42%);\n --t-fill-color-product-calendar-070: hsl(7, 65%, 34%);\n --t-fill-color-product-calendar-080: hsl(9, 61%, 27%);\n --t-fill-color-product-checkins-010: hsl(285, 20%, 92%);\n --t-fill-color-product-checkins-020: hsl(283, 22%, 75%);\n --t-fill-color-product-checkins-030: hsl(284, 22%, 64%);\n --t-fill-color-product-checkins-040: hsl(283, 22%, 55%);\n --t-fill-color-product-checkins-050: hsl(283, 22%, 48%);\n --t-fill-color-product-checkins-060: hsl(283, 27%, 42%);\n --t-fill-color-product-checkins-070: hsl(284, 33%, 34%);\n --t-fill-color-product-checkins-080: hsl(283, 33%, 27%);\n --t-fill-color-product-giving-010: hsl(41, 95%, 93%);\n --t-fill-color-product-giving-020: hsl(42, 95%, 83%);\n --t-fill-color-product-giving-030: hsl(43, 95%, 75%);\n --t-fill-color-product-giving-040: hsl(43, 88%, 70%);\n --t-fill-color-product-giving-050: hsl(43, 88%, 64%);\n --t-fill-color-product-giving-060: hsl(42, 84%, 55%);\n --t-fill-color-product-giving-070: hsl(42, 84%, 48%);\n --t-fill-color-product-giving-080: hsl(42, 100%, 40%);\n --t-fill-color-product-groups-010: hsl(18, 95%, 92%);\n --t-fill-color-product-groups-020: hsl(17, 96%, 80%);\n --t-fill-color-product-groups-030: hsl(17, 96%, 70%);\n --t-fill-color-product-groups-040: hsl(17, 96%, 63%);\n --t-fill-color-product-groups-050: hsl(17, 88%, 55%);\n --t-fill-color-product-groups-060: hsl(12, 70%, 48%);\n --t-fill-color-product-groups-070: hsl(12, 70%, 40%);\n --t-fill-color-product-groups-080: hsl(14, 70%, 34%);\n --t-fill-color-product-home-010: hsl(221, 89%, 93%);\n --t-fill-color-product-home-020: hsl(221, 91%, 91%);\n --t-fill-color-product-home-030: hsl(221, 91%, 87%);\n --t-fill-color-product-home-040: hsl(221, 91%, 62%);\n --t-fill-color-product-home-050: hsl(221, 91%, 55%);\n --t-fill-color-product-home-060: hsl(221, 90%, 50%);\n --t-fill-color-product-home-070: hsl(221, 90%, 45%);\n --t-fill-color-product-home-080: hsl(218, 84%, 25%);\n --t-fill-color-product-people-010: hsl(219, 73%, 91%);\n --t-fill-color-product-people-020: hsl(220, 69%, 81%);\n --t-fill-color-product-people-030: hsl(221, 73%, 71%);\n --t-fill-color-product-people-040: hsl(221, 73%, 65%);\n --t-fill-color-product-people-050: hsl(220, 74%, 57%);\n --t-fill-color-product-people-060: hsl(220, 68%, 51%);\n --t-fill-color-product-people-070: hsl(220, 68%, 41%);\n --t-fill-color-product-people-080: hsl(221, 68%, 31%);\n --t-fill-color-product-publishing-010: hsl(220, 4%, 86%);\n --t-fill-color-product-publishing-020: hsl(222, 10%, 60%);\n --t-fill-color-product-publishing-030: hsl(221, 11%, 50%);\n --t-fill-color-product-publishing-040: hsl(222, 12%, 39%);\n --t-fill-color-product-publishing-050: hsl(220, 12%, 31%);\n --t-fill-color-product-publishing-060: hsl(220, 11%, 26%);\n --t-fill-color-product-publishing-070: hsl(217, 12%, 22%);\n --t-fill-color-product-publishing-080: hsl(214, 11%, 12%);\n --t-fill-color-product-registrations-010: hsl(173, 28%, 89%);\n --t-fill-color-product-registrations-020: hsl(176, 38%, 78%);\n --t-fill-color-product-registrations-030: hsl(176, 37%, 68%);\n --t-fill-color-product-registrations-040: hsl(176, 37%, 60%);\n --t-fill-color-product-registrations-050: hsl(175, 36%, 43%);\n --t-fill-color-product-registrations-060: hsl(175, 51%, 34%);\n --t-fill-color-product-registrations-070: hsl(174, 51%, 28%);\n --t-fill-color-product-registrations-080: hsl(175, 52%, 22%);\n --t-fill-color-product-services-010: hsl(88, 31%, 88%);\n --t-fill-color-product-services-020: hsl(88, 39%, 75%);\n --t-fill-color-product-services-030: hsl(88, 39%, 66%);\n --t-fill-color-product-services-040: hsl(88, 40%, 54%);\n --t-fill-color-product-services-050: hsl(88, 45%, 41%);\n --t-fill-color-product-services-060: hsl(89, 62%, 31%);\n --t-fill-color-product-services-070: hsl(89, 62%, 26%);\n --t-fill-color-product-services-080: hsl(89, 63%, 21%);\n --t-fill-color-product-staff-base: hsl(328, 100%, 45%);\n --t-fill-color-tag-gray-010: hsl(0, 0%, 93%);\n --t-fill-color-tag-gray-020: hsl(0, 0%, 88%);\n --t-fill-color-tag-gray-030: hsl(0, 0%, 88%);\n --t-fill-color-tag-gray-040: hsl(0, 0%, 81%);\n --t-fill-color-tag-blue-010: hsl(220, 100%, 95%);\n --t-fill-color-tag-blue-020: hsl(221, 100%, 81%);\n --t-fill-color-tag-blue-030: hsl(220, 98%, 81%);\n --t-fill-color-tag-blue-040: hsl(220, 98%, 74%);\n --t-fill-color-tag-aqua-010: hsl(200, 82%, 89%);\n --t-fill-color-tag-aqua-020: hsl(200, 82%, 82%);\n --t-fill-color-tag-aqua-030: hsl(201, 76%, 71%);\n --t-fill-color-tag-aqua-040: hsl(200, 75%, 64%);\n --t-fill-color-tag-teal-010: hsl(163, 53%, 83%);\n --t-fill-color-tag-teal-020: hsl(164, 52%, 76%);\n --t-fill-color-tag-teal-030: hsl(169, 62%, 64%);\n --t-fill-color-tag-teal-040: hsl(169, 62%, 56%);\n --t-fill-color-tag-green-010: hsl(98, 59%, 85%);\n --t-fill-color-tag-green-020: hsl(99, 59%, 78%);\n --t-fill-color-tag-green-030: hsl(112, 57%, 65%);\n --t-fill-color-tag-green-040: hsl(112, 57%, 57%);\n --t-fill-color-tag-yellow-010: hsl(45, 77%, 85%);\n --t-fill-color-tag-yellow-020: hsl(44, 78%, 77%);\n --t-fill-color-tag-yellow-030: hsl(44, 92%, 69%);\n --t-fill-color-tag-yellow-040: hsl(44, 93%, 61%);\n --t-fill-color-tag-orange-010: hsl(22, 89%, 89%);\n --t-fill-color-tag-orange-020: hsl(21, 89%, 82%);\n --t-fill-color-tag-orange-030: hsl(21, 86%, 72%);\n --t-fill-color-tag-orange-040: hsl(21, 86%, 64%);\n --t-fill-color-tag-pink-010: hsl(311, 66%, 92%);\n --t-fill-color-tag-pink-020: hsl(310, 64%, 85%);\n --t-fill-color-tag-pink-030: hsl(324, 78%, 77%);\n --t-fill-color-tag-pink-040: hsl(324, 76%, 70%);\n --t-fill-color-tag-purple-010: hsl(259, 74%, 93%);\n --t-fill-color-tag-purple-020: hsl(259, 74%, 85%);\n --t-fill-color-tag-purple-030: hsl(273, 62%, 76%);\n --t-fill-color-tag-purple-040: hsl(273, 62%, 70%);\n --t-fill-color-tag-magenta-010: hsl(294, 37%, 90%);\n --t-fill-color-tag-magenta-020: hsl(291, 40%, 83%);\n --t-fill-color-tag-magenta-030: hsl(291, 48%, 70%);\n --t-fill-color-tag-magenta-040: hsl(292, 48%, 63%);\n --t-fill-color-button-neutral-solid-default: hsl(0, 0%, 45%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-outline-dim-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-outline-dim-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-outline-dim-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-delete-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-outline-dim-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-outline-dim-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-outline-dim-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-pill-default: hsl(0, 0%, 93%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 93%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);\n --t-surface-color-canvas: hsl(0, 0%, 98%);\n --t-surface-color-card: hsl(0, 0%, 100%);\n --t-border-color-default-base: hsl(0, 0%, 88%);\n --t-border-color-default-dark: hsl(0, 0%, 81%);\n --t-border-color-default-darker: hsl(0, 0%, 68%);\n --t-border-color-default-darkest: hsl(0, 0%, 62%);\n --t-border-color-default-disabled: hsl(0, 0%, 88%);\n --t-border-color-default-dim: hsl(0, 0%, 95%);\n --t-border-color-default-white: hsl(0, 0%, 100%);\n --t-border-color-status-neutral: hsl(0, 0%, 62%);\n --t-border-color-status-info: hsl(204, 100%, 40%);\n --t-border-color-status-success: hsl(97, 57%, 40%);\n --t-border-color-status-warning: hsl(42, 84%, 63%);\n --t-border-color-status-error: hsl(8, 60%, 47%);\n --t-border-color-button-neutral: hsl(0, 0%, 88%);\n --t-border-color-button-info: hsl(204, 100%, 40%);\n --t-border-color-button-create: hsl(96, 57%, 33%);\n --t-border-color-button-delete: hsl(8, 60%, 47%);\n --t-border-color-control-neutral: hsl(0, 0%, 68%);\n --t-border-color-control-info: hsl(204, 100%, 40%);\n --t-border-color-control-success: hsl(97, 57%, 40%);\n --t-border-color-control-warning: hsl(42, 84%, 63%);\n --t-border-color-control-error: hsl(8, 60%, 47%);\n --t-border-color-control-disabled: hsl(0, 0%, 88%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-text-color-tag-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-magenta: hsl(285, 71%, 20%);\n --t-text-color-tag-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-green: hsl(100, 93%, 17%);\n --t-text-color-tag-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-purple: hsl(268, 71%, 27%);\n --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);\n --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);\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-product-accounts-lightest: hsl(212, 54%, 93%);\n --t-fill-color-product-accounts-lighter: hsl(209, 53%, 90%);\n --t-fill-color-product-accounts-light: hsl(210, 54%, 60%);\n --t-fill-color-product-accounts-base: hsl(210, 55%, 50%);\n --t-fill-color-product-accounts-dark: hsl(210, 65%, 40%);\n --t-fill-color-product-accounts-darker: hsl(211, 70%, 32%);\n --t-fill-color-product-accounts-darkest: hsl(210, 75%, 25%);\n --t-fill-color-product-calendar-lightest: hsl(8, 61%, 70%);\n --t-fill-color-product-calendar-lighter: hsl(8, 72%, 59%);\n --t-fill-color-product-calendar-light: hsl(8, 65%, 55%);\n --t-fill-color-product-calendar-base: hsl(9, 61%, 50%);\n --t-fill-color-product-calendar-dark: hsl(8, 65%, 42%);\n --t-fill-color-product-calendar-darker: hsl(7, 65%, 34%);\n --t-fill-color-product-calendar-darkest: hsl(9, 61%, 27%);\n --t-fill-color-product-checkins-lightest: hsl(283, 22%, 75%);\n --t-fill-color-product-checkins-lighter: hsl(284, 22%, 64%);\n --t-fill-color-product-checkins-light: hsl(283, 22%, 55%);\n --t-fill-color-product-checkins-base: hsl(283, 22%, 48%);\n --t-fill-color-product-checkins-dark: hsl(283, 27%, 42%);\n --t-fill-color-product-checkins-darker: hsl(284, 33%, 34%);\n --t-fill-color-product-checkins-darkest: hsl(283, 33%, 27%);\n --t-fill-color-product-giving-lightest: hsl(42, 95%, 83%);\n --t-fill-color-product-giving-lighter: hsl(43, 95%, 75%);\n --t-fill-color-product-giving-light: hsl(43, 88%, 70%);\n --t-fill-color-product-giving-base: hsl(43, 88%, 64%);\n --t-fill-color-product-giving-dark: hsl(42, 84%, 55%);\n --t-fill-color-product-giving-darker: hsl(42, 84%, 48%);\n --t-fill-color-product-giving-darkest: hsl(42, 100%, 40%);\n --t-fill-color-product-groups-lightest: hsl(17, 96%, 80%);\n --t-fill-color-product-groups-lighter: hsl(17, 96%, 70%);\n --t-fill-color-product-groups-light: hsl(17, 96%, 63%);\n --t-fill-color-product-groups-base: hsl(17, 88%, 55%);\n --t-fill-color-product-groups-dark: hsl(12, 70%, 48%);\n --t-fill-color-product-groups-darker: hsl(12, 70%, 40%);\n --t-fill-color-product-groups-darkest: hsl(14, 70%, 34%);\n --t-fill-color-product-home-lightest: hsl(221, 91%, 91%);\n --t-fill-color-product-home-lighter: hsl(221, 91%, 87%);\n --t-fill-color-product-home-light: hsl(221, 91%, 62%);\n --t-fill-color-product-home-base: hsl(221, 91%, 55%);\n --t-fill-color-product-home-dark: hsl(221, 90%, 50%);\n --t-fill-color-product-home-darker: hsl(221, 90%, 45%);\n --t-fill-color-product-home-darkest: hsl(218, 84%, 25%);\n --t-fill-color-product-people-lightest: hsl(220, 69%, 81%);\n --t-fill-color-product-people-lighter: hsl(221, 73%, 71%);\n --t-fill-color-product-people-light: hsl(221, 73%, 65%);\n --t-fill-color-product-people-base: hsl(220, 74%, 57%);\n --t-fill-color-product-people-dark: hsl(220, 68%, 51%);\n --t-fill-color-product-people-darker: hsl(220, 68%, 41%);\n --t-fill-color-product-people-darkest: hsl(221, 68%, 31%);\n --t-fill-color-product-publishing-lightest: hsl(222, 10%, 60%);\n --t-fill-color-product-publishing-lighter: hsl(221, 11%, 50%);\n --t-fill-color-product-publishing-light: hsl(222, 12%, 39%);\n --t-fill-color-product-publishing-base: hsl(220, 12%, 31%);\n --t-fill-color-product-publishing-dark: hsl(220, 11%, 26%);\n --t-fill-color-product-publishing-darker: hsl(217, 12%, 22%);\n --t-fill-color-product-publishing-darkest: hsl(214, 11%, 12%);\n --t-fill-color-product-registrations-lightest: hsl(176, 38%, 78%);\n --t-fill-color-product-registrations-lighter: hsl(176, 37%, 68%);\n --t-fill-color-product-registrations-light: hsl(176, 37%, 60%);\n --t-fill-color-product-registrations-base: hsl(175, 36%, 43%);\n --t-fill-color-product-registrations-dark: hsl(175, 51%, 34%);\n --t-fill-color-product-registrations-darker: hsl(174, 51%, 28%);\n --t-fill-color-product-registrations-darkest: hsl(175, 52%, 22%);\n --t-fill-color-product-services-lightest: hsl(88, 39%, 75%);\n --t-fill-color-product-services-lighter: hsl(88, 39%, 66%);\n --t-fill-color-product-services-light: hsl(88, 40%, 54%);\n --t-fill-color-product-services-base: hsl(88, 45%, 41%);\n --t-fill-color-product-services-dark: hsl(89, 62%, 32%);\n --t-fill-color-product-services-darker: hsl(89, 62%, 26%);\n --t-fill-color-product-services-darkest: hsl(89, 63%, 21%);\n --t-fill-color-tag-subtle-gray: hsl(0, 0%, 93%);\n --t-fill-color-tag-subtle-blue: hsl(220, 100%, 95%);\n --t-fill-color-tag-subtle-aqua: hsl(200, 82%, 89%);\n --t-fill-color-tag-subtle-teal: hsl(163, 53%, 83%);\n --t-fill-color-tag-subtle-green: hsl(98, 59%, 85%);\n --t-fill-color-tag-subtle-yellow: hsl(45, 77%, 85%);\n --t-fill-color-tag-subtle-orange: hsl(22, 89%, 89%);\n --t-fill-color-tag-subtle-pink: hsl(311, 66%, 92%);\n --t-fill-color-tag-subtle-purple: hsl(259, 74%, 93%);\n --t-fill-color-tag-subtle-magenta: hsl(294, 37%, 90%);\n --t-fill-color-tag-subtle-label-gray: hsl(0, 0%, 88%);\n --t-fill-color-tag-subtle-label-blue: hsl(221, 100%, 81%);\n --t-fill-color-tag-subtle-label-aqua: hsl(200, 82%, 82%);\n --t-fill-color-tag-subtle-label-teal: hsl(164, 52%, 76%);\n --t-fill-color-tag-subtle-label-green: hsl(99, 59%, 78%);\n --t-fill-color-tag-subtle-label-yellow: hsl(44, 78%, 77%);\n --t-fill-color-tag-subtle-label-orange: hsl(21, 89%, 82%);\n --t-fill-color-tag-subtle-label-pink: hsl(310, 64%, 85%);\n --t-fill-color-tag-subtle-label-purple: hsl(259, 74%, 85%);\n --t-fill-color-tag-subtle-label-magenta: hsl(291, 40%, 83%);\n --t-fill-color-tag-bold-gray: hsl(0, 0%, 88%);\n --t-fill-color-tag-bold-blue: hsl(220, 98%, 81%);\n --t-fill-color-tag-bold-aqua: hsl(201, 76%, 71%);\n --t-fill-color-tag-bold-teal: hsl(169, 62%, 64%);\n --t-fill-color-tag-bold-green: hsl(112, 57%, 65%);\n --t-fill-color-tag-bold-yellow: hsl(44, 92%, 69%);\n --t-fill-color-tag-bold-orange: hsl(21, 86%, 72%);\n --t-fill-color-tag-bold-pink: hsl(324, 78%, 77%);\n --t-fill-color-tag-bold-purple: hsl(273, 62%, 76%);\n --t-fill-color-tag-bold-magenta: hsl(291, 48%, 70%);\n --t-fill-color-tag-bold-label-gray: hsl(0, 0%, 81%);\n --t-fill-color-tag-bold-label-blue: hsl(220, 98%, 74%);\n --t-fill-color-tag-bold-label-aqua: hsl(200, 75%, 64%);\n --t-fill-color-tag-bold-label-teal: hsl(169, 62%, 56%);\n --t-fill-color-tag-bold-label-green: hsl(112, 57%, 57%);\n --t-fill-color-tag-bold-label-yellow: hsl(44, 93%, 61%);\n --t-fill-color-tag-bold-label-orange: hsl(21, 86%, 64%);\n --t-fill-color-tag-bold-label-pink: hsl(324, 76%, 70%);\n --t-fill-color-tag-bold-label-purple: hsl(273, 62%, 70%);\n --t-fill-color-tag-bold-label-magenta: hsl(292, 48%, 63%);\n --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-default-info-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-outline-dim-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-default-info-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-ghost-disabled: hsla(0, 0%, 100%, 0);\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}\n"]}
package/dist/packages/tapestry-wc/dist/components/tds-page-header.js CHANGED
@@ -2,7 +2,7 @@ import { proxyCustomElement, H, h } from './../../../../ext/@stencil/core/intern
2
2
 
3
3
  /*!
4
4
  * Planning Center Tapestry Web Components
5
- * Version: 1.0.0-rc.0
5
+ * Version: 1.0.0-rc.1
6
6
  */
7
7
 
8
8
  const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends H {
package/dist/packages/tapestry-wc/dist/components/tds-page-header.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tds-page-header.js","sources":["../../../../../../tapestry-wc/dist/components/tds-page-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.0.0-rc.0\n */\nimport { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\n\nconst PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /**\n * Indicates whether the page header is inactive or not.\n * When set to true, the page header is visually inactive\n * @prop {boolean} inactive - Controls the inactive state of the page. Defaults to false.\n */\n this.inactive = false;\n }\n render() {\n var _a, _b;\n const hasNavigationSlot = !!this.el.querySelector(\"[slot='navigation']\");\n const hasMultiActions = ((_b = (_a = this.el.querySelector(\"[slot='actions']\")) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length) > 1;\n return (h(\"header\", { key: '9bac0408b59073aaf3588a7d3a5d60316d8cdd88', class: {\n \"tds-page-header\": true,\n \"has-multi-actions\": hasMultiActions,\n \"has-nav\": hasNavigationSlot,\n \"tds-page-header--profile\": this.profile,\n inactive: this.inactive,\n } }, h(\"div\", { key: '86a1bf1ad1213f1d225a20a1e60e43dd9f42fa24', class: \"tds-page-header__title-bar\" }, h(\"div\", { key: '0837ef086111d4a5d4e864884ba7d6babb7481f1', class: \"tds-page-header__primary\" }, h(\"slot\", { key: 'da04e2b0535a91627e19d4db81032231785d4ef1' })), h(\"slot\", { key: '62c64f573256c8b32ce3dff643468d52b03f82d7', name: \"actions\" })), hasNavigationSlot && (h(\"tds-page-header-nav\", { key: '491e65645a053ebc59979dbfb95faf6a3bf107a5' }, h(\"slot\", { key: 'b8f3f92a2cf84ce5c7932834e61519c14f6a5fbc', name: \"navigation\" })))));\n }\n get el() { return this; }\n}, [4, \"tds-page-header\", {\n \"inactive\": [4],\n \"profile\": [4]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-page-header\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-page-header\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, PageHeader);\n }\n break;\n } });\n}\n\nconst TdsPageHeader = PageHeader;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsPageHeader, defineCustomElement };\n\n//# sourceMappingURL=tds-page-header.js.map"],"names":["HTMLElement"],"mappings":";;AAAA;AACA;AACA;AACA;AAEA;AACA,MAAM,UAAU,iBAAiB,kBAAkB,CAAC,MAAM,UAAU,SAASA,CAAW,CAAC;AACzF,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE,CAAC;AAChB,QAAQ,IAAI,CAAC,cAAc,EAAE,CAAC;AAC9B;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC9B,KAAK;AACL,IAAI,MAAM,GAAG;AACb,QAAQ,IAAI,EAAE,EAAE,EAAE,CAAC;AACnB,QAAQ,MAAM,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;AACjF,QAAQ,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;AAC9L,QAAQ,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;AACtF,gBAAgB,iBAAiB,EAAE,IAAI;AACvC,gBAAgB,mBAAmB,EAAE,eAAe;AACpD,gBAAgB,SAAS,EAAE,iBAAiB;AAC5C,gBAAgB,0BAA0B,EAAE,IAAI,CAAC,OAAO;AACxD,gBAAgB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvC,aAAa,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,CAAC,CAAC,qBAAqB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;AACniB,KAAK;AACL,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,EAAE;AAC7B,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE;AAC1B,QAAQ,UAAU,EAAE,CAAC,CAAC,CAAC;AACvB,QAAQ,SAAS,EAAE,CAAC,CAAC,CAAC;AACtB,KAAK,CAAC,CAAC,CAAC;AACR,SAAS,qBAAqB,GAAG;AACjC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AAC/C,QAAQ,OAAO;AACf,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAC3C,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,iBAAiB;AAC9B,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAC3D,aAAa;AACb,YAAY,MAAM;AAClB,KAAK,EAAE,CAAC,CAAC;AACT,CAAC;AAGI,MAAC,mBAAmB,GAAG;;;;"}
1
+ {"version":3,"file":"tds-page-header.js","sources":["../../../../../../tapestry-wc/dist/components/tds-page-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.0.0-rc.1\n */\nimport { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\n\nconst PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /**\n * Indicates whether the page header is inactive or not.\n * When set to true, the page header is visually inactive\n * @prop {boolean} inactive - Controls the inactive state of the page. Defaults to false.\n */\n this.inactive = false;\n }\n render() {\n var _a, _b;\n const hasNavigationSlot = !!this.el.querySelector(\"[slot='navigation']\");\n const hasMultiActions = ((_b = (_a = this.el.querySelector(\"[slot='actions']\")) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length) > 1;\n return (h(\"header\", { key: '9bac0408b59073aaf3588a7d3a5d60316d8cdd88', class: {\n \"tds-page-header\": true,\n \"has-multi-actions\": hasMultiActions,\n \"has-nav\": hasNavigationSlot,\n \"tds-page-header--profile\": this.profile,\n inactive: this.inactive,\n } }, h(\"div\", { key: '86a1bf1ad1213f1d225a20a1e60e43dd9f42fa24', class: \"tds-page-header__title-bar\" }, h(\"div\", { key: '0837ef086111d4a5d4e864884ba7d6babb7481f1', class: \"tds-page-header__primary\" }, h(\"slot\", { key: 'da04e2b0535a91627e19d4db81032231785d4ef1' })), h(\"slot\", { key: '62c64f573256c8b32ce3dff643468d52b03f82d7', name: \"actions\" })), hasNavigationSlot && (h(\"tds-page-header-nav\", { key: '491e65645a053ebc59979dbfb95faf6a3bf107a5' }, h(\"slot\", { key: 'b8f3f92a2cf84ce5c7932834e61519c14f6a5fbc', name: \"navigation\" })))));\n }\n get el() { return this; }\n}, [4, \"tds-page-header\", {\n \"inactive\": [4],\n \"profile\": [4]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-page-header\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-page-header\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, PageHeader);\n }\n break;\n } });\n}\n\nconst TdsPageHeader = PageHeader;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsPageHeader, defineCustomElement };\n\n//# sourceMappingURL=tds-page-header.js.map"],"names":["HTMLElement"],"mappings":";;AAAA;AACA;AACA;AACA;AAEA;AACA,MAAM,UAAU,iBAAiB,kBAAkB,CAAC,MAAM,UAAU,SAASA,CAAW,CAAC;AACzF,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE,CAAC;AAChB,QAAQ,IAAI,CAAC,cAAc,EAAE,CAAC;AAC9B;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC9B,KAAK;AACL,IAAI,MAAM,GAAG;AACb,QAAQ,IAAI,EAAE,EAAE,EAAE,CAAC;AACnB,QAAQ,MAAM,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;AACjF,QAAQ,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;AAC9L,QAAQ,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;AACtF,gBAAgB,iBAAiB,EAAE,IAAI;AACvC,gBAAgB,mBAAmB,EAAE,eAAe;AACpD,gBAAgB,SAAS,EAAE,iBAAiB;AAC5C,gBAAgB,0BAA0B,EAAE,IAAI,CAAC,OAAO;AACxD,gBAAgB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvC,aAAa,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,CAAC,CAAC,qBAAqB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;AACniB,KAAK;AACL,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,EAAE;AAC7B,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE;AAC1B,QAAQ,UAAU,EAAE,CAAC,CAAC,CAAC;AACvB,QAAQ,SAAS,EAAE,CAAC,CAAC,CAAC;AACtB,KAAK,CAAC,CAAC,CAAC;AACR,SAAS,qBAAqB,GAAG;AACjC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AAC/C,QAAQ,OAAO;AACf,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAC3C,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,iBAAiB;AAC9B,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAC3D,aAAa;AACb,YAAY,MAAM;AAClB,KAAK,EAAE,CAAC,CAAC;AACT,CAAC;AAGI,MAAC,mBAAmB,GAAG;;;;"}