@planningcenter/tapestry 0.2.1 → 0.3.0-rc.0

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 (10) hide show
  1. package/README.md +7 -0
  2. package/dist/index.css +36 -24
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens.css +36 -24
  5. package/dist/tokens.css.map +1 -1
  6. package/dist/unstable.css +36 -24
  7. package/dist/unstable.css.map +1 -1
  8. package/dist/webComponents.css +36 -24
  9. package/dist/webComponents.css.map +1 -1
  10. package/package.json +17 -5
package/README.md ADDED
@@ -0,0 +1,7 @@
1
+ # Tapestry
2
+
3
+ This is a monorepo for NPM packages that are related to our Tapestry design system.
4
+
5
+ The main package is `@planningcenter/tapestry`, and the main documentation is provided by that library. For documentation of it, go to https://planningcenter.github.io/tapestry/.
6
+
7
+ For more information about specific packages, look at their specific README file.
package/dist/index.css CHANGED
@@ -135,10 +135,6 @@
135
135
  --t-fill-color-status-error-solid: hsl(8, 60%, 47%);
136
136
  --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);
137
137
  --t-fill-color-status-error-dim: hsl(7, 60%, 97%);
138
- --t-fill-color-alert-info: hsl(201, 96%, 48%);
139
- --t-fill-color-alert-success: hsl(122, 60%, 41%);
140
- --t-fill-color-alert-warning: hsl(43, 96%, 58%);
141
- --t-fill-color-alert-error: hsl(4, 77%, 59%);
142
138
  --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);
143
139
  --t-fill-color-tag-subtle-gray: hsl(0, 0%, 93%);
144
140
  --t-fill-color-tag-subtle-blue: hsl(220, 100%, 95%);
@@ -194,26 +190,18 @@
194
190
  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);
195
191
  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);
196
192
  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);
197
- --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);
198
- --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);
199
- --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);
200
- --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);
201
- --t-fill-color-button-default-info-outline-dim-default: hsla(0, 0%, 100%, 0);
202
- --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);
203
- --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);
204
- --t-fill-color-button-default-info-outline-dim-disabled: hsla(0, 0%, 100%, 0);
205
- --t-fill-color-button-default-info-ghost-default: hsla(0, 0%, 100%, 0);
206
- --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);
207
- --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);
208
- --t-fill-color-button-default-info-ghost-disabled: hsla(0, 0%, 100%, 0);
209
- --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
210
- --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
211
- --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
212
- --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);
213
- --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);
214
- --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
215
- --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
216
- --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
193
+ --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);
194
+ --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);
195
+ --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);
196
+ --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 81%);
197
+ --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);
198
+ --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);
199
+ --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);
200
+ --t-fill-color-button-interaction-outline-dim-disabled: hsla(0, 0%, 100%, 0);
201
+ --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);
202
+ --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);
203
+ --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);
204
+ --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);
217
205
  --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);
218
206
  --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);
219
207
  --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);
@@ -355,6 +343,30 @@
355
343
  --t-text-color-tag-purple: hsl(268, 71%, 27%);
356
344
  --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);
357
345
  --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);
346
+ --t-fill-color-alert-info: hsl(204, 94%, 49%);
347
+ --t-fill-color-alert-success: hsl(122, 60%, 41%);
348
+ --t-fill-color-alert-warning: hsl(43, 96%, 58%);
349
+ --t-fill-color-alert-error: hsl(4, 77%, 59%);
350
+ --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);
351
+ --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);
352
+ --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);
353
+ --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);
354
+ --t-fill-color-button-default-info-outline-dim-default: hsla(0, 0%, 100%, 0);
355
+ --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);
356
+ --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);
357
+ --t-fill-color-button-default-info-outline-dim-disabled: hsla(0, 0%, 100%, 0);
358
+ --t-fill-color-button-default-info-ghost-default: hsla(0, 0%, 100%, 0);
359
+ --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);
360
+ --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);
361
+ --t-fill-color-button-default-info-ghost-disabled: hsla(0, 0%, 100%, 0);
362
+ --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
363
+ --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
364
+ --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
365
+ --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);
366
+ --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);
367
+ --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
368
+ --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
369
+ --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
358
370
  }
359
371
 
360
372
  /**
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"AAAA;;EAEE;;AAEF;EACE,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,0BAA0B;EAC1B,6BAA6B;EAC7B,8BAA8B;EAC9B,4BAA4B;EAC5B,0BAA0B;EAC1B,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACvB,qBAAqB;EACrB,0BAA0B;EAC1B,0BAA0B;EAC1B,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,uBAAuB;EACvB,uBAAuB;EACvB,uBAAuB;EACvB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;EAC3B,2BAA2B;EAC3B,8BAA8B;EAC9B,yBAAyB;EACzB,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,0BAA0B;EAC1B,gDAAgD;EAChD,+CAA+C;EAC/C,iDAAiD;EACjD,gDAAgD;EAChD,mDAAmD;EACnD,iDAAiD;EACjD,uDAAuD;EACvD,qDAAqD;EACrD,sDAAsD;EACtD,uDAAuD;EACvD,8CAA8C;EAC9C,+CAA+C;EAC/C,gDAAgD;EAChD,iDAAiD;EACjD,6CAA6C;EAC7C,+CAA+C;EAC/C,kDAAkD;EAClD,kDAAkD;EAClD,kDAAkD;EAClD,mDAAmD;EACnD,oDAAoD;EACpD,oDAAoD;EACpD,kDAAkD;EAClD,oDAAoD;EACpD,qDAAqD;EACrD,6CAA6C;EAC7C,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,kDAAkD;EAClD,gDAAgD;EAChD,kDAAkD;EAClD,mDAAmD;EACnD,+CAA+C;EAC/C,iDAAiD;EACjD,2CAA2C;EAC3C,gDAAgD;EAChD,iDAAiD;EACjD,sDAAsD;EACtD,wDAAwD;EACxD,mDAAmD;EACnD,uDAAuD;EACvD,wDAAwD;EACxD,0DAA0D;EAC1D,wDAAwD;EACxD,qDAAqD;EACrD,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,4CAA4C;EAC5C,uDAAuD;EACvD,qDAAqD;EACrD,sDAAsD;EACtD,oDAAoD;EACpD,mDAAmD;EACnD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,8CAA8C;EAC9C,gDAAgD;EAChD,oDAAoD;EACpD,oDAAoD;EACpD,kDAAkD;EAClD,qDAAqD;EACrD,oDAAoD;EACpD,mDAAmD;EACnD,sDAAsD;EACtD,sDAAsD;EACtD,oDAAoD;EACpD,sDAAsD;EACtD,sDAAsD;EACtD,oDAAoD;EACpD,mDAAmD;EACnD,mDAAmD;EACnD,iDAAiD;EACjD,6CAA6C;EAC7C,gDAAgD;EAChD,+CAA+C;EAC/C,4CAA4C;EAC5C,sDAAsD;EACtD,+CAA+C;EAC/C,mDAAmD;EACnD,qDAAqD;EACrD,yDAAyD;EACzD,wDAAwD;EACxD,wDAAwD;EACxD,wDAAwD;EACxD,yDAAyD;EACzD,yDAAyD;EACzD,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,kDAAkD;EAClD,kDAAkD;EAClD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,kDAAkD;EAClD,oDAAoD;EACpD,qDAAqD;EACrD,6CAA6C;EAC7C,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,iDAAiD;EACjD,iDAAiD;EACjD,iDAAiD;EACjD,gDAAgD;EAChD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,sDAAsD;EACtD,sDAAsD;EACtD,sDAAsD;EACtD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,4DAA4D;EAC5D,0DAA0D;EAC1D,2DAA2D;EAC3D,6DAA6D;EAC7D,uEAAuE;EACvE,gEAAgE;EAChE,iEAAiE;EACjE,wEAAwE;EACxE,yEAAyE;EACzE,iEAAiE;EACjE,0DAA0D;EAC1D,2DAA2D;EAC3D,kEAAkE;EAClE,mEAAmE;EACnE,qEAAqE;EACrE,mEAAmE;EACnE,oEAAoE;EACpE,kEAAkE;EAClE,4EAA4E;EAC5E,yEAAyE;EACzE,yEAAyE;EACzE,6EAA6E;EAC7E,sEAAsE;EACtE,mEAAmE;EACnE,mEAAmE;EACnE,uEAAuE;EACvE,6DAA6D;EAC7D,2DAA2D;EAC3D,4DAA4D;EAC5D,4DAA4D;EAC5D,gEAAgE;EAChE,2DAA2D;EAC3D,4DAA4D;EAC5D,iEAAiE;EACjE,4DAA4D;EAC5D,0DAA0D;EAC1D,2DAA2D;EAC3D,4DAA4D;EAC5D,sEAAsE;EACtE,gEAAgE;EAChE,iEAAiE;EACjE,uEAAuE;EACvE,gEAAgE;EAChE,0DAA0D;EAC1D,2DAA2D;EAC3D,iEAAiE;EACjE,mDAAmD;EACnD,iDAAiD;EACjD,kDAAkD;EAClD,oDAAoD;EACpD,wDAAwD;EACxD,yDAAyD;EACzD,2DAA2D;EAC3D,4DAA4D;EAC5D,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,sDAAsD;EACtD,uDAAuD;EACvD,yDAAyD;EACzD,0DAA0D;EAC1D,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,wDAAwD;EACxD,yDAAyD;EACzD,2DAA2D;EAC3D,4DAA4D;EAC5D,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,qDAAqD;EACrD,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,qDAAqD;EACrD,uDAAuD;EACvD,yDAAyD;EACzD,qDAAqD;EACrD,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,qDAAqD;EACrD,uDAAuD;EACvD,wDAAwD;EACxD,oDAAoD;EACpD,qDAAqD;EACrD,uDAAuD;EACvD,wDAAwD;EACxD,oDAAoD;EACpD,sDAAsD;EACtD,uDAAuD;EACvD,sDAAsD;EACtD,uDAAuD;EACvD,yDAAyD;EACzD,0DAA0D;EAC1D,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,0DAA0D;EAC1D,2DAA2D;EAC3D,6DAA6D;EAC7D,8DAA8D;EAC9D,0DAA0D;EAC1D,4DAA4D;EAC5D,6DAA6D;EAC7D,6DAA6D;EAC7D,8DAA8D;EAC9D,gEAAgE;EAChE,iEAAiE;EACjE,6DAA6D;EAC7D,+DAA+D;EAC/D,gEAAgE;EAChE,uDAAuD;EACvD,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,uDAAuD;EACvD,yDAAyD;EACzD,0DAA0D;EAC1D,sDAAsD;EACtD,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,yCAAyC;EACzC,wCAAwC;EACxC,8CAA8C;EAC9C,8CAA8C;EAC9C,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,6CAA6C;EAC7C,gDAAgD;EAChD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,kDAAkD;EAClD,+CAA+C;EAC/C,gDAAgD;EAChD,iDAAiD;EACjD,iDAAiD;EACjD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,gDAAgD;EAChD,kDAAkD;ECnVlD,wCAAwC;EACxC,8CAA8C;EAC9C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,4CAA4C;EAC5C,6CAA6C;EAC7C,6CAA6C;EAC7C,2CAA2C;EAC3C,6CAA6C;EAC7C,mDAAmD;EACnD,yDAAyD;ADyU3D;;ACzVA;;EAEE","file":"index.css","sourcesContent":["/**\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-alert-info: hsl(201, 96%, 48%);\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-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-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 --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}\n"]}
1
+ {"version":3,"sources":["tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"AAAA;;EAEE;;AAEF;EACE,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,0BAA0B;EAC1B,6BAA6B;EAC7B,8BAA8B;EAC9B,4BAA4B;EAC5B,0BAA0B;EAC1B,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACvB,qBAAqB;EACrB,0BAA0B;EAC1B,0BAA0B;EAC1B,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,uBAAuB;EACvB,uBAAuB;EACvB,uBAAuB;EACvB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;EAC3B,2BAA2B;EAC3B,8BAA8B;EAC9B,yBAAyB;EACzB,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,0BAA0B;EAC1B,gDAAgD;EAChD,+CAA+C;EAC/C,iDAAiD;EACjD,gDAAgD;EAChD,mDAAmD;EACnD,iDAAiD;EACjD,uDAAuD;EACvD,qDAAqD;EACrD,sDAAsD;EACtD,uDAAuD;EACvD,8CAA8C;EAC9C,+CAA+C;EAC/C,gDAAgD;EAChD,iDAAiD;EACjD,6CAA6C;EAC7C,+CAA+C;EAC/C,kDAAkD;EAClD,kDAAkD;EAClD,kDAAkD;EAClD,mDAAmD;EACnD,oDAAoD;EACpD,oDAAoD;EACpD,kDAAkD;EAClD,oDAAoD;EACpD,qDAAqD;EACrD,6CAA6C;EAC7C,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,kDAAkD;EAClD,gDAAgD;EAChD,kDAAkD;EAClD,mDAAmD;EACnD,+CAA+C;EAC/C,iDAAiD;EACjD,2CAA2C;EAC3C,gDAAgD;EAChD,iDAAiD;EACjD,sDAAsD;EACtD,wDAAwD;EACxD,mDAAmD;EACnD,uDAAuD;EACvD,wDAAwD;EACxD,0DAA0D;EAC1D,wDAAwD;EACxD,qDAAqD;EACrD,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,4CAA4C;EAC5C,uDAAuD;EACvD,qDAAqD;EACrD,sDAAsD;EACtD,oDAAoD;EACpD,mDAAmD;EACnD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,8CAA8C;EAC9C,gDAAgD;EAChD,oDAAoD;EACpD,oDAAoD;EACpD,kDAAkD;EAClD,qDAAqD;EACrD,oDAAoD;EACpD,mDAAmD;EACnD,sDAAsD;EACtD,sDAAsD;EACtD,oDAAoD;EACpD,sDAAsD;EACtD,sDAAsD;EACtD,oDAAoD;EACpD,mDAAmD;EACnD,mDAAmD;EACnD,iDAAiD;EACjD,sDAAsD;EACtD,+CAA+C;EAC/C,mDAAmD;EACnD,qDAAqD;EACrD,yDAAyD;EACzD,wDAAwD;EACxD,wDAAwD;EACxD,wDAAwD;EACxD,yDAAyD;EACzD,yDAAyD;EACzD,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,kDAAkD;EAClD,kDAAkD;EAClD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,kDAAkD;EAClD,oDAAoD;EACpD,qDAAqD;EACrD,6CAA6C;EAC7C,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,iDAAiD;EACjD,iDAAiD;EACjD,iDAAiD;EACjD,gDAAgD;EAChD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,sDAAsD;EACtD,sDAAsD;EACtD,sDAAsD;EACtD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,4DAA4D;EAC5D,0DAA0D;EAC1D,2DAA2D;EAC3D,6DAA6D;EAC7D,uEAAuE;EACvE,gEAAgE;EAChE,iEAAiE;EACjE,wEAAwE;EACxE,yEAAyE;EACzE,iEAAiE;EACjE,0DAA0D;EAC1D,2DAA2D;EAC3D,kEAAkE;EAClE,mEAAmE;EACnE,oEAAoE;EACpE,kEAAkE;EAClE,mEAAmE;EACnE,iEAAiE;EACjE,2EAA2E;EAC3E,wEAAwE;EACxE,wEAAwE;EACxE,4EAA4E;EAC5E,qEAAqE;EACrE,kEAAkE;EAClE,kEAAkE;EAClE,sEAAsE;EACtE,4DAA4D;EAC5D,0DAA0D;EAC1D,2DAA2D;EAC3D,4DAA4D;EAC5D,sEAAsE;EACtE,gEAAgE;EAChE,iEAAiE;EACjE,uEAAuE;EACvE,gEAAgE;EAChE,0DAA0D;EAC1D,2DAA2D;EAC3D,iEAAiE;EACjE,mDAAmD;EACnD,iDAAiD;EACjD,kDAAkD;EAClD,oDAAoD;EACpD,wDAAwD;EACxD,yDAAyD;EACzD,2DAA2D;EAC3D,4DAA4D;EAC5D,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,sDAAsD;EACtD,uDAAuD;EACvD,yDAAyD;EACzD,0DAA0D;EAC1D,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,wDAAwD;EACxD,yDAAyD;EACzD,2DAA2D;EAC3D,4DAA4D;EAC5D,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,qDAAqD;EACrD,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,qDAAqD;EACrD,uDAAuD;EACvD,yDAAyD;EACzD,qDAAqD;EACrD,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,qDAAqD;EACrD,uDAAuD;EACvD,wDAAwD;EACxD,oDAAoD;EACpD,qDAAqD;EACrD,uDAAuD;EACvD,wDAAwD;EACxD,oDAAoD;EACpD,sDAAsD;EACtD,uDAAuD;EACvD,sDAAsD;EACtD,uDAAuD;EACvD,yDAAyD;EACzD,0DAA0D;EAC1D,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,0DAA0D;EAC1D,2DAA2D;EAC3D,6DAA6D;EAC7D,8DAA8D;EAC9D,0DAA0D;EAC1D,4DAA4D;EAC5D,6DAA6D;EAC7D,6DAA6D;EAC7D,8DAA8D;EAC9D,gEAAgE;EAChE,iEAAiE;EACjE,6DAA6D;EAC7D,+DAA+D;EAC/D,gEAAgE;EAChE,uDAAuD;EACvD,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,uDAAuD;EACvD,yDAAyD;EACzD,0DAA0D;EAC1D,sDAAsD;EACtD,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,yCAAyC;EACzC,wCAAwC;EACxC,8CAA8C;EAC9C,8CAA8C;EAC9C,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,6CAA6C;EAC7C,gDAAgD;EAChD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,kDAAkD;EAClD,+CAA+C;EAC/C,gDAAgD;EAChD,iDAAiD;EACjD,iDAAiD;EACjD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,gDAAgD;EAChD,kDAAkD;ECvUlD,wCAAwC;EACxC,8CAA8C;EAC9C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,4CAA4C;EAC5C,6CAA6C;EAC7C,6CAA6C;EAC7C,2CAA2C;EAC3C,6CAA6C;EAC7C,mDAAmD;EACnD,yDAAyD;EACzD,6CAA6C;EAC7C,gDAAgD;EAChD,+CAA+C;EAC/C,4CAA4C;EAC5C,qEAAqE;EACrE,mEAAmE;EACnE,oEAAoE;EACpE,kEAAkE;EAClE,4EAA4E;EAC5E,yEAAyE;EACzE,yEAAyE;EACzE,6EAA6E;EAC7E,sEAAsE;EACtE,mEAAmE;EACnE,mEAAmE;EACnE,uEAAuE;EACvE,6DAA6D;EAC7D,2DAA2D;EAC3D,4DAA4D;EAC5D,4DAA4D;EAC5D,gEAAgE;EAChE,2DAA2D;EAC3D,4DAA4D;EAC5D,iEAAiE;ADqSnE;;AC7UA;;EAEE","file":"index.css","sourcesContent":["/**\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"]}
package/dist/tokens.css CHANGED
@@ -135,10 +135,6 @@
135
135
  --t-fill-color-status-error-solid: hsl(8, 60%, 47%);
136
136
  --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);
137
137
  --t-fill-color-status-error-dim: hsl(7, 60%, 97%);
138
- --t-fill-color-alert-info: hsl(201, 96%, 48%);
139
- --t-fill-color-alert-success: hsl(122, 60%, 41%);
140
- --t-fill-color-alert-warning: hsl(43, 96%, 58%);
141
- --t-fill-color-alert-error: hsl(4, 77%, 59%);
142
138
  --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);
143
139
  --t-fill-color-tag-subtle-gray: hsl(0, 0%, 93%);
144
140
  --t-fill-color-tag-subtle-blue: hsl(220, 100%, 95%);
@@ -194,26 +190,18 @@
194
190
  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);
195
191
  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);
196
192
  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);
197
- --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);
198
- --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);
199
- --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);
200
- --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);
201
- --t-fill-color-button-default-info-outline-dim-default: hsla(0, 0%, 100%, 0);
202
- --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);
203
- --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);
204
- --t-fill-color-button-default-info-outline-dim-disabled: hsla(0, 0%, 100%, 0);
205
- --t-fill-color-button-default-info-ghost-default: hsla(0, 0%, 100%, 0);
206
- --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);
207
- --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);
208
- --t-fill-color-button-default-info-ghost-disabled: hsla(0, 0%, 100%, 0);
209
- --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
210
- --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
211
- --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
212
- --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);
213
- --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);
214
- --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
215
- --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
216
- --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
193
+ --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);
194
+ --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);
195
+ --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);
196
+ --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 81%);
197
+ --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);
198
+ --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);
199
+ --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);
200
+ --t-fill-color-button-interaction-outline-dim-disabled: hsla(0, 0%, 100%, 0);
201
+ --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);
202
+ --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);
203
+ --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);
204
+ --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);
217
205
  --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);
218
206
  --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);
219
207
  --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);
@@ -355,6 +343,30 @@
355
343
  --t-text-color-tag-purple: hsl(268, 71%, 27%);
356
344
  --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);
357
345
  --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);
346
+ --t-fill-color-alert-info: hsl(204, 94%, 49%);
347
+ --t-fill-color-alert-success: hsl(122, 60%, 41%);
348
+ --t-fill-color-alert-warning: hsl(43, 96%, 58%);
349
+ --t-fill-color-alert-error: hsl(4, 77%, 59%);
350
+ --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);
351
+ --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);
352
+ --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);
353
+ --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);
354
+ --t-fill-color-button-default-info-outline-dim-default: hsla(0, 0%, 100%, 0);
355
+ --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);
356
+ --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);
357
+ --t-fill-color-button-default-info-outline-dim-disabled: hsla(0, 0%, 100%, 0);
358
+ --t-fill-color-button-default-info-ghost-default: hsla(0, 0%, 100%, 0);
359
+ --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);
360
+ --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);
361
+ --t-fill-color-button-default-info-ghost-disabled: hsla(0, 0%, 100%, 0);
362
+ --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
363
+ --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
364
+ --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
365
+ --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);
366
+ --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);
367
+ --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
368
+ --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
369
+ --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
358
370
  }
359
371
 
360
372
  /**
package/dist/tokens.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"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","file":"tokens.css","sourcesContent":["/**\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-alert-info: hsl(201, 96%, 48%);\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-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-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 --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}\n"]}
1
+ {"version":3,"sources":["tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"AAAA;;EAEE;;AAEF;EACE,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,0BAA0B;EAC1B,6BAA6B;EAC7B,8BAA8B;EAC9B,4BAA4B;EAC5B,0BAA0B;EAC1B,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACvB,qBAAqB;EACrB,0BAA0B;EAC1B,0BAA0B;EAC1B,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,uBAAuB;EACvB,uBAAuB;EACvB,uBAAuB;EACvB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;EAC3B,2BAA2B;EAC3B,8BAA8B;EAC9B,yBAAyB;EACzB,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,0BAA0B;EAC1B,gDAAgD;EAChD,+CAA+C;EAC/C,iDAAiD;EACjD,gDAAgD;EAChD,mDAAmD;EACnD,iDAAiD;EACjD,uDAAuD;EACvD,qDAAqD;EACrD,sDAAsD;EACtD,uDAAuD;EACvD,8CAA8C;EAC9C,+CAA+C;EAC/C,gDAAgD;EAChD,iDAAiD;EACjD,6CAA6C;EAC7C,+CAA+C;EAC/C,kDAAkD;EAClD,kDAAkD;EAClD,kDAAkD;EAClD,mDAAmD;EACnD,oDAAoD;EACpD,oDAAoD;EACpD,kDAAkD;EAClD,oDAAoD;EACpD,qDAAqD;EACrD,6CAA6C;EAC7C,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,kDAAkD;EAClD,gDAAgD;EAChD,kDAAkD;EAClD,mDAAmD;EACnD,+CAA+C;EAC/C,iDAAiD;EACjD,2CAA2C;EAC3C,gDAAgD;EAChD,iDAAiD;EACjD,sDAAsD;EACtD,wDAAwD;EACxD,mDAAmD;EACnD,uDAAuD;EACvD,wDAAwD;EACxD,0DAA0D;EAC1D,wDAAwD;EACxD,qDAAqD;EACrD,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,4CAA4C;EAC5C,uDAAuD;EACvD,qDAAqD;EACrD,sDAAsD;EACtD,oDAAoD;EACpD,mDAAmD;EACnD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,8CAA8C;EAC9C,gDAAgD;EAChD,oDAAoD;EACpD,oDAAoD;EACpD,kDAAkD;EAClD,qDAAqD;EACrD,oDAAoD;EACpD,mDAAmD;EACnD,sDAAsD;EACtD,sDAAsD;EACtD,oDAAoD;EACpD,sDAAsD;EACtD,sDAAsD;EACtD,oDAAoD;EACpD,mDAAmD;EACnD,mDAAmD;EACnD,iDAAiD;EACjD,sDAAsD;EACtD,+CAA+C;EAC/C,mDAAmD;EACnD,qDAAqD;EACrD,yDAAyD;EACzD,wDAAwD;EACxD,wDAAwD;EACxD,wDAAwD;EACxD,yDAAyD;EACzD,yDAAyD;EACzD,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,kDAAkD;EAClD,kDAAkD;EAClD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,kDAAkD;EAClD,oDAAoD;EACpD,qDAAqD;EACrD,6CAA6C;EAC7C,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,iDAAiD;EACjD,iDAAiD;EACjD,iDAAiD;EACjD,gDAAgD;EAChD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,sDAAsD;EACtD,sDAAsD;EACtD,sDAAsD;EACtD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,4DAA4D;EAC5D,0DAA0D;EAC1D,2DAA2D;EAC3D,6DAA6D;EAC7D,uEAAuE;EACvE,gEAAgE;EAChE,iEAAiE;EACjE,wEAAwE;EACxE,yEAAyE;EACzE,iEAAiE;EACjE,0DAA0D;EAC1D,2DAA2D;EAC3D,kEAAkE;EAClE,mEAAmE;EACnE,oEAAoE;EACpE,kEAAkE;EAClE,mEAAmE;EACnE,iEAAiE;EACjE,2EAA2E;EAC3E,wEAAwE;EACxE,wEAAwE;EACxE,4EAA4E;EAC5E,qEAAqE;EACrE,kEAAkE;EAClE,kEAAkE;EAClE,sEAAsE;EACtE,4DAA4D;EAC5D,0DAA0D;EAC1D,2DAA2D;EAC3D,4DAA4D;EAC5D,sEAAsE;EACtE,gEAAgE;EAChE,iEAAiE;EACjE,uEAAuE;EACvE,gEAAgE;EAChE,0DAA0D;EAC1D,2DAA2D;EAC3D,iEAAiE;EACjE,mDAAmD;EACnD,iDAAiD;EACjD,kDAAkD;EAClD,oDAAoD;EACpD,wDAAwD;EACxD,yDAAyD;EACzD,2DAA2D;EAC3D,4DAA4D;EAC5D,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,sDAAsD;EACtD,uDAAuD;EACvD,yDAAyD;EACzD,0DAA0D;EAC1D,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,wDAAwD;EACxD,yDAAyD;EACzD,2DAA2D;EAC3D,4DAA4D;EAC5D,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,qDAAqD;EACrD,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,qDAAqD;EACrD,uDAAuD;EACvD,yDAAyD;EACzD,qDAAqD;EACrD,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,qDAAqD;EACrD,uDAAuD;EACvD,wDAAwD;EACxD,oDAAoD;EACpD,qDAAqD;EACrD,uDAAuD;EACvD,wDAAwD;EACxD,oDAAoD;EACpD,sDAAsD;EACtD,uDAAuD;EACvD,sDAAsD;EACtD,uDAAuD;EACvD,yDAAyD;EACzD,0DAA0D;EAC1D,sDAAsD;EACtD,wDAAwD;EACxD,yDAAyD;EACzD,0DAA0D;EAC1D,2DAA2D;EAC3D,6DAA6D;EAC7D,8DAA8D;EAC9D,0DAA0D;EAC1D,4DAA4D;EAC5D,6DAA6D;EAC7D,6DAA6D;EAC7D,8DAA8D;EAC9D,gEAAgE;EAChE,iEAAiE;EACjE,6DAA6D;EAC7D,+DAA+D;EAC/D,gEAAgE;EAChE,uDAAuD;EACvD,wDAAwD;EACxD,0DAA0D;EAC1D,2DAA2D;EAC3D,uDAAuD;EACvD,yDAAyD;EACzD,0DAA0D;EAC1D,sDAAsD;EACtD,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,yCAAyC;EACzC,wCAAwC;EACxC,8CAA8C;EAC9C,8CAA8C;EAC9C,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,6CAA6C;EAC7C,gDAAgD;EAChD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,kDAAkD;EAClD,+CAA+C;EAC/C,gDAAgD;EAChD,iDAAiD;EACjD,iDAAiD;EACjD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,gDAAgD;EAChD,kDAAkD;ECvUlD,wCAAwC;EACxC,8CAA8C;EAC9C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,4CAA4C;EAC5C,6CAA6C;EAC7C,6CAA6C;EAC7C,2CAA2C;EAC3C,6CAA6C;EAC7C,mDAAmD;EACnD,yDAAyD;EACzD,6CAA6C;EAC7C,gDAAgD;EAChD,+CAA+C;EAC/C,4CAA4C;EAC5C,qEAAqE;EACrE,mEAAmE;EACnE,oEAAoE;EACpE,kEAAkE;EAClE,4EAA4E;EAC5E,yEAAyE;EACzE,yEAAyE;EACzE,6EAA6E;EAC7E,sEAAsE;EACtE,mEAAmE;EACnE,mEAAmE;EACnE,uEAAuE;EACvE,6DAA6D;EAC7D,2DAA2D;EAC3D,4DAA4D;EAC5D,4DAA4D;EAC5D,gEAAgE;EAChE,2DAA2D;EAC3D,4DAA4D;EAC5D,iEAAiE;ADqSnE;;AC7UA;;EAEE","file":"tokens.css","sourcesContent":["/**\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"]}
package/dist/unstable.css CHANGED
@@ -135,10 +135,6 @@
135
135
  --t-fill-color-status-error-solid: hsl(8, 60%, 47%);
136
136
  --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);
137
137
  --t-fill-color-status-error-dim: hsl(7, 60%, 97%);
138
- --t-fill-color-alert-info: hsl(201, 96%, 48%);
139
- --t-fill-color-alert-success: hsl(122, 60%, 41%);
140
- --t-fill-color-alert-warning: hsl(43, 96%, 58%);
141
- --t-fill-color-alert-error: hsl(4, 77%, 59%);
142
138
  --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);
143
139
  --t-fill-color-tag-subtle-gray: hsl(0, 0%, 93%);
144
140
  --t-fill-color-tag-subtle-blue: hsl(220, 100%, 95%);
@@ -194,26 +190,18 @@
194
190
  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);
195
191
  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);
196
192
  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);
197
- --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);
198
- --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);
199
- --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);
200
- --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);
201
- --t-fill-color-button-default-info-outline-dim-default: hsla(0, 0%, 100%, 0);
202
- --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);
203
- --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);
204
- --t-fill-color-button-default-info-outline-dim-disabled: hsla(0, 0%, 100%, 0);
205
- --t-fill-color-button-default-info-ghost-default: hsla(0, 0%, 100%, 0);
206
- --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);
207
- --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);
208
- --t-fill-color-button-default-info-ghost-disabled: hsla(0, 0%, 100%, 0);
209
- --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
210
- --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
211
- --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
212
- --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);
213
- --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);
214
- --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
215
- --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
216
- --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
193
+ --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);
194
+ --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);
195
+ --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);
196
+ --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 81%);
197
+ --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);
198
+ --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);
199
+ --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);
200
+ --t-fill-color-button-interaction-outline-dim-disabled: hsla(0, 0%, 100%, 0);
201
+ --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);
202
+ --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);
203
+ --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);
204
+ --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);
217
205
  --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);
218
206
  --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);
219
207
  --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);
@@ -355,6 +343,30 @@
355
343
  --t-text-color-tag-purple: hsl(268, 71%, 27%);
356
344
  --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);
357
345
  --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);
346
+ --t-fill-color-alert-info: hsl(204, 94%, 49%);
347
+ --t-fill-color-alert-success: hsl(122, 60%, 41%);
348
+ --t-fill-color-alert-warning: hsl(43, 96%, 58%);
349
+ --t-fill-color-alert-error: hsl(4, 77%, 59%);
350
+ --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);
351
+ --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);
352
+ --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);
353
+ --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);
354
+ --t-fill-color-button-default-info-outline-dim-default: hsla(0, 0%, 100%, 0);
355
+ --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);
356
+ --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);
357
+ --t-fill-color-button-default-info-outline-dim-disabled: hsla(0, 0%, 100%, 0);
358
+ --t-fill-color-button-default-info-ghost-default: hsla(0, 0%, 100%, 0);
359
+ --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);
360
+ --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);
361
+ --t-fill-color-button-default-info-ghost-disabled: hsla(0, 0%, 100%, 0);
362
+ --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
363
+ --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
364
+ --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
365
+ --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);
366
+ --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);
367
+ --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
368
+ --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
369
+ --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
358
370
  }
359
371
 
360
372
  /**
package/dist/unstable.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["tokens-alias.css","tokens-alias-deprecated.css","../../tokens/css/components/banner.css","Banner.css"],"names":[],"mappings":"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","file":"unstable.css","sourcesContent":["/**\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-alert-info: hsl(201, 96%, 48%);\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-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-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 --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}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n.t-banner {\n --t-banner-font-size: var(--t-font-size-md);\n --t-banner-font-color: var(--t-text-color-default-primary);\n --t-banner-background-color: var(--t-fill-color-status-neutral-ghost);\n --t-banner-spacing: var(--t-spacing-2);\n --t-banner-border-radius: var(--t-border-radius-md);\n --t-banner-title-font-color: var(--t-text-color-default-headline);\n --t-banner-title-font-size: var(--t-font-size-md);\n --t-banner-title-font-weight: var(--t-font-weight-semi-bold);\n --t-banner-icon-fill-color: hsla(0, 0%, 0%, 0);\n --t-banner-background-color-info: var(--t-fill-color-status-info-ghost);\n --t-banner-icon-fill-color-info: var(--t-icon-color-status-info-primary);\n --t-banner-background-color-warning: var(--t-fill-color-status-warning-ghost);\n --t-banner-icon-fill-color-warning: var(--t-icon-color-status-warning-primary);\n --t-banner-background-color-error: var(--t-fill-color-status-error-ghost);\n --t-banner-icon-fill-color-error: var(--t-icon-color-status-error-primary);\n --t-banner-background-color-success: var(--t-fill-color-status-success-ghost);\n --t-banner-icon-fill-color-success: var(--t-icon-color-status-success-primary);\n --t-banner-link-font-color-hover: var(--t-text-color-default-headline);\n}\n","@import \"../../tokens/css/components/banner.css\";\n\n.t-banner {\n font-size: var(--t-banner-font-size);\n color: var(--t-banner-font-color);\n line-height: 1.4;\n background-color: var(--t-banner-background-color);\n padding: var(--t-banner-spacing);\n border-radius: var(--t-banner-border-radius);\n display: flex;\n gap: var(--t-banner-spacing);\n}\n\n.t-banner-title {\n font-size: var(--t-banner-title-font-size);\n font-weight: var(--t-banner-title-font-weight);\n color: var(--t-banner-title-font-color);\n margin-bottom: var(--t-spacing-half);\n display: block;\n}\n\n.t-banner-icon {\n margin-top: 1px;\n}\n.t-banner-icon svg {\n fill: var(--t-banner-icon-fill-color);\n}\n\n.t-banner-body a {\n color: inherit;\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color 0.1s linear;\n}\n.t-banner-body a:hover {\n color: var(--t-banner-cta-font-color-hover);\n}\n\n.t-banner--status-info {\n --t-banner-background-color: var(--t-banner-background-color-info);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-info);\n}\n\n.t-banner--status-warning {\n --t-banner-background-color: var(--t-banner-background-color-warning);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-warning);\n}\n\n.t-banner--status-error {\n --t-banner-background-color: var(--t-banner-background-color-error);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-error);\n}\n\n.t-banner--status-success {\n --t-banner-background-color: var(--t-banner-background-color-success);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-success);\n}\n\n.t-banner--sm {\n --t-banner-spacing: calc(var(--t-spacing-half) + var(--t-spacing-1));\n}\n"]}
1
+ {"version":3,"sources":["tokens-alias.css","tokens-alias-deprecated.css","../../tokens/css/components/banner.css","Banner.css"],"names":[],"mappings":"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","file":"unstable.css","sourcesContent":["/**\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","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n.t-banner {\n --t-banner-font-size: var(--t-font-size-md);\n --t-banner-font-color: var(--t-text-color-default-primary);\n --t-banner-background-color: var(--t-fill-color-status-neutral-ghost);\n --t-banner-spacing: var(--t-spacing-2);\n --t-banner-border-radius: var(--t-border-radius-md);\n --t-banner-title-font-color: var(--t-text-color-default-headline);\n --t-banner-title-font-size: var(--t-font-size-md);\n --t-banner-title-font-weight: var(--t-font-weight-semi-bold);\n --t-banner-icon-fill-color: hsla(0, 0%, 0%, 0);\n --t-banner-background-color-info: var(--t-fill-color-status-info-ghost);\n --t-banner-icon-fill-color-info: var(--t-icon-color-status-info-primary);\n --t-banner-background-color-warning: var(--t-fill-color-status-warning-ghost);\n --t-banner-icon-fill-color-warning: var(--t-icon-color-status-warning-primary);\n --t-banner-background-color-error: var(--t-fill-color-status-error-ghost);\n --t-banner-icon-fill-color-error: var(--t-icon-color-status-error-primary);\n --t-banner-background-color-success: var(--t-fill-color-status-success-ghost);\n --t-banner-icon-fill-color-success: var(--t-icon-color-status-success-primary);\n --t-banner-link-font-color-hover: var(--t-text-color-default-headline);\n}\n","@import \"../../tokens/css/components/banner.css\";\n\n.t-banner {\n font-size: var(--t-banner-font-size);\n color: var(--t-banner-font-color);\n line-height: 1.4;\n background-color: var(--t-banner-background-color);\n padding: var(--t-banner-spacing);\n border-radius: var(--t-banner-border-radius);\n display: flex;\n gap: var(--t-banner-spacing);\n}\n\n.t-banner-title {\n font-size: var(--t-banner-title-font-size);\n font-weight: var(--t-banner-title-font-weight);\n color: var(--t-banner-title-font-color);\n margin-bottom: var(--t-spacing-half);\n display: block;\n}\n\n.t-banner-icon {\n margin-top: 1px;\n}\n.t-banner-icon svg {\n fill: var(--t-banner-icon-fill-color);\n}\n\n.t-banner-body a {\n color: inherit;\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color 0.1s linear;\n}\n.t-banner-body a:hover {\n color: var(--t-banner-cta-font-color-hover);\n}\n\n.t-banner--status-info {\n --t-banner-background-color: var(--t-banner-background-color-info);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-info);\n}\n\n.t-banner--status-warning {\n --t-banner-background-color: var(--t-banner-background-color-warning);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-warning);\n}\n\n.t-banner--status-error {\n --t-banner-background-color: var(--t-banner-background-color-error);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-error);\n}\n\n.t-banner--status-success {\n --t-banner-background-color: var(--t-banner-background-color-success);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-success);\n}\n\n.t-banner--sm {\n --t-banner-spacing: calc(var(--t-spacing-half) + var(--t-spacing-1));\n}\n"]}
package/dist/webComponents.css CHANGED
@@ -135,10 +135,6 @@
135
135
  --t-fill-color-status-error-solid: hsl(8, 60%, 47%);
136
136
  --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);
137
137
  --t-fill-color-status-error-dim: hsl(7, 60%, 97%);
138
- --t-fill-color-alert-info: hsl(201, 96%, 48%);
139
- --t-fill-color-alert-success: hsl(122, 60%, 41%);
140
- --t-fill-color-alert-warning: hsl(43, 96%, 58%);
141
- --t-fill-color-alert-error: hsl(4, 77%, 59%);
142
138
  --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);
143
139
  --t-fill-color-tag-subtle-gray: hsl(0, 0%, 93%);
144
140
  --t-fill-color-tag-subtle-blue: hsl(220, 100%, 95%);
@@ -194,26 +190,18 @@
194
190
  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);
195
191
  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);
196
192
  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);
197
- --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);
198
- --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);
199
- --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);
200
- --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);
201
- --t-fill-color-button-default-info-outline-dim-default: hsla(0, 0%, 100%, 0);
202
- --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);
203
- --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);
204
- --t-fill-color-button-default-info-outline-dim-disabled: hsla(0, 0%, 100%, 0);
205
- --t-fill-color-button-default-info-ghost-default: hsla(0, 0%, 100%, 0);
206
- --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);
207
- --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);
208
- --t-fill-color-button-default-info-ghost-disabled: hsla(0, 0%, 100%, 0);
209
- --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
210
- --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
211
- --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
212
- --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);
213
- --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);
214
- --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
215
- --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
216
- --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
193
+ --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);
194
+ --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);
195
+ --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);
196
+ --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 81%);
197
+ --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);
198
+ --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);
199
+ --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);
200
+ --t-fill-color-button-interaction-outline-dim-disabled: hsla(0, 0%, 100%, 0);
201
+ --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);
202
+ --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);
203
+ --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);
204
+ --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);
217
205
  --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);
218
206
  --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);
219
207
  --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);
@@ -355,6 +343,30 @@
355
343
  --t-text-color-tag-purple: hsl(268, 71%, 27%);
356
344
  --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);
357
345
  --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);
346
+ --t-fill-color-alert-info: hsl(204, 94%, 49%);
347
+ --t-fill-color-alert-success: hsl(122, 60%, 41%);
348
+ --t-fill-color-alert-warning: hsl(43, 96%, 58%);
349
+ --t-fill-color-alert-error: hsl(4, 77%, 59%);
350
+ --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);
351
+ --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);
352
+ --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);
353
+ --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);
354
+ --t-fill-color-button-default-info-outline-dim-default: hsla(0, 0%, 100%, 0);
355
+ --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);
356
+ --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);
357
+ --t-fill-color-button-default-info-outline-dim-disabled: hsla(0, 0%, 100%, 0);
358
+ --t-fill-color-button-default-info-ghost-default: hsla(0, 0%, 100%, 0);
359
+ --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);
360
+ --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);
361
+ --t-fill-color-button-default-info-ghost-disabled: hsla(0, 0%, 100%, 0);
362
+ --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
363
+ --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
364
+ --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
365
+ --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);
366
+ --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);
367
+ --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
368
+ --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
369
+ --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
358
370
  }
359
371
 
360
372
  /**
package/dist/webComponents.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["tokens-alias.css","tokens-alias-deprecated.css","../../tokens/css/components/banner.css","Banner.css"],"names":[],"mappings":"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","file":"webComponents.css","sourcesContent":["/**\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-alert-info: hsl(201, 96%, 48%);\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-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-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 --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}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n.t-banner {\n --t-banner-font-size: var(--t-font-size-md);\n --t-banner-font-color: var(--t-text-color-default-primary);\n --t-banner-background-color: var(--t-fill-color-status-neutral-ghost);\n --t-banner-spacing: var(--t-spacing-2);\n --t-banner-border-radius: var(--t-border-radius-md);\n --t-banner-title-font-color: var(--t-text-color-default-headline);\n --t-banner-title-font-size: var(--t-font-size-md);\n --t-banner-title-font-weight: var(--t-font-weight-semi-bold);\n --t-banner-icon-fill-color: hsla(0, 0%, 0%, 0);\n --t-banner-background-color-info: var(--t-fill-color-status-info-ghost);\n --t-banner-icon-fill-color-info: var(--t-icon-color-status-info-primary);\n --t-banner-background-color-warning: var(--t-fill-color-status-warning-ghost);\n --t-banner-icon-fill-color-warning: var(--t-icon-color-status-warning-primary);\n --t-banner-background-color-error: var(--t-fill-color-status-error-ghost);\n --t-banner-icon-fill-color-error: var(--t-icon-color-status-error-primary);\n --t-banner-background-color-success: var(--t-fill-color-status-success-ghost);\n --t-banner-icon-fill-color-success: var(--t-icon-color-status-success-primary);\n --t-banner-link-font-color-hover: var(--t-text-color-default-headline);\n}\n","@import \"../../tokens/css/components/banner.css\";\n\n.t-banner {\n font-size: var(--t-banner-font-size);\n color: var(--t-banner-font-color);\n line-height: 1.4;\n background-color: var(--t-banner-background-color);\n padding: var(--t-banner-spacing);\n border-radius: var(--t-banner-border-radius);\n display: flex;\n gap: var(--t-banner-spacing);\n}\n\n.t-banner-title {\n font-size: var(--t-banner-title-font-size);\n font-weight: var(--t-banner-title-font-weight);\n color: var(--t-banner-title-font-color);\n margin-bottom: var(--t-spacing-half);\n display: block;\n}\n\n.t-banner-icon {\n margin-top: 1px;\n}\n.t-banner-icon svg {\n fill: var(--t-banner-icon-fill-color);\n}\n\n.t-banner-body a {\n color: inherit;\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color 0.1s linear;\n}\n.t-banner-body a:hover {\n color: var(--t-banner-cta-font-color-hover);\n}\n\n.t-banner--status-info {\n --t-banner-background-color: var(--t-banner-background-color-info);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-info);\n}\n\n.t-banner--status-warning {\n --t-banner-background-color: var(--t-banner-background-color-warning);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-warning);\n}\n\n.t-banner--status-error {\n --t-banner-background-color: var(--t-banner-background-color-error);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-error);\n}\n\n.t-banner--status-success {\n --t-banner-background-color: var(--t-banner-background-color-success);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-success);\n}\n\n.t-banner--sm {\n --t-banner-spacing: calc(var(--t-spacing-half) + var(--t-spacing-1));\n}\n"]}
1
+ {"version":3,"sources":["tokens-alias.css","tokens-alias-deprecated.css","../../tokens/css/components/banner.css","Banner.css"],"names":[],"mappings":"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","file":"webComponents.css","sourcesContent":["/**\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","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n.t-banner {\n --t-banner-font-size: var(--t-font-size-md);\n --t-banner-font-color: var(--t-text-color-default-primary);\n --t-banner-background-color: var(--t-fill-color-status-neutral-ghost);\n --t-banner-spacing: var(--t-spacing-2);\n --t-banner-border-radius: var(--t-border-radius-md);\n --t-banner-title-font-color: var(--t-text-color-default-headline);\n --t-banner-title-font-size: var(--t-font-size-md);\n --t-banner-title-font-weight: var(--t-font-weight-semi-bold);\n --t-banner-icon-fill-color: hsla(0, 0%, 0%, 0);\n --t-banner-background-color-info: var(--t-fill-color-status-info-ghost);\n --t-banner-icon-fill-color-info: var(--t-icon-color-status-info-primary);\n --t-banner-background-color-warning: var(--t-fill-color-status-warning-ghost);\n --t-banner-icon-fill-color-warning: var(--t-icon-color-status-warning-primary);\n --t-banner-background-color-error: var(--t-fill-color-status-error-ghost);\n --t-banner-icon-fill-color-error: var(--t-icon-color-status-error-primary);\n --t-banner-background-color-success: var(--t-fill-color-status-success-ghost);\n --t-banner-icon-fill-color-success: var(--t-icon-color-status-success-primary);\n --t-banner-link-font-color-hover: var(--t-text-color-default-headline);\n}\n","@import \"../../tokens/css/components/banner.css\";\n\n.t-banner {\n font-size: var(--t-banner-font-size);\n color: var(--t-banner-font-color);\n line-height: 1.4;\n background-color: var(--t-banner-background-color);\n padding: var(--t-banner-spacing);\n border-radius: var(--t-banner-border-radius);\n display: flex;\n gap: var(--t-banner-spacing);\n}\n\n.t-banner-title {\n font-size: var(--t-banner-title-font-size);\n font-weight: var(--t-banner-title-font-weight);\n color: var(--t-banner-title-font-color);\n margin-bottom: var(--t-spacing-half);\n display: block;\n}\n\n.t-banner-icon {\n margin-top: 1px;\n}\n.t-banner-icon svg {\n fill: var(--t-banner-icon-fill-color);\n}\n\n.t-banner-body a {\n color: inherit;\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color 0.1s linear;\n}\n.t-banner-body a:hover {\n color: var(--t-banner-cta-font-color-hover);\n}\n\n.t-banner--status-info {\n --t-banner-background-color: var(--t-banner-background-color-info);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-info);\n}\n\n.t-banner--status-warning {\n --t-banner-background-color: var(--t-banner-background-color-warning);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-warning);\n}\n\n.t-banner--status-error {\n --t-banner-background-color: var(--t-banner-background-color-error);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-error);\n}\n\n.t-banner--status-success {\n --t-banner-background-color: var(--t-banner-background-color-success);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-success);\n}\n\n.t-banner--sm {\n --t-banner-spacing: calc(var(--t-spacing-half) + var(--t-spacing-1));\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@planningcenter/tapestry",
3
- "version": "0.2.1",
3
+ "version": "0.3.0-rc.0",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "prepare": "yarn build:tokens",
@@ -10,7 +10,7 @@
10
10
  "build:tokens": "node ./src/tokens/style-dictionary.build.js",
11
11
  "storybook": "storybook dev -p 6006",
12
12
  "lint": "eslint .",
13
- "test": "vitest run",
13
+ "test": "vitest",
14
14
  "test:visual": "yarn build:storybook && yarn loki test --reactUri file:./storybook-static"
15
15
  },
16
16
  "peerDependencies": {
@@ -28,6 +28,7 @@
28
28
  "./tokens.css": "./dist/tokens.css"
29
29
  },
30
30
  "devDependencies": {
31
+ "@eslint/js": "^9.9.0",
31
32
  "@rollup/plugin-commonjs": "^26.0.1",
32
33
  "@rollup/plugin-node-resolve": "^15.2.3",
33
34
  "@rollup/plugin-typescript": "^11.1.6",
@@ -53,6 +54,17 @@
53
54
  "@types/react-dom": "^18.3.0",
54
55
  "@vitejs/plugin-react-swc": "^3.5.0",
55
56
  "@whitespace/storybook-addon-html": "^6.1.1",
57
+ "eslint": "^9.9.0",
58
+ "eslint-plugin-jsx-a11y": "^6.4.1",
59
+ "eslint-plugin-react": "^7.22.0",
60
+ "eslint-plugin-react-hooks": "^5.1.0-rc.0",
61
+ "eslint-plugin-react-refresh": "^0.4.9",
62
+ "eslint-plugin-simple-import-sort": "^12.0.0",
63
+ "eslint-plugin-sort-keys-fix": "^1.1.2",
64
+ "eslint-plugin-storybook": "^0.8.0",
65
+ "eslint-plugin-typescript-sort-keys": "^3.2.0",
66
+ "eslint-plugin-vitest": "^0.5.4",
67
+ "globals": "^15.9.0",
56
68
  "jsdom": "^25.0.0",
57
69
  "loki": "^0.35.1",
58
70
  "postcss": "^8.4.38",
@@ -72,12 +84,13 @@
72
84
  "storybook": "^8.2.9",
73
85
  "style-dictionary": "^4.2.0",
74
86
  "typescript": "^5.5.3",
87
+ "typescript-eslint": "^8.0.1",
75
88
  "vitest": "^2.0.5"
76
89
  },
77
90
  "dependencies": {
78
91
  "@planningcenter/icons": "^15.17.0",
79
92
  "@planningcenter/symbol": "^4.0.0-alpha.2",
80
- "@planningcenter/tapestry-wrap": "^0.2.1",
93
+ "@planningcenter/tapestry-wrap": "^0.1.1",
81
94
  "classnames": "^2.5.1",
82
95
  "lodash": "^4.17.21"
83
96
  },
@@ -91,6 +104,5 @@
91
104
  "mobile": false
92
105
  }
93
106
  }
94
- },
95
- "gitHead": "fd4232b1e4a420cad5649d0ed6adfc3ee2183430"
107
+ }
96
108
  }