@servicetitan/anvil2 3.14.0 → 3.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/Card-Bt0F6RTq.js.map +1 -1
- package/dist/Layout-C2Q2hyLG.js.map +1 -1
- package/dist/{Page-BmpojvuI.js → Page-pfK5iSmv.js} +2 -2
- package/dist/Page-pfK5iSmv.js.map +1 -0
- package/dist/Page.js +1 -1
- package/dist/beta.js +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/beta/components/Page/Page.d.ts +1 -1
- package/dist/src/beta/components/Page/PageHeader.d.ts +7 -3
- package/dist/src/components/Card/Card.d.ts +5 -12
- package/dist/src/components/Layout/Layout.d.ts +15 -3
- package/dist/src/components/Page/Page.d.ts +1 -1
- package/dist/src/components/Page/PageHeader.d.ts +7 -3
- package/dist/token/core/component-variables.scss +145 -67
- package/dist/token/core/component.d.ts +39 -0
- package/dist/token/core/component.js +574 -67
- package/dist/token/core/component.scss +96 -57
- package/dist/token.js +613 -67
- package/dist/token.js.map +1 -1
- package/package.json +2 -2
- package/dist/Page-BmpojvuI.js.map +0 -1
|
@@ -198,87 +198,126 @@ $chip-close-background-color: var(--a2-chip-close-background-color, rgba(0, 0, 0
|
|
|
198
198
|
$chip-close-background-color-hover: var(--a2-chip-close-background-color-hover, var(--a2-background-color-strongest-hover, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-400, #8b8b8b))));
|
|
199
199
|
$chip-close-background-color-active: var(--a2-chip-close-background-color-active, var(--a2-background-color-strongest-active, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-300, #a8a8a8))));
|
|
200
200
|
// non-interactive
|
|
201
|
-
$chip-default-background-color: var(--a2-chip-default-background-color, var(--a2-background-color-strong,
|
|
202
|
-
$chip-default-background-color-hover: var(--a2-chip-default-background-color-hover, var(--a2-background-color-stronger,
|
|
203
|
-
$chip-default-background-color-active: var(--a2-chip-default-background-color-active, var(--a2-background-color-
|
|
201
|
+
$chip-default-background-color: var(--a2-chip-default-background-color, light-dark(var(--a2-background-color-strong, var(--a2-color-neutral-20, #f9f9f9)), var(--a2-color-neutral-800, #292929)));
|
|
202
|
+
$chip-default-background-color-hover: var(--a2-chip-default-background-color-hover, light-dark(var(--a2-background-color-stronger, var(--a2-color-neutral-50, #eeeeee)), var(--a2-color-neutral-700, #404040)));
|
|
203
|
+
$chip-default-background-color-active: var(--a2-chip-default-background-color-active, light-dark(var(--a2-background-color-stronger, var(--a2-color-neutral-50, #eeeeee)), var(--a2-color-neutral-700, #404040)));
|
|
204
204
|
// non-interactive
|
|
205
|
-
$chip-default-border-color: var(--a2-chip-default-border-color, var(--a2-background-color-stronger,
|
|
206
|
-
$chip-default-border-color-hover: var(--a2-chip-default-border-color-hover, light-dark(var(--a2-background-color-strongest, var(--a2-color-neutral-200, #c4c4c4)), var(--a2-
|
|
207
|
-
$chip-default-border-color-active: var(--a2-chip-default-border-color-active, light-dark(var(--a2-background-color-strongest-hover, var(--a2-color-neutral-300, #a8a8a8)), var(--a2-
|
|
205
|
+
$chip-default-border-color: var(--a2-chip-default-border-color, light-dark(var(--a2-background-color-stronger, var(--a2-color-neutral-50, #eeeeee)), var(--a2-color-neutral-600, #545454)));
|
|
206
|
+
$chip-default-border-color-hover: var(--a2-chip-default-border-color-hover, light-dark(var(--a2-background-color-strongest, var(--a2-color-neutral-200, #c4c4c4)), var(--a2-color-neutral-500, #707070)));
|
|
207
|
+
$chip-default-border-color-active: var(--a2-chip-default-border-color-active, light-dark(var(--a2-background-color-strongest-hover, var(--a2-color-neutral-300, #a8a8a8)), var(--a2-color-neutral-400, #8b8b8b)));
|
|
208
|
+
$chip-default-foreground-color: var(--a2-chip-default-foreground-color, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-30, #f6f6f6)));
|
|
209
|
+
$chip-default-foreground-color-hover: var(--a2-chip-default-foreground-color-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-30, #f6f6f6)));
|
|
210
|
+
$chip-default-foreground-color-active: var(--a2-chip-default-foreground-color-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
208
211
|
// call-out
|
|
209
212
|
$chip-info-background-color: var(--a2-chip-info-background-color, light-dark(var(--a2-color-blue-100, #cce3ff), var(--a2-color-blue-900, #002047)));
|
|
210
213
|
$chip-info-background-color-hover: var(--a2-chip-info-background-color-hover, light-dark(var(--a2-color-blue-200, #9ecaff), var(--a2-color-blue-800, #003472)));
|
|
211
|
-
$chip-info-background-color-active: var(--a2-chip-info-background-color-active, light-dark(var(--a2-color-blue-200, #9ecaff), var(--a2-color-blue-
|
|
214
|
+
$chip-info-background-color-active: var(--a2-chip-info-background-color-active, light-dark(var(--a2-color-blue-200, #9ecaff), var(--a2-color-blue-800, #003472)));
|
|
212
215
|
// call-out
|
|
213
|
-
$chip-info-border-color: var(--a2-chip-info-border-color, light-dark(var(--a2-color-blue-200, #9ecaff), var(--a2-color-blue-
|
|
214
|
-
$chip-info-border-color-hover: var(--a2-chip-info-border-color-hover, light-dark(var(--a2-color-blue-300, #70b1ff), var(--a2-color-blue-
|
|
215
|
-
$chip-info-border-color-active: var(--a2-chip-info-border-color-active, light-dark(var(--a2-color-blue-400, #3d95ff), var(--a2-color-blue-
|
|
216
|
+
$chip-info-border-color: var(--a2-chip-info-border-color, light-dark(var(--a2-color-blue-200, #9ecaff), var(--a2-color-blue-700, #1d4ca3)));
|
|
217
|
+
$chip-info-border-color-hover: var(--a2-chip-info-border-color-hover, light-dark(var(--a2-color-blue-300, #70b1ff), var(--a2-color-blue-600, #0265dc)));
|
|
218
|
+
$chip-info-border-color-active: var(--a2-chip-info-border-color-active, light-dark(var(--a2-color-blue-400, #3d95ff), var(--a2-color-blue-500, #1a82ff)));
|
|
219
|
+
$chip-info-foreground-color: var(--a2-chip-info-foreground-color, light-dark(var(--a2-color-blue-900, #002047), var(--a2-color-blue-10, #fafcff)));
|
|
220
|
+
$chip-info-foreground-color-hover: var(--a2-chip-info-foreground-color-hover, light-dark(var(--a2-color-blue-900, #002047), var(--a2-color-blue-10, #fafcff)));
|
|
221
|
+
$chip-info-foreground-color-active: var(--a2-chip-info-foreground-color-active, light-dark(var(--a2-color-blue-950, #000b19), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
216
222
|
$chip-success-background-color: var(--a2-chip-success-background-color, light-dark(var(--a2-color-green-100, #b8f5dd), var(--a2-color-green-900, #022c1c)));
|
|
217
223
|
$chip-success-background-color-hover: var(--a2-chip-success-background-color-hover, light-dark(var(--a2-color-green-200, #70ebbc), var(--a2-color-green-800, #04482e)));
|
|
218
|
-
$chip-success-background-color-active: var(--a2-chip-success-background-color-active, light-dark(var(--a2-color-green-
|
|
219
|
-
$chip-success-border-color: var(--a2-chip-success-border-color, light-dark(var(--a2-color-green-200, #70ebbc), var(--a2-color-green-
|
|
220
|
-
$chip-success-border-color-hover: var(--a2-chip-success-border-color-hover, light-dark(var(--a2-color-green-300, #3be3a2), var(--a2-color-green-
|
|
221
|
-
$chip-success-border-color-active: var(--a2-chip-success-border-color-active, light-dark(var(--a2-color-green-400, #0bd085), var(--a2-color-green-
|
|
224
|
+
$chip-success-background-color-active: var(--a2-chip-success-background-color-active, light-dark(var(--a2-color-green-200, #70ebbc), var(--a2-color-green-800, #04482e)));
|
|
225
|
+
$chip-success-border-color: var(--a2-chip-success-border-color, light-dark(var(--a2-color-green-200, #70ebbc), var(--a2-color-green-700, #05613e)));
|
|
226
|
+
$chip-success-border-color-hover: var(--a2-chip-success-border-color-hover, light-dark(var(--a2-color-green-300, #3be3a2), var(--a2-color-green-600, #077e50)));
|
|
227
|
+
$chip-success-border-color-active: var(--a2-chip-success-border-color-active, light-dark(var(--a2-color-green-400, #0bd085), var(--a2-color-green-500, #0aa86c)));
|
|
228
|
+
$chip-success-foreground-color: var(--a2-chip-success-foreground-color, light-dark(var(--a2-color-green-900, #022c1c), var(--a2-color-green-10, #f5fefb)));
|
|
229
|
+
$chip-success-foreground-color-hover: var(--a2-chip-success-foreground-color-hover, light-dark(var(--a2-color-green-900, #022c1c), var(--a2-color-green-10, #f5fefb)));
|
|
230
|
+
$chip-success-foreground-color-active: var(--a2-chip-success-foreground-color-active, light-dark(var(--a2-color-green-950, #010f0a), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
222
231
|
$chip-warning-background-color: var(--a2-chip-warning-background-color, light-dark(var(--a2-color-yellow-100, #fff9e2), var(--a2-color-yellow-900, #382500)));
|
|
223
232
|
$chip-warning-background-color-hover: var(--a2-chip-warning-background-color-hover, light-dark(var(--a2-color-yellow-200, #fff0b1), var(--a2-color-yellow-800, #704b00)));
|
|
224
|
-
$chip-warning-background-color-active: var(--a2-chip-warning-background-color-active, light-dark(var(--a2-color-yellow-
|
|
225
|
-
$chip-warning-border-color: var(--a2-chip-warning-border-color, light-dark(var(--a2-color-yellow-200, #fff0b1), var(--a2-color-yellow-
|
|
226
|
-
$chip-warning-border-color-hover: var(--a2-chip-warning-border-color-hover, light-dark(var(--a2-color-yellow-300, #ffe278), var(--a2-color-yellow-
|
|
227
|
-
$chip-warning-border-color-active: var(--a2-chip-warning-border-color-active, light-dark(var(--a2-color-yellow-400, #ffc902), var(--a2-color-yellow-
|
|
233
|
+
$chip-warning-background-color-active: var(--a2-chip-warning-background-color-active, light-dark(var(--a2-color-yellow-200, #fff0b1), var(--a2-color-yellow-800, #704b00)));
|
|
234
|
+
$chip-warning-border-color: var(--a2-chip-warning-border-color, light-dark(var(--a2-color-yellow-200, #fff0b1), var(--a2-color-yellow-800, #704b00)));
|
|
235
|
+
$chip-warning-border-color-hover: var(--a2-chip-warning-border-color-hover, light-dark(var(--a2-color-yellow-300, #ffe278), var(--a2-color-yellow-700, #c98600)));
|
|
236
|
+
$chip-warning-border-color-active: var(--a2-chip-warning-border-color-active, light-dark(var(--a2-color-yellow-400, #ffc902), var(--a2-color-yellow-600, #de9500)));
|
|
237
|
+
$chip-warning-foreground-color: var(--a2-chip-warning-foreground-color, light-dark(var(--a2-color-yellow-900, #382500), var(--a2-color-yellow-10, #fffef8)));
|
|
238
|
+
$chip-warning-foreground-color-hover: var(--a2-chip-warning-foreground-color-hover, light-dark(var(--a2-color-yellow-900, #382500), var(--a2-color-yellow-10, #fffef8)));
|
|
239
|
+
$chip-warning-foreground-color-active: var(--a2-chip-warning-foreground-color-active, light-dark(var(--a2-color-yellow-950, #191100), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
228
240
|
$chip-danger-background-color: var(--a2-chip-danger-background-color, light-dark(var(--a2-color-red-50, #ffe9e5), var(--a2-color-red-900, #470b00)));
|
|
229
241
|
$chip-danger-background-color-hover: var(--a2-chip-danger-background-color-hover, light-dark(var(--a2-color-red-100, #ffd4cc), var(--a2-color-red-800, #731100)));
|
|
230
|
-
$chip-danger-background-color-active: var(--a2-chip-danger-background-color-active, light-dark(var(--a2-color-red-
|
|
231
|
-
$chip-danger-border-color: var(--a2-chip-danger-border-color, light-dark(var(--a2-color-red-100, #ffd4cc), var(--a2-color-red-
|
|
232
|
-
$chip-danger-border-color-hover: var(--a2-chip-danger-border-color-hover, light-dark(var(--a2-color-red-200, #ffac9e), var(--a2-color-red-
|
|
233
|
-
$chip-danger-border-color-active: var(--a2-chip-danger-border-color-active, light-dark(var(--a2-color-red-300, #ff8670), var(--a2-color-red-
|
|
242
|
+
$chip-danger-background-color-active: var(--a2-chip-danger-background-color-active, light-dark(var(--a2-color-red-100, #ffd4cc), var(--a2-color-red-800, #731100)));
|
|
243
|
+
$chip-danger-border-color: var(--a2-chip-danger-border-color, light-dark(var(--a2-color-red-100, #ffd4cc), var(--a2-color-red-700, #a31900)));
|
|
244
|
+
$chip-danger-border-color-hover: var(--a2-chip-danger-border-color-hover, light-dark(var(--a2-color-red-200, #ffac9e), var(--a2-color-red-600, #d62100)));
|
|
245
|
+
$chip-danger-border-color-active: var(--a2-chip-danger-border-color-active, light-dark(var(--a2-color-red-300, #ff8670), var(--a2-color-red-500, #ff3914)));
|
|
246
|
+
$chip-danger-foreground-color: var(--a2-chip-danger-foreground-color, light-dark(var(--a2-color-red-900, #470b00), var(--a2-color-red-10, #fffbfa)));
|
|
247
|
+
$chip-danger-foreground-color-hover: var(--a2-chip-danger-foreground-color-hover, light-dark(var(--a2-color-red-900, #470b00), var(--a2-color-red-10, #fffbfa)));
|
|
248
|
+
$chip-danger-foreground-color-active: var(--a2-chip-danger-foreground-color-active, light-dark(var(--a2-color-red-950, #0a0200), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
234
249
|
$chip-in-progress-background-color: var(--a2-chip-in-progress-background-color, light-dark(var(--a2-color-cyan-50, #daf7fc), var(--a2-color-cyan-900, #032025)));
|
|
235
250
|
$chip-in-progress-background-color-hover: var(--a2-chip-in-progress-background-color-hover, light-dark(var(--a2-color-cyan-100, #c2f2fb), var(--a2-color-cyan-800, #05424d)));
|
|
236
|
-
$chip-in-progress-background-color-active: var(--a2-chip-in-progress-background-color-active, light-dark(var(--a2-color-cyan-
|
|
237
|
-
$chip-in-progress-border-color: var(--a2-chip-in-progress-border-color, light-dark(var(--a2-color-cyan-100, #c2f2fb), var(--a2-color-cyan-
|
|
238
|
-
$chip-in-progress-border-color-hover: var(--a2-chip-in-progress-border-color-hover, light-dark(var(--a2-color-cyan-200, #7fe5f6), var(--a2-color-cyan-
|
|
239
|
-
$chip-in-progress-border-color-active: var(--a2-chip-in-progress-border-color-active, light-dark(var(--a2-color-cyan-300, #45d8f2), var(--a2-color-cyan-
|
|
251
|
+
$chip-in-progress-background-color-active: var(--a2-chip-in-progress-background-color-active, light-dark(var(--a2-color-cyan-100, #c2f2fb), var(--a2-color-cyan-800, #05424d)));
|
|
252
|
+
$chip-in-progress-border-color: var(--a2-chip-in-progress-border-color, light-dark(var(--a2-color-cyan-100, #c2f2fb), var(--a2-color-cyan-700, #075563)));
|
|
253
|
+
$chip-in-progress-border-color-hover: var(--a2-chip-in-progress-border-color-hover, light-dark(var(--a2-color-cyan-200, #7fe5f6), var(--a2-color-cyan-600, #0a7a8e)));
|
|
254
|
+
$chip-in-progress-border-color-active: var(--a2-chip-in-progress-border-color-active, light-dark(var(--a2-color-cyan-300, #45d8f2), var(--a2-color-cyan-500, #0da2bd)));
|
|
255
|
+
$chip-in-progress-foreground-color: var(--a2-chip-in-progress-foreground-color, light-dark(var(--a2-color-cyan-900, #032025), var(--a2-color-cyan-10, #f2fcfe)));
|
|
256
|
+
$chip-in-progress-foreground-color-hover: var(--a2-chip-in-progress-foreground-color-hover, light-dark(var(--a2-color-cyan-900, #032025), var(--a2-color-cyan-10, #f2fcfe)));
|
|
257
|
+
$chip-in-progress-foreground-color-active: var(--a2-chip-in-progress-foreground-color-active, light-dark(var(--a2-color-cyan-950, #011013), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
240
258
|
$chip-table-entity-background-color: var(--a2-chip-table-entity-background-color, light-dark(var(--a2-color-blue-grey-100, #dce4ea), var(--a2-color-blue-grey-900, #192329)));
|
|
241
259
|
$chip-table-entity-background-color-hover: var(--a2-chip-table-entity-background-color-hover, light-dark(var(--a2-color-blue-grey-200, #b9c9d5), var(--a2-color-blue-grey-800, #24333d)));
|
|
242
|
-
$chip-table-entity-background-color-active: var(--a2-chip-table-entity-background-color-active, light-dark(var(--a2-color-blue-grey-
|
|
243
|
-
$chip-table-entity-border-color: var(--a2-chip-table-entity-border-color, light-dark(var(--a2-color-blue-grey-200, #b9c9d5), var(--a2-color-blue-grey-
|
|
244
|
-
$chip-table-entity-border-color-hover: var(--a2-chip-table-entity-border-color-hover, light-dark(var(--a2-color-blue-grey-300, #99b1c2), var(--a2-color-blue-grey-
|
|
245
|
-
$chip-table-entity-border-color-active: var(--a2-chip-table-entity-border-color-active,
|
|
260
|
+
$chip-table-entity-background-color-active: var(--a2-chip-table-entity-background-color-active, light-dark(var(--a2-color-blue-grey-200, #b9c9d5), var(--a2-color-blue-grey-800, #24333d)));
|
|
261
|
+
$chip-table-entity-border-color: var(--a2-chip-table-entity-border-color, light-dark(var(--a2-color-blue-grey-200, #b9c9d5), var(--a2-color-blue-grey-600, #445e71)));
|
|
262
|
+
$chip-table-entity-border-color-hover: var(--a2-chip-table-entity-border-color-hover, light-dark(var(--a2-color-blue-grey-300, #99b1c2), var(--a2-color-blue-grey-500, #55768e)));
|
|
263
|
+
$chip-table-entity-border-color-active: var(--a2-chip-table-entity-border-color-active, var(--a2-color-blue-grey-400, #7899b0));
|
|
264
|
+
$chip-table-entity-foreground-color: var(--a2-chip-table-entity-foreground-color, light-dark(var(--a2-color-blue-grey-900, #192329), var(--a2-color-blue-grey-10, #f7f9fa)));
|
|
265
|
+
$chip-table-entity-foreground-color-hover: var(--a2-chip-table-entity-foreground-color-hover, light-dark(var(--a2-color-blue-grey-900, #192329), var(--a2-color-blue-grey-10, #f7f9fa)));
|
|
266
|
+
$chip-table-entity-foreground-color-active: var(--a2-chip-table-entity-foreground-color-active, light-dark(var(--a2-color-blue-grey-950, #090d10), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
246
267
|
$chip-brown-background-color: var(--a2-chip-brown-background-color, light-dark(var(--a2-color-brown-100, #eddace), var(--a2-color-brown-900, #1e120b)));
|
|
247
|
-
$chip-brown-background-color-hover: var(--a2-chip-brown-background-color-hover, light-dark(var(--a2-color-brown-
|
|
248
|
-
$chip-brown-background-color-active: var(--a2-chip-brown-background-color-active, light-dark(var(--a2-color-brown-
|
|
249
|
-
$chip-brown-border-color: var(--a2-chip-brown-border-color, light-dark(var(--a2-color-brown-200, #e1c1ad), var(--a2-color-brown-
|
|
250
|
-
$chip-brown-border-color-hover: var(--a2-chip-brown-border-color-hover, light-dark(var(--a2-color-brown-300, #d4a487), var(--a2-color-brown-
|
|
251
|
-
$chip-brown-border-color-active: var(--a2-chip-brown-border-color-active,
|
|
268
|
+
$chip-brown-background-color-hover: var(--a2-chip-brown-background-color-hover, light-dark(var(--a2-color-brown-200, #e1c1ad), var(--a2-color-brown-800, #432918)));
|
|
269
|
+
$chip-brown-background-color-active: var(--a2-chip-brown-background-color-active, light-dark(var(--a2-color-brown-200, #e1c1ad), var(--a2-color-brown-800, #432918)));
|
|
270
|
+
$chip-brown-border-color: var(--a2-chip-brown-border-color, light-dark(var(--a2-color-brown-200, #e1c1ad), var(--a2-color-brown-600, #74462a)));
|
|
271
|
+
$chip-brown-border-color-hover: var(--a2-chip-brown-border-color-hover, light-dark(var(--a2-color-brown-300, #d4a487), var(--a2-color-brown-500, #a9663d)));
|
|
272
|
+
$chip-brown-border-color-active: var(--a2-chip-brown-border-color-active, var(--a2-color-brown-400, #c5855e));
|
|
273
|
+
$chip-brown-foreground-color: var(--a2-chip-brown-foreground-color, light-dark(var(--a2-color-brown-900, #1e120b), var(--a2-color-brown-10, #fefcfb)));
|
|
274
|
+
$chip-brown-foreground-color-hover: var(--a2-chip-brown-foreground-color-hover, light-dark(var(--a2-color-brown-900, #1e120b), var(--a2-color-brown-10, #fefcfb)));
|
|
275
|
+
$chip-brown-foreground-color-active: var(--a2-chip-brown-foreground-color-active, light-dark(var(--a2-color-brown-950, #0c0704), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
252
276
|
$chip-lime-background-color: var(--a2-chip-lime-background-color, light-dark(var(--a2-color-lime-100, #e3eccf), var(--a2-color-lime-900, #111801)));
|
|
253
277
|
$chip-lime-background-color-hover: var(--a2-chip-lime-background-color-hover, light-dark(var(--a2-color-lime-200, #c3d595), var(--a2-color-lime-800, #2a3a03)));
|
|
254
|
-
$chip-lime-background-color-active: var(--a2-chip-lime-background-color-active, light-dark(var(--a2-color-lime-
|
|
255
|
-
$chip-lime-border-color: var(--a2-chip-lime-border-color, light-dark(var(--a2-color-lime-200, #c3d595), var(--a2-color-lime-
|
|
256
|
-
$chip-lime-border-color-hover: var(--a2-chip-lime-border-color-hover, light-dark(var(--a2-color-lime-300, #a8c26a), var(--a2-color-lime-
|
|
257
|
-
$chip-lime-border-color-active: var(--a2-chip-lime-border-color-active, light-dark(var(--a2-color-lime-400, #8aad39), var(--a2-color-lime-
|
|
278
|
+
$chip-lime-background-color-active: var(--a2-chip-lime-background-color-active, light-dark(var(--a2-color-lime-200, #c3d595), var(--a2-color-lime-800, #2a3a03)));
|
|
279
|
+
$chip-lime-border-color: var(--a2-chip-lime-border-color, light-dark(var(--a2-color-lime-200, #c3d595), var(--a2-color-lime-700, #3a5007)));
|
|
280
|
+
$chip-lime-border-color-hover: var(--a2-chip-lime-border-color-hover, light-dark(var(--a2-color-lime-300, #a8c26a), var(--a2-color-lime-600, #56750b)));
|
|
281
|
+
$chip-lime-border-color-active: var(--a2-chip-lime-border-color-active, light-dark(var(--a2-color-lime-400, #8aad39), var(--a2-color-lime-500, #6b9013)));
|
|
282
|
+
$chip-lime-foreground-color: var(--a2-chip-lime-foreground-color, light-dark(var(--a2-color-lime-900, #111801), var(--a2-color-lime-10, #fdfdfc)));
|
|
283
|
+
$chip-lime-foreground-color-hover: var(--a2-chip-lime-foreground-color-hover, light-dark(var(--a2-color-lime-900, #111801), var(--a2-color-lime-10, #fdfdfc)));
|
|
284
|
+
$chip-lime-foreground-color-active: var(--a2-chip-lime-foreground-color-active, light-dark(var(--a2-color-lime-950, #0a0f01), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
258
285
|
$chip-magenta-background-color: var(--a2-chip-magenta-background-color, light-dark(var(--a2-color-magenta-100, #f8ddef), var(--a2-color-magenta-900, #26081c)));
|
|
259
286
|
$chip-magenta-background-color-hover: var(--a2-chip-magenta-background-color-hover, light-dark(var(--a2-color-magenta-200, #efb3db), var(--a2-color-magenta-800, #591342)));
|
|
260
|
-
$chip-magenta-background-color-active: var(--a2-chip-magenta-background-color-active, light-dark(var(--a2-color-magenta-
|
|
261
|
-
$chip-magenta-border-color: var(--a2-chip-magenta-border-color, light-dark(var(--a2-color-magenta-200, #efb3db), var(--a2-color-magenta-
|
|
262
|
-
$chip-magenta-border-color-hover: var(--a2-chip-magenta-border-color-hover, light-dark(var(--a2-color-magenta-300, #e892cc), var(--a2-color-magenta-
|
|
263
|
-
$chip-magenta-border-color-active: var(--a2-chip-magenta-border-color-active, light-dark(var(--a2-color-magenta-400, #eb61be), var(--a2-color-magenta-
|
|
287
|
+
$chip-magenta-background-color-active: var(--a2-chip-magenta-background-color-active, light-dark(var(--a2-color-magenta-200, #efb3db), var(--a2-color-magenta-800, #591342)));
|
|
288
|
+
$chip-magenta-border-color: var(--a2-chip-magenta-border-color, light-dark(var(--a2-color-magenta-200, #efb3db), var(--a2-color-magenta-700, #831b60)));
|
|
289
|
+
$chip-magenta-border-color-hover: var(--a2-chip-magenta-border-color-hover, light-dark(var(--a2-color-magenta-300, #e892cc), var(--a2-color-magenta-600, #be288d)));
|
|
290
|
+
$chip-magenta-border-color-active: var(--a2-chip-magenta-border-color-active, light-dark(var(--a2-color-magenta-400, #eb61be), var(--a2-color-magenta-500, #d741a6)));
|
|
291
|
+
$chip-magenta-foreground-color: var(--a2-chip-magenta-foreground-color, light-dark(var(--a2-color-magenta-900, #26081c), var(--a2-color-magenta-10, #fefbfd)));
|
|
292
|
+
$chip-magenta-foreground-color-hover: var(--a2-chip-magenta-foreground-color-hover, light-dark(var(--a2-color-magenta-900, #26081c), var(--a2-color-magenta-10, #fefbfd)));
|
|
293
|
+
$chip-magenta-foreground-color-active: var(--a2-chip-magenta-foreground-color-active, light-dark(var(--a2-color-magenta-950, #15040f), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
264
294
|
$chip-mauve-background-color: var(--a2-chip-mauve-background-color, light-dark(var(--a2-color-mauves-100, #fff4f0), var(--a2-color-mauves-900, #411d11)));
|
|
265
295
|
$chip-mauve-background-color-hover: var(--a2-chip-mauve-background-color-hover, light-dark(var(--a2-color-mauves-200, #ffe4db), var(--a2-color-mauves-800, #823a21)));
|
|
266
|
-
$chip-mauve-background-color-active: var(--a2-chip-mauve-background-color-active, light-dark(var(--a2-color-mauves-
|
|
267
|
-
$chip-mauve-border-color: var(--a2-chip-mauve-border-color, light-dark(var(--a2-color-mauves-100, #fff4f0), var(--a2-color-mauves-
|
|
268
|
-
$chip-mauve-border-color-hover: var(--a2-chip-mauve-border-color-hover, light-dark(var(--a2-color-mauves-200, #ffe4db), var(--a2-color-mauves-
|
|
269
|
-
$chip-mauve-border-color-active: var(--a2-chip-mauve-border-color-active, light-dark(var(--a2-color-mauves-300, #ffd1c2), var(--a2-color-mauves-
|
|
296
|
+
$chip-mauve-background-color-active: var(--a2-chip-mauve-background-color-active, light-dark(var(--a2-color-mauves-200, #ffe4db), var(--a2-color-mauves-800, #823a21)));
|
|
297
|
+
$chip-mauve-border-color: var(--a2-chip-mauve-border-color, light-dark(var(--a2-color-mauves-100, #fff4f0), var(--a2-color-mauves-800, #823a21)));
|
|
298
|
+
$chip-mauve-border-color-hover: var(--a2-chip-mauve-border-color-hover, light-dark(var(--a2-color-mauves-200, #ffe4db), var(--a2-color-mauves-700, #d27151)));
|
|
299
|
+
$chip-mauve-border-color-active: var(--a2-chip-mauve-border-color-active, light-dark(var(--a2-color-mauves-300, #ffd1c2), var(--a2-color-mauves-600, #d88569)));
|
|
300
|
+
$chip-mauve-foreground-color: var(--a2-chip-mauve-foreground-color, light-dark(var(--a2-color-mauves-900, #411d11), var(--a2-color-mauves-10, #fffbfa)));
|
|
301
|
+
$chip-mauve-foreground-color-hover: var(--a2-chip-mauve-foreground-color-hover, light-dark(var(--a2-color-mauves-900, #411d11), var(--a2-color-mauves-10, #fffbfa)));
|
|
302
|
+
$chip-mauve-foreground-color-active: var(--a2-chip-mauve-foreground-color-active, light-dark(var(--a2-color-mauves-950, #200e08), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
270
303
|
$chip-orange-background-color: var(--a2-chip-orange-background-color, light-dark(var(--a2-color-orange-100, #ffddb7), var(--a2-color-orange-900, #2e1900)));
|
|
271
|
-
$chip-orange-background-color-hover: var(--a2-chip-orange-background-color-hover, light-dark(var(--a2-color-orange-
|
|
272
|
-
$chip-orange-background-color-active: var(--a2-chip-orange-background-color-active, light-dark(var(--a2-color-orange-
|
|
273
|
-
$chip-orange-border-color: var(--a2-chip-orange-border-color, light-dark(var(--a2-color-orange-200, #ffc07a), var(--a2-color-orange-
|
|
274
|
-
$chip-orange-border-color-hover: var(--a2-chip-orange-border-color-hover, light-dark(var(--a2-color-orange-300, #ffa037), var(--a2-color-orange-
|
|
275
|
-
$chip-orange-border-color-active: var(--a2-chip-orange-border-color-active, light-dark(var(--a2-color-orange-400, #e37700), var(--a2-color-orange-
|
|
304
|
+
$chip-orange-background-color-hover: var(--a2-chip-orange-background-color-hover, light-dark(var(--a2-color-orange-200, #ffc07a), var(--a2-color-orange-800, #4d2800)));
|
|
305
|
+
$chip-orange-background-color-active: var(--a2-chip-orange-background-color-active, light-dark(var(--a2-color-orange-200, #ffc07a), var(--a2-color-orange-800, #4d2800)));
|
|
306
|
+
$chip-orange-border-color: var(--a2-chip-orange-border-color, light-dark(var(--a2-color-orange-200, #ffc07a), var(--a2-color-orange-700, #693700)));
|
|
307
|
+
$chip-orange-border-color-hover: var(--a2-chip-orange-border-color-hover, light-dark(var(--a2-color-orange-300, #ffa037), var(--a2-color-orange-600, #964f00)));
|
|
308
|
+
$chip-orange-border-color-active: var(--a2-chip-orange-border-color-active, light-dark(var(--a2-color-orange-400, #e37700), var(--a2-color-orange-500, #c16500)));
|
|
309
|
+
$chip-orange-foreground-color: var(--a2-chip-orange-foreground-color, light-dark(var(--a2-color-orange-900, #2e1900), var(--a2-color-orange-10, #fff8f1)));
|
|
310
|
+
$chip-orange-foreground-color-hover: var(--a2-chip-orange-foreground-color-hover, light-dark(var(--a2-color-orange-900, #2e1900), var(--a2-color-orange-10, #fff8f1)));
|
|
311
|
+
$chip-orange-foreground-color-active: var(--a2-chip-orange-foreground-color-active, light-dark(var(--a2-color-orange-950, #140b00), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
276
312
|
$chip-purple-background-color: var(--a2-chip-purple-background-color, light-dark(var(--a2-color-purple-100, #e7e4f6), var(--a2-color-purple-900, #191338)));
|
|
277
|
-
$chip-purple-background-color-hover: var(--a2-chip-purple-background-color-hover, light-dark(var(--a2-color-purple-
|
|
278
|
-
$chip-purple-background-color-active: var(--a2-chip-purple-background-color-active, light-dark(var(--a2-color-purple-
|
|
279
|
-
$chip-purple-border-color: var(--a2-chip-purple-border-color, light-dark(var(--a2-color-purple-200, #c9c2eb), var(--a2-color-purple-
|
|
280
|
-
$chip-purple-border-color-hover: var(--a2-chip-purple-border-color-hover, light-dark(var(--a2-color-purple-300, #b1a7e2), var(--a2-color-purple-
|
|
281
|
-
$chip-purple-border-color-active: var(--a2-chip-purple-border-color-active, light-dark(var(--a2-color-purple-400, #9688d7), var(--a2-color-purple-
|
|
313
|
+
$chip-purple-background-color-hover: var(--a2-chip-purple-background-color-hover, light-dark(var(--a2-color-purple-200, #c9c2eb), var(--a2-color-purple-800, #2e2267)));
|
|
314
|
+
$chip-purple-background-color-active: var(--a2-chip-purple-background-color-active, light-dark(var(--a2-color-purple-200, #c9c2eb), var(--a2-color-purple-800, #2e2267)));
|
|
315
|
+
$chip-purple-border-color: var(--a2-chip-purple-border-color, light-dark(var(--a2-color-purple-200, #c9c2eb), var(--a2-color-purple-700, #3f2f8e)));
|
|
316
|
+
$chip-purple-border-color-hover: var(--a2-chip-purple-border-color-hover, light-dark(var(--a2-color-purple-300, #b1a7e2), var(--a2-color-purple-600, #5c47c2)));
|
|
317
|
+
$chip-purple-border-color-active: var(--a2-chip-purple-border-color-active, light-dark(var(--a2-color-purple-400, #9688d7), var(--a2-color-purple-500, #7766cc)));
|
|
318
|
+
$chip-purple-foreground-color: var(--a2-chip-purple-foreground-color, light-dark(var(--a2-color-purple-900, #191338), var(--a2-color-purple-10, #fcfbfe)));
|
|
319
|
+
$chip-purple-foreground-color-hover: var(--a2-chip-purple-foreground-color-hover, light-dark(var(--a2-color-purple-900, #191338), var(--a2-color-purple-10, #fcfbfe)));
|
|
320
|
+
$chip-purple-foreground-color-active: var(--a2-chip-purple-foreground-color-active, light-dark(var(--a2-color-purple-950, #100c25), var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))));
|
|
282
321
|
$combobox-item-default-background-color: var(--a2-combobox-item-default-background-color, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
|
|
283
322
|
$combobox-item-default-background-color-hover: var(--a2-combobox-item-default-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
|
|
284
323
|
$combobox-item-default-background-color-active: var(--a2-combobox-item-default-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
|