@seed-design/css 1.1.13 → 1.1.16

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 (68) hide show
  1. package/all.css +385 -170
  2. package/all.min.css +1 -1
  3. package/base.css +184 -164
  4. package/base.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/app-bar-main.css +1 -0
  7. package/recipes/app-bar-main.d.ts +1 -1
  8. package/recipes/app-bar-main.mjs +2 -1
  9. package/recipes/app-bar.css +21 -0
  10. package/recipes/app-bar.d.ts +1 -1
  11. package/recipes/app-bar.mjs +2 -1
  12. package/recipes/app-screen.css +34 -4
  13. package/recipes/app-screen.d.ts +1 -1
  14. package/recipes/app-screen.mjs +2 -1
  15. package/recipes/checkmark.css +2 -1
  16. package/recipes/menu-sheet-item.css +1 -0
  17. package/recipes/segmented-control.css +1 -0
  18. package/recipes/text.css +120 -0
  19. package/recipes/text.d.ts +1 -1
  20. package/recipes/text.mjs +25 -1
  21. package/vars/color/banner.d.ts +10 -0
  22. package/vars/color/banner.mjs +10 -0
  23. package/vars/color/bg.d.ts +13 -13
  24. package/vars/color/bg.mjs +13 -13
  25. package/vars/color/fg.d.ts +8 -8
  26. package/vars/color/fg.mjs +8 -8
  27. package/vars/color/index.d.ts +2 -1
  28. package/vars/color/index.mjs +2 -1
  29. package/vars/color/manner-temp/index.d.ts +2 -2
  30. package/vars/color/manner-temp/index.mjs +2 -2
  31. package/vars/color/manner-temp/l1.d.ts +2 -2
  32. package/vars/color/manner-temp/l1.mjs +2 -2
  33. package/vars/color/manner-temp/l10.d.ts +2 -2
  34. package/vars/color/manner-temp/l10.mjs +2 -2
  35. package/vars/color/manner-temp/l2.d.ts +2 -2
  36. package/vars/color/manner-temp/l2.mjs +2 -2
  37. package/vars/color/manner-temp/l3.d.ts +2 -2
  38. package/vars/color/manner-temp/l3.mjs +2 -2
  39. package/vars/color/manner-temp/l4.d.ts +2 -2
  40. package/vars/color/manner-temp/l4.mjs +2 -2
  41. package/vars/color/manner-temp/l5.d.ts +2 -2
  42. package/vars/color/manner-temp/l5.mjs +2 -2
  43. package/vars/color/manner-temp/l6.d.ts +2 -2
  44. package/vars/color/manner-temp/l6.mjs +2 -2
  45. package/vars/color/manner-temp/l7.d.ts +2 -2
  46. package/vars/color/manner-temp/l7.mjs +2 -2
  47. package/vars/color/manner-temp/l8.d.ts +2 -2
  48. package/vars/color/manner-temp/l8.mjs +2 -2
  49. package/vars/color/manner-temp/l9.d.ts +2 -2
  50. package/vars/color/manner-temp/l9.mjs +2 -2
  51. package/vars/color/palette.d.ts +42 -42
  52. package/vars/color/palette.mjs +42 -42
  53. package/vars/color/stroke.d.ts +8 -8
  54. package/vars/color/stroke.mjs +8 -8
  55. package/vars/component/action-button.d.ts +18 -0
  56. package/vars/component/checkmark.d.ts +4 -2
  57. package/vars/component/checkmark.mjs +4 -2
  58. package/vars/component/control-chip.d.ts +1 -1
  59. package/vars/component/control-chip.mjs +1 -1
  60. package/vars/component/help-bubble.d.ts +2 -0
  61. package/vars/component/typography.d.ts +216 -0
  62. package/vars/component/typography.mjs +216 -0
  63. package/vars/dimension/spacing-x.d.ts +2 -0
  64. package/vars/dimension/spacing-y.d.ts +4 -0
  65. package/vars/gradient.d.ts +10 -3
  66. package/vars/gradient.mjs +3 -3
  67. package/vars/index.d.ts +9 -4
  68. package/vars/shadow.d.ts +1 -0
package/vars/color/bg.mjs CHANGED
@@ -1,39 +1,39 @@
1
- export const overlay = "var(--seed-color-bg-overlay)";
2
- export const disabled = "var(--seed-color-bg-disabled)";
3
- export const brandWeak = "var(--seed-color-bg-brand-weak)";
4
1
  export const brandSolid = "var(--seed-color-bg-brand-solid)";
5
2
  export const brandSolidPressed = "var(--seed-color-bg-brand-solid-pressed)";
3
+ export const brandWeak = "var(--seed-color-bg-brand-weak)";
6
4
  export const brandWeakPressed = "var(--seed-color-bg-brand-weak-pressed)";
7
- export const criticalWeak = "var(--seed-color-bg-critical-weak)";
8
5
  export const criticalSolid = "var(--seed-color-bg-critical-solid)";
9
6
  export const criticalSolidPressed = "var(--seed-color-bg-critical-solid-pressed)";
7
+ export const criticalWeak = "var(--seed-color-bg-critical-weak)";
10
8
  export const criticalWeakPressed = "var(--seed-color-bg-critical-weak-pressed)";
11
- export const informativeWeak = "var(--seed-color-bg-informative-weak)";
9
+ export const disabled = "var(--seed-color-bg-disabled)";
12
10
  export const informativeSolid = "var(--seed-color-bg-informative-solid)";
13
11
  export const informativeSolidPressed = "var(--seed-color-bg-informative-solid-pressed)";
12
+ export const informativeWeak = "var(--seed-color-bg-informative-weak)";
14
13
  export const informativeWeakPressed = "var(--seed-color-bg-informative-weak-pressed)";
15
14
  export const layerBasement = "var(--seed-color-bg-layer-basement)";
16
15
  export const layerDefault = "var(--seed-color-bg-layer-default)";
16
+ export const layerDefaultPressed = "var(--seed-color-bg-layer-default-pressed)";
17
17
  export const layerFill = "var(--seed-color-bg-layer-fill)";
18
18
  export const layerFloating = "var(--seed-color-bg-layer-floating)";
19
- export const layerDefaultPressed = "var(--seed-color-bg-layer-default-pressed)";
20
19
  export const layerFloatingPressed = "var(--seed-color-bg-layer-floating-pressed)";
21
20
  export const magicWeak = "var(--seed-color-bg-magic-weak)";
22
- export const neutralWeak = "var(--seed-color-bg-neutral-weak)";
23
21
  export const neutralInverted = "var(--seed-color-bg-neutral-inverted)";
24
- export const neutralSolid = "var(--seed-color-bg-neutral-solid)";
25
22
  export const neutralInvertedPressed = "var(--seed-color-bg-neutral-inverted-pressed)";
23
+ export const neutralSolid = "var(--seed-color-bg-neutral-solid)";
26
24
  export const neutralSolidMuted = "var(--seed-color-bg-neutral-solid-muted)";
27
25
  export const neutralSolidMutedPressed = "var(--seed-color-bg-neutral-solid-muted-pressed)";
26
+ export const neutralWeak = "var(--seed-color-bg-neutral-weak)";
28
27
  export const neutralWeakPressed = "var(--seed-color-bg-neutral-weak-pressed)";
28
+ export const overlay = "var(--seed-color-bg-overlay)";
29
29
  export const overlayMuted = "var(--seed-color-bg-overlay-muted)";
30
- export const positiveWeak = "var(--seed-color-bg-positive-weak)";
31
30
  export const positiveSolid = "var(--seed-color-bg-positive-solid)";
32
31
  export const positiveSolidPressed = "var(--seed-color-bg-positive-solid-pressed)";
32
+ export const positiveWeak = "var(--seed-color-bg-positive-weak)";
33
33
  export const positiveWeakPressed = "var(--seed-color-bg-positive-weak-pressed)";
34
- export const warningWeak = "var(--seed-color-bg-warning-weak)";
34
+ export const transparent = "var(--seed-color-bg-transparent)";
35
+ export const transparentPressed = "var(--seed-color-bg-transparent-pressed)";
35
36
  export const warningSolid = "var(--seed-color-bg-warning-solid)";
36
37
  export const warningSolidPressed = "var(--seed-color-bg-warning-solid-pressed)";
37
- export const warningWeakPressed = "var(--seed-color-bg-warning-weak-pressed)";
38
- export const transparent = "var(--seed-color-bg-transparent)";
39
- export const transparentPressed = "var(--seed-color-bg-transparent-pressed)";
38
+ export const warningWeak = "var(--seed-color-bg-warning-weak)";
39
+ export const warningWeakPressed = "var(--seed-color-bg-warning-weak-pressed)";
package/vars/color/fg.d.ts CHANGED
@@ -1,16 +1,16 @@
1
- export declare const neutral = "var(--seed-color-fg-neutral)";
2
- export declare const placeholder = "var(--seed-color-fg-placeholder)";
3
- export declare const disabled = "var(--seed-color-fg-disabled)";
4
1
  export declare const brand = "var(--seed-color-fg-brand)";
5
- export declare const informative = "var(--seed-color-fg-informative)";
6
- export declare const critical = "var(--seed-color-fg-critical)";
7
- export declare const positive = "var(--seed-color-fg-positive)";
8
- export declare const warning = "var(--seed-color-fg-warning)";
9
2
  export declare const brandContrast = "var(--seed-color-fg-brand-contrast)";
3
+ export declare const critical = "var(--seed-color-fg-critical)";
10
4
  export declare const criticalContrast = "var(--seed-color-fg-critical-contrast)";
5
+ export declare const disabled = "var(--seed-color-fg-disabled)";
6
+ export declare const informative = "var(--seed-color-fg-informative)";
11
7
  export declare const informativeContrast = "var(--seed-color-fg-informative-contrast)";
8
+ export declare const neutral = "var(--seed-color-fg-neutral)";
9
+ export declare const neutralInverted = "var(--seed-color-fg-neutral-inverted)";
12
10
  export declare const neutralMuted = "var(--seed-color-fg-neutral-muted)";
13
11
  export declare const neutralSubtle = "var(--seed-color-fg-neutral-subtle)";
14
- export declare const neutralInverted = "var(--seed-color-fg-neutral-inverted)";
12
+ export declare const placeholder = "var(--seed-color-fg-placeholder)";
13
+ export declare const positive = "var(--seed-color-fg-positive)";
15
14
  export declare const positiveContrast = "var(--seed-color-fg-positive-contrast)";
15
+ export declare const warning = "var(--seed-color-fg-warning)";
16
16
  export declare const warningContrast = "var(--seed-color-fg-warning-contrast)";
package/vars/color/fg.mjs CHANGED
@@ -1,16 +1,16 @@
1
- export const neutral = "var(--seed-color-fg-neutral)";
2
- export const placeholder = "var(--seed-color-fg-placeholder)";
3
- export const disabled = "var(--seed-color-fg-disabled)";
4
1
  export const brand = "var(--seed-color-fg-brand)";
5
- export const informative = "var(--seed-color-fg-informative)";
6
- export const critical = "var(--seed-color-fg-critical)";
7
- export const positive = "var(--seed-color-fg-positive)";
8
- export const warning = "var(--seed-color-fg-warning)";
9
2
  export const brandContrast = "var(--seed-color-fg-brand-contrast)";
3
+ export const critical = "var(--seed-color-fg-critical)";
10
4
  export const criticalContrast = "var(--seed-color-fg-critical-contrast)";
5
+ export const disabled = "var(--seed-color-fg-disabled)";
6
+ export const informative = "var(--seed-color-fg-informative)";
11
7
  export const informativeContrast = "var(--seed-color-fg-informative-contrast)";
8
+ export const neutral = "var(--seed-color-fg-neutral)";
9
+ export const neutralInverted = "var(--seed-color-fg-neutral-inverted)";
12
10
  export const neutralMuted = "var(--seed-color-fg-neutral-muted)";
13
11
  export const neutralSubtle = "var(--seed-color-fg-neutral-subtle)";
14
- export const neutralInverted = "var(--seed-color-fg-neutral-inverted)";
12
+ export const placeholder = "var(--seed-color-fg-placeholder)";
13
+ export const positive = "var(--seed-color-fg-positive)";
15
14
  export const positiveContrast = "var(--seed-color-fg-positive-contrast)";
15
+ export const warning = "var(--seed-color-fg-warning)";
16
16
  export const warningContrast = "var(--seed-color-fg-warning-contrast)";
package/vars/color/index.d.ts CHANGED
@@ -2,4 +2,5 @@ export * as palette from "./palette";
2
2
  export * as fg from "./fg";
3
3
  export * as bg from "./bg";
4
4
  export * as stroke from "./stroke";
5
- export * as mannerTemp from "./manner-temp";
5
+ export * as mannerTemp from "./manner-temp";
6
+ export * as banner from "./banner";
package/vars/color/index.mjs CHANGED
@@ -2,4 +2,5 @@ export * as palette from "./palette.mjs";
2
2
  export * as fg from "./fg.mjs";
3
3
  export * as bg from "./bg.mjs";
4
4
  export * as stroke from "./stroke.mjs";
5
- export * as mannerTemp from "./manner-temp/index.mjs";
5
+ export * as mannerTemp from "./manner-temp/index.mjs";
6
+ export * as banner from "./banner.mjs";
package/vars/color/manner-temp/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * as l1 from "./l1";
2
+ export * as l10 from "./l10";
2
3
  export * as l2 from "./l2";
3
4
  export * as l3 from "./l3";
4
5
  export * as l4 from "./l4";
@@ -6,5 +7,4 @@ export * as l5 from "./l5";
6
7
  export * as l6 from "./l6";
7
8
  export * as l7 from "./l7";
8
9
  export * as l8 from "./l8";
9
- export * as l9 from "./l9";
10
- export * as l10 from "./l10";
10
+ export * as l9 from "./l9";
package/vars/color/manner-temp/index.mjs CHANGED
@@ -1,4 +1,5 @@
1
1
  export * as l1 from "./l1.mjs";
2
+ export * as l10 from "./l10.mjs";
2
3
  export * as l2 from "./l2.mjs";
3
4
  export * as l3 from "./l3.mjs";
4
5
  export * as l4 from "./l4.mjs";
@@ -6,5 +7,4 @@ export * as l5 from "./l5.mjs";
6
7
  export * as l6 from "./l6.mjs";
7
8
  export * as l7 from "./l7.mjs";
8
9
  export * as l8 from "./l8.mjs";
9
- export * as l9 from "./l9.mjs";
10
- export * as l10 from "./l10.mjs";
10
+ export * as l9 from "./l9.mjs";
package/vars/color/manner-temp/l1.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const text = "var(--seed-color-manner-temp-l1-text)";
2
- export declare const bg = "var(--seed-color-manner-temp-l1-bg)";
1
+ export declare const bg = "var(--seed-color-manner-temp-l1-bg)";
2
+ export declare const text = "var(--seed-color-manner-temp-l1-text)";
package/vars/color/manner-temp/l1.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export const text = "var(--seed-color-manner-temp-l1-text)";
2
- export const bg = "var(--seed-color-manner-temp-l1-bg)";
1
+ export const bg = "var(--seed-color-manner-temp-l1-bg)";
2
+ export const text = "var(--seed-color-manner-temp-l1-text)";
package/vars/color/manner-temp/l10.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const text = "var(--seed-color-manner-temp-l10-text)";
2
- export declare const bg = "var(--seed-color-manner-temp-l10-bg)";
1
+ export declare const bg = "var(--seed-color-manner-temp-l10-bg)";
2
+ export declare const text = "var(--seed-color-manner-temp-l10-text)";
package/vars/color/manner-temp/l10.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export const text = "var(--seed-color-manner-temp-l10-text)";
2
- export const bg = "var(--seed-color-manner-temp-l10-bg)";
1
+ export const bg = "var(--seed-color-manner-temp-l10-bg)";
2
+ export const text = "var(--seed-color-manner-temp-l10-text)";
package/vars/color/manner-temp/l2.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const text = "var(--seed-color-manner-temp-l2-text)";
2
- export declare const bg = "var(--seed-color-manner-temp-l2-bg)";
1
+ export declare const bg = "var(--seed-color-manner-temp-l2-bg)";
2
+ export declare const text = "var(--seed-color-manner-temp-l2-text)";
package/vars/color/manner-temp/l2.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export const text = "var(--seed-color-manner-temp-l2-text)";
2
- export const bg = "var(--seed-color-manner-temp-l2-bg)";
1
+ export const bg = "var(--seed-color-manner-temp-l2-bg)";
2
+ export const text = "var(--seed-color-manner-temp-l2-text)";
package/vars/color/manner-temp/l3.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const text = "var(--seed-color-manner-temp-l3-text)";
2
- export declare const bg = "var(--seed-color-manner-temp-l3-bg)";
1
+ export declare const bg = "var(--seed-color-manner-temp-l3-bg)";
2
+ export declare const text = "var(--seed-color-manner-temp-l3-text)";
package/vars/color/manner-temp/l3.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export const text = "var(--seed-color-manner-temp-l3-text)";
2
- export const bg = "var(--seed-color-manner-temp-l3-bg)";
1
+ export const bg = "var(--seed-color-manner-temp-l3-bg)";
2
+ export const text = "var(--seed-color-manner-temp-l3-text)";
package/vars/color/manner-temp/l4.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const text = "var(--seed-color-manner-temp-l4-text)";
2
- export declare const bg = "var(--seed-color-manner-temp-l4-bg)";
1
+ export declare const bg = "var(--seed-color-manner-temp-l4-bg)";
2
+ export declare const text = "var(--seed-color-manner-temp-l4-text)";
package/vars/color/manner-temp/l4.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export const text = "var(--seed-color-manner-temp-l4-text)";
2
- export const bg = "var(--seed-color-manner-temp-l4-bg)";
1
+ export const bg = "var(--seed-color-manner-temp-l4-bg)";
2
+ export const text = "var(--seed-color-manner-temp-l4-text)";
package/vars/color/manner-temp/l5.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const text = "var(--seed-color-manner-temp-l5-text)";
2
- export declare const bg = "var(--seed-color-manner-temp-l5-bg)";
1
+ export declare const bg = "var(--seed-color-manner-temp-l5-bg)";
2
+ export declare const text = "var(--seed-color-manner-temp-l5-text)";
package/vars/color/manner-temp/l5.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export const text = "var(--seed-color-manner-temp-l5-text)";
2
- export const bg = "var(--seed-color-manner-temp-l5-bg)";
1
+ export const bg = "var(--seed-color-manner-temp-l5-bg)";
2
+ export const text = "var(--seed-color-manner-temp-l5-text)";
package/vars/color/manner-temp/l6.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const text = "var(--seed-color-manner-temp-l6-text)";
2
- export declare const bg = "var(--seed-color-manner-temp-l6-bg)";
1
+ export declare const bg = "var(--seed-color-manner-temp-l6-bg)";
2
+ export declare const text = "var(--seed-color-manner-temp-l6-text)";
package/vars/color/manner-temp/l6.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export const text = "var(--seed-color-manner-temp-l6-text)";
2
- export const bg = "var(--seed-color-manner-temp-l6-bg)";
1
+ export const bg = "var(--seed-color-manner-temp-l6-bg)";
2
+ export const text = "var(--seed-color-manner-temp-l6-text)";
package/vars/color/manner-temp/l7.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const text = "var(--seed-color-manner-temp-l7-text)";
2
- export declare const bg = "var(--seed-color-manner-temp-l7-bg)";
1
+ export declare const bg = "var(--seed-color-manner-temp-l7-bg)";
2
+ export declare const text = "var(--seed-color-manner-temp-l7-text)";
package/vars/color/manner-temp/l7.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export const text = "var(--seed-color-manner-temp-l7-text)";
2
- export const bg = "var(--seed-color-manner-temp-l7-bg)";
1
+ export const bg = "var(--seed-color-manner-temp-l7-bg)";
2
+ export const text = "var(--seed-color-manner-temp-l7-text)";
package/vars/color/manner-temp/l8.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const text = "var(--seed-color-manner-temp-l8-text)";
2
- export declare const bg = "var(--seed-color-manner-temp-l8-bg)";
1
+ export declare const bg = "var(--seed-color-manner-temp-l8-bg)";
2
+ export declare const text = "var(--seed-color-manner-temp-l8-text)";
package/vars/color/manner-temp/l8.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export const text = "var(--seed-color-manner-temp-l8-text)";
2
- export const bg = "var(--seed-color-manner-temp-l8-bg)";
1
+ export const bg = "var(--seed-color-manner-temp-l8-bg)";
2
+ export const text = "var(--seed-color-manner-temp-l8-text)";
package/vars/color/manner-temp/l9.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const text = "var(--seed-color-manner-temp-l9-text)";
2
- export declare const bg = "var(--seed-color-manner-temp-l9-bg)";
1
+ export declare const bg = "var(--seed-color-manner-temp-l9-bg)";
2
+ export declare const text = "var(--seed-color-manner-temp-l9-text)";
package/vars/color/manner-temp/l9.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export const text = "var(--seed-color-manner-temp-l9-text)";
2
- export const bg = "var(--seed-color-manner-temp-l9-bg)";
1
+ export const bg = "var(--seed-color-manner-temp-l9-bg)";
2
+ export const text = "var(--seed-color-manner-temp-l9-text)";
package/vars/color/palette.d.ts CHANGED
@@ -1,23 +1,3 @@
1
- export declare const blue100 = "var(--seed-color-palette-blue-100)";
2
- export declare const blue200 = "var(--seed-color-palette-blue-200)";
3
- export declare const blue300 = "var(--seed-color-palette-blue-300)";
4
- export declare const blue400 = "var(--seed-color-palette-blue-400)";
5
- export declare const blue500 = "var(--seed-color-palette-blue-500)";
6
- export declare const blue600 = "var(--seed-color-palette-blue-600)";
7
- export declare const blue700 = "var(--seed-color-palette-blue-700)";
8
- export declare const blue800 = "var(--seed-color-palette-blue-800)";
9
- export declare const blue900 = "var(--seed-color-palette-blue-900)";
10
- export declare const blue1000 = "var(--seed-color-palette-blue-1000)";
11
- export declare const carrot100 = "var(--seed-color-palette-carrot-100)";
12
- export declare const carrot200 = "var(--seed-color-palette-carrot-200)";
13
- export declare const carrot300 = "var(--seed-color-palette-carrot-300)";
14
- export declare const carrot400 = "var(--seed-color-palette-carrot-400)";
15
- export declare const carrot500 = "var(--seed-color-palette-carrot-500)";
16
- export declare const carrot600 = "var(--seed-color-palette-carrot-600)";
17
- export declare const carrot700 = "var(--seed-color-palette-carrot-700)";
18
- export declare const carrot800 = "var(--seed-color-palette-carrot-800)";
19
- export declare const carrot900 = "var(--seed-color-palette-carrot-900)";
20
- export declare const carrot1000 = "var(--seed-color-palette-carrot-1000)";
21
1
  export declare const gray00 = "var(--seed-color-palette-gray-00)";
22
2
  export declare const gray100 = "var(--seed-color-palette-gray-100)";
23
3
  export declare const gray200 = "var(--seed-color-palette-gray-200)";
@@ -29,6 +9,36 @@ export declare const gray700 = "var(--seed-color-palette-gray-700)";
29
9
  export declare const gray800 = "var(--seed-color-palette-gray-800)";
30
10
  export declare const gray900 = "var(--seed-color-palette-gray-900)";
31
11
  export declare const gray1000 = "var(--seed-color-palette-gray-1000)";
12
+ export declare const carrot100 = "var(--seed-color-palette-carrot-100)";
13
+ export declare const carrot200 = "var(--seed-color-palette-carrot-200)";
14
+ export declare const carrot300 = "var(--seed-color-palette-carrot-300)";
15
+ export declare const carrot400 = "var(--seed-color-palette-carrot-400)";
16
+ export declare const carrot500 = "var(--seed-color-palette-carrot-500)";
17
+ export declare const carrot600 = "var(--seed-color-palette-carrot-600)";
18
+ export declare const carrot700 = "var(--seed-color-palette-carrot-700)";
19
+ export declare const carrot800 = "var(--seed-color-palette-carrot-800)";
20
+ export declare const carrot900 = "var(--seed-color-palette-carrot-900)";
21
+ export declare const carrot1000 = "var(--seed-color-palette-carrot-1000)";
22
+ export declare const blue100 = "var(--seed-color-palette-blue-100)";
23
+ export declare const blue200 = "var(--seed-color-palette-blue-200)";
24
+ export declare const blue300 = "var(--seed-color-palette-blue-300)";
25
+ export declare const blue400 = "var(--seed-color-palette-blue-400)";
26
+ export declare const blue500 = "var(--seed-color-palette-blue-500)";
27
+ export declare const blue600 = "var(--seed-color-palette-blue-600)";
28
+ export declare const blue700 = "var(--seed-color-palette-blue-700)";
29
+ export declare const blue800 = "var(--seed-color-palette-blue-800)";
30
+ export declare const blue900 = "var(--seed-color-palette-blue-900)";
31
+ export declare const blue1000 = "var(--seed-color-palette-blue-1000)";
32
+ export declare const red100 = "var(--seed-color-palette-red-100)";
33
+ export declare const red200 = "var(--seed-color-palette-red-200)";
34
+ export declare const red300 = "var(--seed-color-palette-red-300)";
35
+ export declare const red400 = "var(--seed-color-palette-red-400)";
36
+ export declare const red500 = "var(--seed-color-palette-red-500)";
37
+ export declare const red600 = "var(--seed-color-palette-red-600)";
38
+ export declare const red700 = "var(--seed-color-palette-red-700)";
39
+ export declare const red800 = "var(--seed-color-palette-red-800)";
40
+ export declare const red900 = "var(--seed-color-palette-red-900)";
41
+ export declare const red1000 = "var(--seed-color-palette-red-1000)";
32
42
  export declare const green100 = "var(--seed-color-palette-green-100)";
33
43
  export declare const green200 = "var(--seed-color-palette-green-200)";
34
44
  export declare const green300 = "var(--seed-color-palette-green-300)";
@@ -39,6 +49,16 @@ export declare const green700 = "var(--seed-color-palette-green-700)";
39
49
  export declare const green800 = "var(--seed-color-palette-green-800)";
40
50
  export declare const green900 = "var(--seed-color-palette-green-900)";
41
51
  export declare const green1000 = "var(--seed-color-palette-green-1000)";
52
+ export declare const yellow100 = "var(--seed-color-palette-yellow-100)";
53
+ export declare const yellow200 = "var(--seed-color-palette-yellow-200)";
54
+ export declare const yellow300 = "var(--seed-color-palette-yellow-300)";
55
+ export declare const yellow400 = "var(--seed-color-palette-yellow-400)";
56
+ export declare const yellow500 = "var(--seed-color-palette-yellow-500)";
57
+ export declare const yellow600 = "var(--seed-color-palette-yellow-600)";
58
+ export declare const yellow700 = "var(--seed-color-palette-yellow-700)";
59
+ export declare const yellow800 = "var(--seed-color-palette-yellow-800)";
60
+ export declare const yellow900 = "var(--seed-color-palette-yellow-900)";
61
+ export declare const yellow1000 = "var(--seed-color-palette-yellow-1000)";
42
62
  export declare const purple100 = "var(--seed-color-palette-purple-100)";
43
63
  export declare const purple200 = "var(--seed-color-palette-purple-200)";
44
64
  export declare const purple300 = "var(--seed-color-palette-purple-300)";
@@ -49,18 +69,7 @@ export declare const purple700 = "var(--seed-color-palette-purple-700)";
49
69
  export declare const purple800 = "var(--seed-color-palette-purple-800)";
50
70
  export declare const purple900 = "var(--seed-color-palette-purple-900)";
51
71
  export declare const purple1000 = "var(--seed-color-palette-purple-1000)";
52
- export declare const red100 = "var(--seed-color-palette-red-100)";
53
- export declare const red200 = "var(--seed-color-palette-red-200)";
54
- export declare const red300 = "var(--seed-color-palette-red-300)";
55
- export declare const red400 = "var(--seed-color-palette-red-400)";
56
- export declare const red500 = "var(--seed-color-palette-red-500)";
57
- export declare const red600 = "var(--seed-color-palette-red-600)";
58
- export declare const red700 = "var(--seed-color-palette-red-700)";
59
- export declare const red800 = "var(--seed-color-palette-red-800)";
60
- export declare const red900 = "var(--seed-color-palette-red-900)";
61
- export declare const red1000 = "var(--seed-color-palette-red-1000)";
62
72
  export declare const staticBlack = "var(--seed-color-palette-static-black)";
63
- export declare const staticWhite = "var(--seed-color-palette-static-white)";
64
73
  export declare const staticBlackAlpha100 = "var(--seed-color-palette-static-black-alpha-100)";
65
74
  export declare const staticBlackAlpha200 = "var(--seed-color-palette-static-black-alpha-200)";
66
75
  export declare const staticBlackAlpha300 = "var(--seed-color-palette-static-black-alpha-300)";
@@ -71,6 +80,7 @@ export declare const staticBlackAlpha700 = "var(--seed-color-palette-static-blac
71
80
  export declare const staticBlackAlpha800 = "var(--seed-color-palette-static-black-alpha-800)";
72
81
  export declare const staticBlackAlpha900 = "var(--seed-color-palette-static-black-alpha-900)";
73
82
  export declare const staticBlackAlpha1000 = "var(--seed-color-palette-static-black-alpha-1000)";
83
+ export declare const staticWhite = "var(--seed-color-palette-static-white)";
74
84
  export declare const staticWhiteAlpha50 = "var(--seed-color-palette-static-white-alpha-50)";
75
85
  export declare const staticWhiteAlpha100 = "var(--seed-color-palette-static-white-alpha-100)";
76
86
  export declare const staticWhiteAlpha200 = "var(--seed-color-palette-static-white-alpha-200)";
@@ -81,14 +91,4 @@ export declare const staticWhiteAlpha600 = "var(--seed-color-palette-static-whit
81
91
  export declare const staticWhiteAlpha700 = "var(--seed-color-palette-static-white-alpha-700)";
82
92
  export declare const staticWhiteAlpha800 = "var(--seed-color-palette-static-white-alpha-800)";
83
93
  export declare const staticWhiteAlpha900 = "var(--seed-color-palette-static-white-alpha-900)";
84
- export declare const staticWhiteAlpha1000 = "var(--seed-color-palette-static-white-alpha-1000)";
85
- export declare const yellow100 = "var(--seed-color-palette-yellow-100)";
86
- export declare const yellow200 = "var(--seed-color-palette-yellow-200)";
87
- export declare const yellow300 = "var(--seed-color-palette-yellow-300)";
88
- export declare const yellow400 = "var(--seed-color-palette-yellow-400)";
89
- export declare const yellow500 = "var(--seed-color-palette-yellow-500)";
90
- export declare const yellow600 = "var(--seed-color-palette-yellow-600)";
91
- export declare const yellow700 = "var(--seed-color-palette-yellow-700)";
92
- export declare const yellow800 = "var(--seed-color-palette-yellow-800)";
93
- export declare const yellow900 = "var(--seed-color-palette-yellow-900)";
94
- export declare const yellow1000 = "var(--seed-color-palette-yellow-1000)";
94
+ export declare const staticWhiteAlpha1000 = "var(--seed-color-palette-static-white-alpha-1000)";
package/vars/color/palette.mjs CHANGED
@@ -1,23 +1,3 @@
1
- export const blue100 = "var(--seed-color-palette-blue-100)";
2
- export const blue200 = "var(--seed-color-palette-blue-200)";
3
- export const blue300 = "var(--seed-color-palette-blue-300)";
4
- export const blue400 = "var(--seed-color-palette-blue-400)";
5
- export const blue500 = "var(--seed-color-palette-blue-500)";
6
- export const blue600 = "var(--seed-color-palette-blue-600)";
7
- export const blue700 = "var(--seed-color-palette-blue-700)";
8
- export const blue800 = "var(--seed-color-palette-blue-800)";
9
- export const blue900 = "var(--seed-color-palette-blue-900)";
10
- export const blue1000 = "var(--seed-color-palette-blue-1000)";
11
- export const carrot100 = "var(--seed-color-palette-carrot-100)";
12
- export const carrot200 = "var(--seed-color-palette-carrot-200)";
13
- export const carrot300 = "var(--seed-color-palette-carrot-300)";
14
- export const carrot400 = "var(--seed-color-palette-carrot-400)";
15
- export const carrot500 = "var(--seed-color-palette-carrot-500)";
16
- export const carrot600 = "var(--seed-color-palette-carrot-600)";
17
- export const carrot700 = "var(--seed-color-palette-carrot-700)";
18
- export const carrot800 = "var(--seed-color-palette-carrot-800)";
19
- export const carrot900 = "var(--seed-color-palette-carrot-900)";
20
- export const carrot1000 = "var(--seed-color-palette-carrot-1000)";
21
1
  export const gray00 = "var(--seed-color-palette-gray-00)";
22
2
  export const gray100 = "var(--seed-color-palette-gray-100)";
23
3
  export const gray200 = "var(--seed-color-palette-gray-200)";
@@ -29,6 +9,36 @@ export const gray700 = "var(--seed-color-palette-gray-700)";
29
9
  export const gray800 = "var(--seed-color-palette-gray-800)";
30
10
  export const gray900 = "var(--seed-color-palette-gray-900)";
31
11
  export const gray1000 = "var(--seed-color-palette-gray-1000)";
12
+ export const carrot100 = "var(--seed-color-palette-carrot-100)";
13
+ export const carrot200 = "var(--seed-color-palette-carrot-200)";
14
+ export const carrot300 = "var(--seed-color-palette-carrot-300)";
15
+ export const carrot400 = "var(--seed-color-palette-carrot-400)";
16
+ export const carrot500 = "var(--seed-color-palette-carrot-500)";
17
+ export const carrot600 = "var(--seed-color-palette-carrot-600)";
18
+ export const carrot700 = "var(--seed-color-palette-carrot-700)";
19
+ export const carrot800 = "var(--seed-color-palette-carrot-800)";
20
+ export const carrot900 = "var(--seed-color-palette-carrot-900)";
21
+ export const carrot1000 = "var(--seed-color-palette-carrot-1000)";
22
+ export const blue100 = "var(--seed-color-palette-blue-100)";
23
+ export const blue200 = "var(--seed-color-palette-blue-200)";
24
+ export const blue300 = "var(--seed-color-palette-blue-300)";
25
+ export const blue400 = "var(--seed-color-palette-blue-400)";
26
+ export const blue500 = "var(--seed-color-palette-blue-500)";
27
+ export const blue600 = "var(--seed-color-palette-blue-600)";
28
+ export const blue700 = "var(--seed-color-palette-blue-700)";
29
+ export const blue800 = "var(--seed-color-palette-blue-800)";
30
+ export const blue900 = "var(--seed-color-palette-blue-900)";
31
+ export const blue1000 = "var(--seed-color-palette-blue-1000)";
32
+ export const red100 = "var(--seed-color-palette-red-100)";
33
+ export const red200 = "var(--seed-color-palette-red-200)";
34
+ export const red300 = "var(--seed-color-palette-red-300)";
35
+ export const red400 = "var(--seed-color-palette-red-400)";
36
+ export const red500 = "var(--seed-color-palette-red-500)";
37
+ export const red600 = "var(--seed-color-palette-red-600)";
38
+ export const red700 = "var(--seed-color-palette-red-700)";
39
+ export const red800 = "var(--seed-color-palette-red-800)";
40
+ export const red900 = "var(--seed-color-palette-red-900)";
41
+ export const red1000 = "var(--seed-color-palette-red-1000)";
32
42
  export const green100 = "var(--seed-color-palette-green-100)";
33
43
  export const green200 = "var(--seed-color-palette-green-200)";
34
44
  export const green300 = "var(--seed-color-palette-green-300)";
@@ -39,6 +49,16 @@ export const green700 = "var(--seed-color-palette-green-700)";
39
49
  export const green800 = "var(--seed-color-palette-green-800)";
40
50
  export const green900 = "var(--seed-color-palette-green-900)";
41
51
  export const green1000 = "var(--seed-color-palette-green-1000)";
52
+ export const yellow100 = "var(--seed-color-palette-yellow-100)";
53
+ export const yellow200 = "var(--seed-color-palette-yellow-200)";
54
+ export const yellow300 = "var(--seed-color-palette-yellow-300)";
55
+ export const yellow400 = "var(--seed-color-palette-yellow-400)";
56
+ export const yellow500 = "var(--seed-color-palette-yellow-500)";
57
+ export const yellow600 = "var(--seed-color-palette-yellow-600)";
58
+ export const yellow700 = "var(--seed-color-palette-yellow-700)";
59
+ export const yellow800 = "var(--seed-color-palette-yellow-800)";
60
+ export const yellow900 = "var(--seed-color-palette-yellow-900)";
61
+ export const yellow1000 = "var(--seed-color-palette-yellow-1000)";
42
62
  export const purple100 = "var(--seed-color-palette-purple-100)";
43
63
  export const purple200 = "var(--seed-color-palette-purple-200)";
44
64
  export const purple300 = "var(--seed-color-palette-purple-300)";
@@ -49,18 +69,7 @@ export const purple700 = "var(--seed-color-palette-purple-700)";
49
69
  export const purple800 = "var(--seed-color-palette-purple-800)";
50
70
  export const purple900 = "var(--seed-color-palette-purple-900)";
51
71
  export const purple1000 = "var(--seed-color-palette-purple-1000)";
52
- export const red100 = "var(--seed-color-palette-red-100)";
53
- export const red200 = "var(--seed-color-palette-red-200)";
54
- export const red300 = "var(--seed-color-palette-red-300)";
55
- export const red400 = "var(--seed-color-palette-red-400)";
56
- export const red500 = "var(--seed-color-palette-red-500)";
57
- export const red600 = "var(--seed-color-palette-red-600)";
58
- export const red700 = "var(--seed-color-palette-red-700)";
59
- export const red800 = "var(--seed-color-palette-red-800)";
60
- export const red900 = "var(--seed-color-palette-red-900)";
61
- export const red1000 = "var(--seed-color-palette-red-1000)";
62
72
  export const staticBlack = "var(--seed-color-palette-static-black)";
63
- export const staticWhite = "var(--seed-color-palette-static-white)";
64
73
  export const staticBlackAlpha100 = "var(--seed-color-palette-static-black-alpha-100)";
65
74
  export const staticBlackAlpha200 = "var(--seed-color-palette-static-black-alpha-200)";
66
75
  export const staticBlackAlpha300 = "var(--seed-color-palette-static-black-alpha-300)";
@@ -71,6 +80,7 @@ export const staticBlackAlpha700 = "var(--seed-color-palette-static-black-alpha-
71
80
  export const staticBlackAlpha800 = "var(--seed-color-palette-static-black-alpha-800)";
72
81
  export const staticBlackAlpha900 = "var(--seed-color-palette-static-black-alpha-900)";
73
82
  export const staticBlackAlpha1000 = "var(--seed-color-palette-static-black-alpha-1000)";
83
+ export const staticWhite = "var(--seed-color-palette-static-white)";
74
84
  export const staticWhiteAlpha50 = "var(--seed-color-palette-static-white-alpha-50)";
75
85
  export const staticWhiteAlpha100 = "var(--seed-color-palette-static-white-alpha-100)";
76
86
  export const staticWhiteAlpha200 = "var(--seed-color-palette-static-white-alpha-200)";
@@ -81,14 +91,4 @@ export const staticWhiteAlpha600 = "var(--seed-color-palette-static-white-alpha-
81
91
  export const staticWhiteAlpha700 = "var(--seed-color-palette-static-white-alpha-700)";
82
92
  export const staticWhiteAlpha800 = "var(--seed-color-palette-static-white-alpha-800)";
83
93
  export const staticWhiteAlpha900 = "var(--seed-color-palette-static-white-alpha-900)";
84
- export const staticWhiteAlpha1000 = "var(--seed-color-palette-static-white-alpha-1000)";
85
- export const yellow100 = "var(--seed-color-palette-yellow-100)";
86
- export const yellow200 = "var(--seed-color-palette-yellow-200)";
87
- export const yellow300 = "var(--seed-color-palette-yellow-300)";
88
- export const yellow400 = "var(--seed-color-palette-yellow-400)";
89
- export const yellow500 = "var(--seed-color-palette-yellow-500)";
90
- export const yellow600 = "var(--seed-color-palette-yellow-600)";
91
- export const yellow700 = "var(--seed-color-palette-yellow-700)";
92
- export const yellow800 = "var(--seed-color-palette-yellow-800)";
93
- export const yellow900 = "var(--seed-color-palette-yellow-900)";
94
- export const yellow1000 = "var(--seed-color-palette-yellow-1000)";
94
+ export const staticWhiteAlpha1000 = "var(--seed-color-palette-static-white-alpha-1000)";
package/vars/color/stroke.d.ts CHANGED
@@ -1,15 +1,15 @@
1
- export declare const brandWeak = "var(--seed-color-stroke-brand-weak)";
2
1
  export declare const brandSolid = "var(--seed-color-stroke-brand-solid)";
3
- export declare const criticalWeak = "var(--seed-color-stroke-critical-weak)";
2
+ export declare const brandWeak = "var(--seed-color-stroke-brand-weak)";
4
3
  export declare const criticalSolid = "var(--seed-color-stroke-critical-solid)";
5
- export declare const informativeWeak = "var(--seed-color-stroke-informative-weak)";
4
+ export declare const criticalWeak = "var(--seed-color-stroke-critical-weak)";
6
5
  export declare const informativeSolid = "var(--seed-color-stroke-informative-solid)";
6
+ export declare const informativeWeak = "var(--seed-color-stroke-informative-weak)";
7
7
  export declare const neutralContrast = "var(--seed-color-stroke-neutral-contrast)";
8
- export declare const neutralSolid = "var(--seed-color-stroke-neutral-solid)";
9
- export declare const neutralWeak = "var(--seed-color-stroke-neutral-weak)";
10
8
  export declare const neutralMuted = "var(--seed-color-stroke-neutral-muted)";
9
+ export declare const neutralSolid = "var(--seed-color-stroke-neutral-solid)";
11
10
  export declare const neutralSubtle = "var(--seed-color-stroke-neutral-subtle)";
12
- export declare const positiveWeak = "var(--seed-color-stroke-positive-weak)";
11
+ export declare const neutralWeak = "var(--seed-color-stroke-neutral-weak)";
13
12
  export declare const positiveSolid = "var(--seed-color-stroke-positive-solid)";
14
- export declare const warningWeak = "var(--seed-color-stroke-warning-weak)";
15
- export declare const warningSolid = "var(--seed-color-stroke-warning-solid)";
13
+ export declare const positiveWeak = "var(--seed-color-stroke-positive-weak)";
14
+ export declare const warningSolid = "var(--seed-color-stroke-warning-solid)";
15
+ export declare const warningWeak = "var(--seed-color-stroke-warning-weak)";
package/vars/color/stroke.mjs CHANGED
@@ -1,15 +1,15 @@
1
- export const brandWeak = "var(--seed-color-stroke-brand-weak)";
2
1
  export const brandSolid = "var(--seed-color-stroke-brand-solid)";
3
- export const criticalWeak = "var(--seed-color-stroke-critical-weak)";
2
+ export const brandWeak = "var(--seed-color-stroke-brand-weak)";
4
3
  export const criticalSolid = "var(--seed-color-stroke-critical-solid)";
5
- export const informativeWeak = "var(--seed-color-stroke-informative-weak)";
4
+ export const criticalWeak = "var(--seed-color-stroke-critical-weak)";
6
5
  export const informativeSolid = "var(--seed-color-stroke-informative-solid)";
6
+ export const informativeWeak = "var(--seed-color-stroke-informative-weak)";
7
7
  export const neutralContrast = "var(--seed-color-stroke-neutral-contrast)";
8
- export const neutralSolid = "var(--seed-color-stroke-neutral-solid)";
9
- export const neutralWeak = "var(--seed-color-stroke-neutral-weak)";
10
8
  export const neutralMuted = "var(--seed-color-stroke-neutral-muted)";
9
+ export const neutralSolid = "var(--seed-color-stroke-neutral-solid)";
11
10
  export const neutralSubtle = "var(--seed-color-stroke-neutral-subtle)";
12
- export const positiveWeak = "var(--seed-color-stroke-positive-weak)";
11
+ export const neutralWeak = "var(--seed-color-stroke-neutral-weak)";
13
12
  export const positiveSolid = "var(--seed-color-stroke-positive-solid)";
14
- export const warningWeak = "var(--seed-color-stroke-warning-weak)";
15
- export const warningSolid = "var(--seed-color-stroke-warning-solid)";
13
+ export const positiveWeak = "var(--seed-color-stroke-positive-weak)";
14
+ export const warningSolid = "var(--seed-color-stroke-warning-solid)";
15
+ export const warningWeak = "var(--seed-color-stroke-warning-weak)";