@seed-design/vars 0.0.1-alpha-20250210081704

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 (138) hide show
  1. package/README.md +2 -0
  2. package/lib/color/bg.d.ts +39 -0
  3. package/lib/color/bg.mjs +39 -0
  4. package/lib/color/fg.d.ts +17 -0
  5. package/lib/color/fg.mjs +17 -0
  6. package/lib/color/index.d.ts +5 -0
  7. package/lib/color/index.mjs +5 -0
  8. package/lib/color/manner-temp/index.d.ts +6 -0
  9. package/lib/color/manner-temp/index.mjs +6 -0
  10. package/lib/color/manner-temp/l1.d.ts +2 -0
  11. package/lib/color/manner-temp/l1.mjs +2 -0
  12. package/lib/color/manner-temp/l2.d.ts +2 -0
  13. package/lib/color/manner-temp/l2.mjs +2 -0
  14. package/lib/color/manner-temp/l3.d.ts +2 -0
  15. package/lib/color/manner-temp/l3.mjs +2 -0
  16. package/lib/color/manner-temp/l4.d.ts +2 -0
  17. package/lib/color/manner-temp/l4.mjs +2 -0
  18. package/lib/color/manner-temp/l5.d.ts +2 -0
  19. package/lib/color/manner-temp/l5.mjs +2 -0
  20. package/lib/color/manner-temp/l6.d.ts +2 -0
  21. package/lib/color/manner-temp/l6.mjs +2 -0
  22. package/lib/color/palette.d.ts +78 -0
  23. package/lib/color/palette.mjs +78 -0
  24. package/lib/color/stroke.d.ts +10 -0
  25. package/lib/color/stroke.mjs +10 -0
  26. package/lib/component/action-button.d.ts +491 -0
  27. package/lib/component/action-button.mjs +491 -0
  28. package/lib/component/action-chip.d.ts +128 -0
  29. package/lib/component/action-chip.mjs +128 -0
  30. package/lib/component/action-sheet-close-button.d.ts +23 -0
  31. package/lib/component/action-sheet-close-button.mjs +23 -0
  32. package/lib/component/action-sheet-item.d.ts +36 -0
  33. package/lib/component/action-sheet-item.mjs +36 -0
  34. package/lib/component/action-sheet.d.ts +45 -0
  35. package/lib/component/action-sheet.mjs +45 -0
  36. package/lib/component/avatar-stack.d.ts +60 -0
  37. package/lib/component/avatar-stack.mjs +60 -0
  38. package/lib/component/avatar.d.ts +83 -0
  39. package/lib/component/avatar.mjs +83 -0
  40. package/lib/component/badge.d.ts +223 -0
  41. package/lib/component/badge.mjs +223 -0
  42. package/lib/component/bottom-sheet.d.ts +61 -0
  43. package/lib/component/bottom-sheet.mjs +61 -0
  44. package/lib/component/callout.d.ts +185 -0
  45. package/lib/component/callout.mjs +185 -0
  46. package/lib/component/checkbox.d.ts +171 -0
  47. package/lib/component/checkbox.mjs +171 -0
  48. package/lib/component/chip-tab.d.ts +98 -0
  49. package/lib/component/chip-tab.mjs +98 -0
  50. package/lib/component/chip-tablist.d.ts +23 -0
  51. package/lib/component/chip-tablist.mjs +23 -0
  52. package/lib/component/control-chip.d.ts +156 -0
  53. package/lib/component/control-chip.mjs +156 -0
  54. package/lib/component/dialog.d.ts +49 -0
  55. package/lib/component/dialog.mjs +49 -0
  56. package/lib/component/expand-button.d.ts +41 -0
  57. package/lib/component/expand-button.mjs +41 -0
  58. package/lib/component/extended-action-sheet-close-button.d.ts +25 -0
  59. package/lib/component/extended-action-sheet-close-button.mjs +25 -0
  60. package/lib/component/extended-action-sheet-item.d.ts +46 -0
  61. package/lib/component/extended-action-sheet-item.mjs +46 -0
  62. package/lib/component/extended-action-sheet.d.ts +48 -0
  63. package/lib/component/extended-action-sheet.mjs +48 -0
  64. package/lib/component/extended-fab.d.ts +82 -0
  65. package/lib/component/extended-fab.mjs +82 -0
  66. package/lib/component/fab.d.ts +21 -0
  67. package/lib/component/fab.mjs +21 -0
  68. package/lib/component/help-bubble.d.ts +36 -0
  69. package/lib/component/help-bubble.mjs +36 -0
  70. package/lib/component/identity-placeholder.d.ts +12 -0
  71. package/lib/component/identity-placeholder.mjs +12 -0
  72. package/lib/component/index.d.ts +40 -0
  73. package/lib/component/index.mjs +40 -0
  74. package/lib/component/inline-banner.d.ts +211 -0
  75. package/lib/component/inline-banner.mjs +211 -0
  76. package/lib/component/manner-temp-badge.d.ts +77 -0
  77. package/lib/component/manner-temp-badge.mjs +77 -0
  78. package/lib/component/progress-circle.d.ts +67 -0
  79. package/lib/component/progress-circle.mjs +67 -0
  80. package/lib/component/radio.d.ts +77 -0
  81. package/lib/component/radio.mjs +77 -0
  82. package/lib/component/reaction-button.d.ts +134 -0
  83. package/lib/component/reaction-button.mjs +134 -0
  84. package/lib/component/segment.d.ts +34 -0
  85. package/lib/component/segment.mjs +34 -0
  86. package/lib/component/segmented-control-item.d.ts +34 -0
  87. package/lib/component/segmented-control-item.mjs +34 -0
  88. package/lib/component/segmented-control.d.ts +18 -0
  89. package/lib/component/segmented-control.mjs +18 -0
  90. package/lib/component/select-box-group.d.ts +9 -0
  91. package/lib/component/select-box-group.mjs +9 -0
  92. package/lib/component/select-box.d.ts +92 -0
  93. package/lib/component/select-box.mjs +92 -0
  94. package/lib/component/skeleton.d.ts +42 -0
  95. package/lib/component/skeleton.mjs +42 -0
  96. package/lib/component/snackbar.d.ts +58 -0
  97. package/lib/component/snackbar.mjs +58 -0
  98. package/lib/component/switch.d.ts +65 -0
  99. package/lib/component/switch.mjs +65 -0
  100. package/lib/component/tab.d.ts +53 -0
  101. package/lib/component/tab.mjs +53 -0
  102. package/lib/component/tablist.d.ts +51 -0
  103. package/lib/component/tablist.mjs +51 -0
  104. package/lib/component/text-button.d.ts +107 -0
  105. package/lib/component/text-button.mjs +107 -0
  106. package/lib/component/text-field.d.ts +295 -0
  107. package/lib/component/text-field.mjs +295 -0
  108. package/lib/component/toggle-button.d.ts +205 -0
  109. package/lib/component/toggle-button.mjs +205 -0
  110. package/lib/component/top-navigation.d.ts +86 -0
  111. package/lib/component/top-navigation.mjs +86 -0
  112. package/lib/component/typography.d.ts +209 -0
  113. package/lib/component/typography.mjs +209 -0
  114. package/lib/dimension/index.d.ts +22 -0
  115. package/lib/dimension/index.mjs +22 -0
  116. package/lib/dimension/spacing-x.d.ts +2 -0
  117. package/lib/dimension/spacing-x.mjs +2 -0
  118. package/lib/dimension/spacing-y.d.ts +2 -0
  119. package/lib/dimension/spacing-y.mjs +2 -0
  120. package/lib/duration.d.ts +6 -0
  121. package/lib/duration.mjs +6 -0
  122. package/lib/font-size.d.ts +13 -0
  123. package/lib/font-size.mjs +13 -0
  124. package/lib/font-weight.d.ts +3 -0
  125. package/lib/font-weight.mjs +3 -0
  126. package/lib/gradient.d.ts +1 -0
  127. package/lib/gradient.mjs +1 -0
  128. package/lib/index.d.ts +32 -0
  129. package/lib/index.mjs +1 -0
  130. package/lib/line-height.d.ts +10 -0
  131. package/lib/line-height.mjs +10 -0
  132. package/lib/radius.d.ts +11 -0
  133. package/lib/radius.mjs +11 -0
  134. package/lib/timing-function.d.ts +6 -0
  135. package/lib/timing-function.mjs +6 -0
  136. package/lib/vars.d.ts +9 -0
  137. package/lib/vars.mjs +9 -0
  138. package/package.json +43 -0
package/README.md ADDED
@@ -0,0 +1,2 @@
1
+ # @seed-design/vars
2
+
package/lib/color/bg.d.ts ADDED
@@ -0,0 +1,39 @@
1
+ export declare const overlay = "var(--seed-v3-color-bg-overlay)";
2
+ export declare const disabled = "var(--seed-v3-color-bg-disabled)";
3
+ export declare const brandWeak = "var(--seed-v3-color-bg-brand-weak)";
4
+ export declare const brandSolid = "var(--seed-v3-color-bg-brand-solid)";
5
+ export declare const brandSolidPressed = "var(--seed-v3-color-bg-brand-solid-pressed)";
6
+ export declare const brandWeakPressed = "var(--seed-v3-color-bg-brand-weak-pressed)";
7
+ export declare const criticalWeak = "var(--seed-v3-color-bg-critical-weak)";
8
+ export declare const criticalSolid = "var(--seed-v3-color-bg-critical-solid)";
9
+ export declare const criticalSolidPressed = "var(--seed-v3-color-bg-critical-solid-pressed)";
10
+ export declare const criticalWeakPressed = "var(--seed-v3-color-bg-critical-weak-pressed)";
11
+ export declare const informativeWeak = "var(--seed-v3-color-bg-informative-weak)";
12
+ export declare const informativeSolid = "var(--seed-v3-color-bg-informative-solid)";
13
+ export declare const informativeSolidPressed = "var(--seed-v3-color-bg-informative-solid-pressed)";
14
+ export declare const informativeWeakPressed = "var(--seed-v3-color-bg-informative-weak-pressed)";
15
+ export declare const layerDefault = "var(--seed-v3-color-bg-layer-default)";
16
+ export declare const layerFill = "var(--seed-v3-color-bg-layer-fill)";
17
+ export declare const layerBasement = "var(--seed-v3-color-bg-layer-basement)";
18
+ export declare const layerFloating = "var(--seed-v3-color-bg-layer-floating)";
19
+ export declare const layerDefaultPressed = "var(--seed-v3-color-bg-layer-default-pressed)";
20
+ export declare const layerFloatingPressed = "var(--seed-v3-color-bg-layer-floating-pressed)";
21
+ export declare const magicSolid = "var(--seed-v3-color-bg-magic-solid)";
22
+ export declare const magicWeak = "var(--seed-v3-color-bg-magic-weak)";
23
+ export declare const magicSolidPressed = "var(--seed-v3-color-bg-magic-solid-pressed)";
24
+ export declare const magicWeakPressed = "var(--seed-v3-color-bg-magic-weak-pressed)";
25
+ export declare const neutralWeak = "var(--seed-v3-color-bg-neutral-weak)";
26
+ export declare const neutralInverted = "var(--seed-v3-color-bg-neutral-inverted)";
27
+ export declare const neutralSolid = "var(--seed-v3-color-bg-neutral-solid)";
28
+ export declare const neutralInvertedPressed = "var(--seed-v3-color-bg-neutral-inverted-pressed)";
29
+ export declare const neutralSolidMuted = "var(--seed-v3-color-bg-neutral-solid-muted)";
30
+ export declare const neutralSolidMutedPressed = "var(--seed-v3-color-bg-neutral-solid-muted-pressed)";
31
+ export declare const neutralWeakPressed = "var(--seed-v3-color-bg-neutral-weak-pressed)";
32
+ export declare const overlayMuted = "var(--seed-v3-color-bg-overlay-muted)";
33
+ export declare const positiveWeak = "var(--seed-v3-color-bg-positive-weak)";
34
+ export declare const positiveSolid = "var(--seed-v3-color-bg-positive-solid)";
35
+ export declare const positiveSolidPressed = "var(--seed-v3-color-bg-positive-solid-pressed)";
36
+ export declare const positiveWeakPressed = "var(--seed-v3-color-bg-positive-weak-pressed)";
37
+ export declare const warningSolid = "var(--seed-v3-color-bg-warning-solid)";
38
+ export declare const warningWeak = "var(--seed-v3-color-bg-warning-weak)";
39
+ export declare const warningWeakPressed = "var(--seed-v3-color-bg-warning-weak-pressed)";
package/lib/color/bg.mjs ADDED
@@ -0,0 +1,39 @@
1
+ export const overlay = "var(--seed-v3-color-bg-overlay)";
2
+ export const disabled = "var(--seed-v3-color-bg-disabled)";
3
+ export const brandWeak = "var(--seed-v3-color-bg-brand-weak)";
4
+ export const brandSolid = "var(--seed-v3-color-bg-brand-solid)";
5
+ export const brandSolidPressed = "var(--seed-v3-color-bg-brand-solid-pressed)";
6
+ export const brandWeakPressed = "var(--seed-v3-color-bg-brand-weak-pressed)";
7
+ export const criticalWeak = "var(--seed-v3-color-bg-critical-weak)";
8
+ export const criticalSolid = "var(--seed-v3-color-bg-critical-solid)";
9
+ export const criticalSolidPressed = "var(--seed-v3-color-bg-critical-solid-pressed)";
10
+ export const criticalWeakPressed = "var(--seed-v3-color-bg-critical-weak-pressed)";
11
+ export const informativeWeak = "var(--seed-v3-color-bg-informative-weak)";
12
+ export const informativeSolid = "var(--seed-v3-color-bg-informative-solid)";
13
+ export const informativeSolidPressed = "var(--seed-v3-color-bg-informative-solid-pressed)";
14
+ export const informativeWeakPressed = "var(--seed-v3-color-bg-informative-weak-pressed)";
15
+ export const layerDefault = "var(--seed-v3-color-bg-layer-default)";
16
+ export const layerFill = "var(--seed-v3-color-bg-layer-fill)";
17
+ export const layerBasement = "var(--seed-v3-color-bg-layer-basement)";
18
+ export const layerFloating = "var(--seed-v3-color-bg-layer-floating)";
19
+ export const layerDefaultPressed = "var(--seed-v3-color-bg-layer-default-pressed)";
20
+ export const layerFloatingPressed = "var(--seed-v3-color-bg-layer-floating-pressed)";
21
+ export const magicSolid = "var(--seed-v3-color-bg-magic-solid)";
22
+ export const magicWeak = "var(--seed-v3-color-bg-magic-weak)";
23
+ export const magicSolidPressed = "var(--seed-v3-color-bg-magic-solid-pressed)";
24
+ export const magicWeakPressed = "var(--seed-v3-color-bg-magic-weak-pressed)";
25
+ export const neutralWeak = "var(--seed-v3-color-bg-neutral-weak)";
26
+ export const neutralInverted = "var(--seed-v3-color-bg-neutral-inverted)";
27
+ export const neutralSolid = "var(--seed-v3-color-bg-neutral-solid)";
28
+ export const neutralInvertedPressed = "var(--seed-v3-color-bg-neutral-inverted-pressed)";
29
+ export const neutralSolidMuted = "var(--seed-v3-color-bg-neutral-solid-muted)";
30
+ export const neutralSolidMutedPressed = "var(--seed-v3-color-bg-neutral-solid-muted-pressed)";
31
+ export const neutralWeakPressed = "var(--seed-v3-color-bg-neutral-weak-pressed)";
32
+ export const overlayMuted = "var(--seed-v3-color-bg-overlay-muted)";
33
+ export const positiveWeak = "var(--seed-v3-color-bg-positive-weak)";
34
+ export const positiveSolid = "var(--seed-v3-color-bg-positive-solid)";
35
+ export const positiveSolidPressed = "var(--seed-v3-color-bg-positive-solid-pressed)";
36
+ export const positiveWeakPressed = "var(--seed-v3-color-bg-positive-weak-pressed)";
37
+ export const warningSolid = "var(--seed-v3-color-bg-warning-solid)";
38
+ export const warningWeak = "var(--seed-v3-color-bg-warning-weak)";
39
+ export const warningWeakPressed = "var(--seed-v3-color-bg-warning-weak-pressed)";
package/lib/color/fg.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ export declare const neutral = "var(--seed-v3-color-fg-neutral)";
2
+ export declare const critical = "var(--seed-v3-color-fg-critical)";
3
+ export declare const positive = "var(--seed-v3-color-fg-positive)";
4
+ export declare const informative = "var(--seed-v3-color-fg-informative)";
5
+ export declare const placeholder = "var(--seed-v3-color-fg-placeholder)";
6
+ export declare const disabled = "var(--seed-v3-color-fg-disabled)";
7
+ export declare const brand = "var(--seed-v3-color-fg-brand)";
8
+ export declare const magic = "var(--seed-v3-color-fg-magic)";
9
+ export declare const brandContrast = "var(--seed-v3-color-fg-brand-contrast)";
10
+ export declare const criticalContrast = "var(--seed-v3-color-fg-critical-contrast)";
11
+ export declare const informativeContrast = "var(--seed-v3-color-fg-informative-contrast)";
12
+ export declare const magicContrast = "var(--seed-v3-color-fg-magic-contrast)";
13
+ export declare const neutralMuted = "var(--seed-v3-color-fg-neutral-muted)";
14
+ export declare const neutralSubtle = "var(--seed-v3-color-fg-neutral-subtle)";
15
+ export declare const neutralInverted = "var(--seed-v3-color-fg-neutral-inverted)";
16
+ export declare const positiveContrast = "var(--seed-v3-color-fg-positive-contrast)";
17
+ export declare const warningContrast = "var(--seed-v3-color-fg-warning-contrast)";
package/lib/color/fg.mjs ADDED
@@ -0,0 +1,17 @@
1
+ export const neutral = "var(--seed-v3-color-fg-neutral)";
2
+ export const critical = "var(--seed-v3-color-fg-critical)";
3
+ export const positive = "var(--seed-v3-color-fg-positive)";
4
+ export const informative = "var(--seed-v3-color-fg-informative)";
5
+ export const placeholder = "var(--seed-v3-color-fg-placeholder)";
6
+ export const disabled = "var(--seed-v3-color-fg-disabled)";
7
+ export const brand = "var(--seed-v3-color-fg-brand)";
8
+ export const magic = "var(--seed-v3-color-fg-magic)";
9
+ export const brandContrast = "var(--seed-v3-color-fg-brand-contrast)";
10
+ export const criticalContrast = "var(--seed-v3-color-fg-critical-contrast)";
11
+ export const informativeContrast = "var(--seed-v3-color-fg-informative-contrast)";
12
+ export const magicContrast = "var(--seed-v3-color-fg-magic-contrast)";
13
+ export const neutralMuted = "var(--seed-v3-color-fg-neutral-muted)";
14
+ export const neutralSubtle = "var(--seed-v3-color-fg-neutral-subtle)";
15
+ export const neutralInverted = "var(--seed-v3-color-fg-neutral-inverted)";
16
+ export const positiveContrast = "var(--seed-v3-color-fg-positive-contrast)";
17
+ export const warningContrast = "var(--seed-v3-color-fg-warning-contrast)";
package/lib/color/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export * as palette from "./palette";
2
+ export * as fg from "./fg";
3
+ export * as bg from "./bg";
4
+ export * as stroke from "./stroke";
5
+ export * as mannerTemp from "./manner-temp";
package/lib/color/index.mjs ADDED
@@ -0,0 +1,5 @@
1
+ export * as palette from "./palette.mjs";
2
+ export * as fg from "./fg.mjs";
3
+ export * as bg from "./bg.mjs";
4
+ export * as stroke from "./stroke.mjs";
5
+ export * as mannerTemp from "./manner-temp/index.mjs";
package/lib/color/manner-temp/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export * as l1 from "./l1";
2
+ export * as l2 from "./l2";
3
+ export * as l3 from "./l3";
4
+ export * as l4 from "./l4";
5
+ export * as l5 from "./l5";
6
+ export * as l6 from "./l6";
package/lib/color/manner-temp/index.mjs ADDED
@@ -0,0 +1,6 @@
1
+ export * as l1 from "./l1.mjs";
2
+ export * as l2 from "./l2.mjs";
3
+ export * as l3 from "./l3.mjs";
4
+ export * as l4 from "./l4.mjs";
5
+ export * as l5 from "./l5.mjs";
6
+ export * as l6 from "./l6.mjs";
package/lib/color/manner-temp/l1.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const text = "var(--seed-v3-color-manner-temp-l1-text)";
2
+ export declare const bg = "var(--seed-v3-color-manner-temp-l1-bg)";
package/lib/color/manner-temp/l1.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export const text = "var(--seed-v3-color-manner-temp-l1-text)";
2
+ export const bg = "var(--seed-v3-color-manner-temp-l1-bg)";
package/lib/color/manner-temp/l2.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const text = "var(--seed-v3-color-manner-temp-l2-text)";
2
+ export declare const bg = "var(--seed-v3-color-manner-temp-l2-bg)";
package/lib/color/manner-temp/l2.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export const text = "var(--seed-v3-color-manner-temp-l2-text)";
2
+ export const bg = "var(--seed-v3-color-manner-temp-l2-bg)";
package/lib/color/manner-temp/l3.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const text = "var(--seed-v3-color-manner-temp-l3-text)";
2
+ export declare const bg = "var(--seed-v3-color-manner-temp-l3-bg)";
package/lib/color/manner-temp/l3.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export const text = "var(--seed-v3-color-manner-temp-l3-text)";
2
+ export const bg = "var(--seed-v3-color-manner-temp-l3-bg)";
package/lib/color/manner-temp/l4.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const text = "var(--seed-v3-color-manner-temp-l4-text)";
2
+ export declare const bg = "var(--seed-v3-color-manner-temp-l4-bg)";
package/lib/color/manner-temp/l4.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export const text = "var(--seed-v3-color-manner-temp-l4-text)";
2
+ export const bg = "var(--seed-v3-color-manner-temp-l4-bg)";
package/lib/color/manner-temp/l5.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const text = "var(--seed-v3-color-manner-temp-l5-text)";
2
+ export declare const bg = "var(--seed-v3-color-manner-temp-l5-bg)";
package/lib/color/manner-temp/l5.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export const text = "var(--seed-v3-color-manner-temp-l5-text)";
2
+ export const bg = "var(--seed-v3-color-manner-temp-l5-bg)";
package/lib/color/manner-temp/l6.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const text = "var(--seed-v3-color-manner-temp-l6-text)";
2
+ export declare const bg = "var(--seed-v3-color-manner-temp-l6-bg)";
package/lib/color/manner-temp/l6.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export const text = "var(--seed-v3-color-manner-temp-l6-text)";
2
+ export const bg = "var(--seed-v3-color-manner-temp-l6-bg)";
package/lib/color/palette.d.ts ADDED
@@ -0,0 +1,78 @@
1
+ export declare const blue100 = "var(--seed-v3-color-palette-blue-100)";
2
+ export declare const blue200 = "var(--seed-v3-color-palette-blue-200)";
3
+ export declare const blue300 = "var(--seed-v3-color-palette-blue-300)";
4
+ export declare const blue400 = "var(--seed-v3-color-palette-blue-400)";
5
+ export declare const blue500 = "var(--seed-v3-color-palette-blue-500)";
6
+ export declare const blue600 = "var(--seed-v3-color-palette-blue-600)";
7
+ export declare const blue700 = "var(--seed-v3-color-palette-blue-700)";
8
+ export declare const blue800 = "var(--seed-v3-color-palette-blue-800)";
9
+ export declare const blue900 = "var(--seed-v3-color-palette-blue-900)";
10
+ export declare const blue1000 = "var(--seed-v3-color-palette-blue-1000)";
11
+ export declare const carrot100 = "var(--seed-v3-color-palette-carrot-100)";
12
+ export declare const carrot200 = "var(--seed-v3-color-palette-carrot-200)";
13
+ export declare const carrot300 = "var(--seed-v3-color-palette-carrot-300)";
14
+ export declare const carrot400 = "var(--seed-v3-color-palette-carrot-400)";
15
+ export declare const carrot500 = "var(--seed-v3-color-palette-carrot-500)";
16
+ export declare const carrot600 = "var(--seed-v3-color-palette-carrot-600)";
17
+ export declare const carrot700 = "var(--seed-v3-color-palette-carrot-700)";
18
+ export declare const carrot800 = "var(--seed-v3-color-palette-carrot-800)";
19
+ export declare const carrot900 = "var(--seed-v3-color-palette-carrot-900)";
20
+ export declare const carrot1000 = "var(--seed-v3-color-palette-carrot-1000)";
21
+ export declare const gray00 = "var(--seed-v3-color-palette-gray-00)";
22
+ export declare const gray100 = "var(--seed-v3-color-palette-gray-100)";
23
+ export declare const gray200 = "var(--seed-v3-color-palette-gray-200)";
24
+ export declare const gray300 = "var(--seed-v3-color-palette-gray-300)";
25
+ export declare const gray400 = "var(--seed-v3-color-palette-gray-400)";
26
+ export declare const gray500 = "var(--seed-v3-color-palette-gray-500)";
27
+ export declare const gray600 = "var(--seed-v3-color-palette-gray-600)";
28
+ export declare const gray700 = "var(--seed-v3-color-palette-gray-700)";
29
+ export declare const gray800 = "var(--seed-v3-color-palette-gray-800)";
30
+ export declare const gray900 = "var(--seed-v3-color-palette-gray-900)";
31
+ export declare const gray1000 = "var(--seed-v3-color-palette-gray-1000)";
32
+ export declare const green100 = "var(--seed-v3-color-palette-green-100)";
33
+ export declare const green200 = "var(--seed-v3-color-palette-green-200)";
34
+ export declare const green300 = "var(--seed-v3-color-palette-green-300)";
35
+ export declare const green400 = "var(--seed-v3-color-palette-green-400)";
36
+ export declare const green500 = "var(--seed-v3-color-palette-green-500)";
37
+ export declare const green600 = "var(--seed-v3-color-palette-green-600)";
38
+ export declare const green700 = "var(--seed-v3-color-palette-green-700)";
39
+ export declare const green800 = "var(--seed-v3-color-palette-green-800)";
40
+ export declare const green900 = "var(--seed-v3-color-palette-green-900)";
41
+ export declare const green1000 = "var(--seed-v3-color-palette-green-1000)";
42
+ export declare const purple100 = "var(--seed-v3-color-palette-purple-100)";
43
+ export declare const purple200 = "var(--seed-v3-color-palette-purple-200)";
44
+ export declare const purple300 = "var(--seed-v3-color-palette-purple-300)";
45
+ export declare const purple400 = "var(--seed-v3-color-palette-purple-400)";
46
+ export declare const purple500 = "var(--seed-v3-color-palette-purple-500)";
47
+ export declare const purple600 = "var(--seed-v3-color-palette-purple-600)";
48
+ export declare const purple700 = "var(--seed-v3-color-palette-purple-700)";
49
+ export declare const purple800 = "var(--seed-v3-color-palette-purple-800)";
50
+ export declare const purple900 = "var(--seed-v3-color-palette-purple-900)";
51
+ export declare const purple1000 = "var(--seed-v3-color-palette-purple-1000)";
52
+ export declare const red100 = "var(--seed-v3-color-palette-red-100)";
53
+ export declare const red200 = "var(--seed-v3-color-palette-red-200)";
54
+ export declare const red300 = "var(--seed-v3-color-palette-red-300)";
55
+ export declare const red400 = "var(--seed-v3-color-palette-red-400)";
56
+ export declare const red500 = "var(--seed-v3-color-palette-red-500)";
57
+ export declare const red600 = "var(--seed-v3-color-palette-red-600)";
58
+ export declare const red700 = "var(--seed-v3-color-palette-red-700)";
59
+ export declare const red800 = "var(--seed-v3-color-palette-red-800)";
60
+ export declare const red900 = "var(--seed-v3-color-palette-red-900)";
61
+ export declare const red1000 = "var(--seed-v3-color-palette-red-1000)";
62
+ export declare const staticBlack = "var(--seed-v3-color-palette-static-black)";
63
+ export declare const staticWhite = "var(--seed-v3-color-palette-static-white)";
64
+ export declare const staticBlackAlpha50 = "var(--seed-v3-color-palette-static-black-alpha-50)";
65
+ export declare const staticBlackAlpha200 = "var(--seed-v3-color-palette-static-black-alpha-200)";
66
+ export declare const staticBlackAlpha500 = "var(--seed-v3-color-palette-static-black-alpha-500)";
67
+ export declare const staticWhiteAlpha200 = "var(--seed-v3-color-palette-static-white-alpha-200)";
68
+ export declare const staticWhiteAlpha800 = "var(--seed-v3-color-palette-static-white-alpha-800)";
69
+ export declare const yellow100 = "var(--seed-v3-color-palette-yellow-100)";
70
+ export declare const yellow200 = "var(--seed-v3-color-palette-yellow-200)";
71
+ export declare const yellow300 = "var(--seed-v3-color-palette-yellow-300)";
72
+ export declare const yellow400 = "var(--seed-v3-color-palette-yellow-400)";
73
+ export declare const yellow500 = "var(--seed-v3-color-palette-yellow-500)";
74
+ export declare const yellow600 = "var(--seed-v3-color-palette-yellow-600)";
75
+ export declare const yellow700 = "var(--seed-v3-color-palette-yellow-700)";
76
+ export declare const yellow800 = "var(--seed-v3-color-palette-yellow-800)";
77
+ export declare const yellow900 = "var(--seed-v3-color-palette-yellow-900)";
78
+ export declare const yellow1000 = "var(--seed-v3-color-palette-yellow-1000)";
package/lib/color/palette.mjs ADDED
@@ -0,0 +1,78 @@
1
+ export const blue100 = "var(--seed-v3-color-palette-blue-100)";
2
+ export const blue200 = "var(--seed-v3-color-palette-blue-200)";
3
+ export const blue300 = "var(--seed-v3-color-palette-blue-300)";
4
+ export const blue400 = "var(--seed-v3-color-palette-blue-400)";
5
+ export const blue500 = "var(--seed-v3-color-palette-blue-500)";
6
+ export const blue600 = "var(--seed-v3-color-palette-blue-600)";
7
+ export const blue700 = "var(--seed-v3-color-palette-blue-700)";
8
+ export const blue800 = "var(--seed-v3-color-palette-blue-800)";
9
+ export const blue900 = "var(--seed-v3-color-palette-blue-900)";
10
+ export const blue1000 = "var(--seed-v3-color-palette-blue-1000)";
11
+ export const carrot100 = "var(--seed-v3-color-palette-carrot-100)";
12
+ export const carrot200 = "var(--seed-v3-color-palette-carrot-200)";
13
+ export const carrot300 = "var(--seed-v3-color-palette-carrot-300)";
14
+ export const carrot400 = "var(--seed-v3-color-palette-carrot-400)";
15
+ export const carrot500 = "var(--seed-v3-color-palette-carrot-500)";
16
+ export const carrot600 = "var(--seed-v3-color-palette-carrot-600)";
17
+ export const carrot700 = "var(--seed-v3-color-palette-carrot-700)";
18
+ export const carrot800 = "var(--seed-v3-color-palette-carrot-800)";
19
+ export const carrot900 = "var(--seed-v3-color-palette-carrot-900)";
20
+ export const carrot1000 = "var(--seed-v3-color-palette-carrot-1000)";
21
+ export const gray00 = "var(--seed-v3-color-palette-gray-00)";
22
+ export const gray100 = "var(--seed-v3-color-palette-gray-100)";
23
+ export const gray200 = "var(--seed-v3-color-palette-gray-200)";
24
+ export const gray300 = "var(--seed-v3-color-palette-gray-300)";
25
+ export const gray400 = "var(--seed-v3-color-palette-gray-400)";
26
+ export const gray500 = "var(--seed-v3-color-palette-gray-500)";
27
+ export const gray600 = "var(--seed-v3-color-palette-gray-600)";
28
+ export const gray700 = "var(--seed-v3-color-palette-gray-700)";
29
+ export const gray800 = "var(--seed-v3-color-palette-gray-800)";
30
+ export const gray900 = "var(--seed-v3-color-palette-gray-900)";
31
+ export const gray1000 = "var(--seed-v3-color-palette-gray-1000)";
32
+ export const green100 = "var(--seed-v3-color-palette-green-100)";
33
+ export const green200 = "var(--seed-v3-color-palette-green-200)";
34
+ export const green300 = "var(--seed-v3-color-palette-green-300)";
35
+ export const green400 = "var(--seed-v3-color-palette-green-400)";
36
+ export const green500 = "var(--seed-v3-color-palette-green-500)";
37
+ export const green600 = "var(--seed-v3-color-palette-green-600)";
38
+ export const green700 = "var(--seed-v3-color-palette-green-700)";
39
+ export const green800 = "var(--seed-v3-color-palette-green-800)";
40
+ export const green900 = "var(--seed-v3-color-palette-green-900)";
41
+ export const green1000 = "var(--seed-v3-color-palette-green-1000)";
42
+ export const purple100 = "var(--seed-v3-color-palette-purple-100)";
43
+ export const purple200 = "var(--seed-v3-color-palette-purple-200)";
44
+ export const purple300 = "var(--seed-v3-color-palette-purple-300)";
45
+ export const purple400 = "var(--seed-v3-color-palette-purple-400)";
46
+ export const purple500 = "var(--seed-v3-color-palette-purple-500)";
47
+ export const purple600 = "var(--seed-v3-color-palette-purple-600)";
48
+ export const purple700 = "var(--seed-v3-color-palette-purple-700)";
49
+ export const purple800 = "var(--seed-v3-color-palette-purple-800)";
50
+ export const purple900 = "var(--seed-v3-color-palette-purple-900)";
51
+ export const purple1000 = "var(--seed-v3-color-palette-purple-1000)";
52
+ export const red100 = "var(--seed-v3-color-palette-red-100)";
53
+ export const red200 = "var(--seed-v3-color-palette-red-200)";
54
+ export const red300 = "var(--seed-v3-color-palette-red-300)";
55
+ export const red400 = "var(--seed-v3-color-palette-red-400)";
56
+ export const red500 = "var(--seed-v3-color-palette-red-500)";
57
+ export const red600 = "var(--seed-v3-color-palette-red-600)";
58
+ export const red700 = "var(--seed-v3-color-palette-red-700)";
59
+ export const red800 = "var(--seed-v3-color-palette-red-800)";
60
+ export const red900 = "var(--seed-v3-color-palette-red-900)";
61
+ export const red1000 = "var(--seed-v3-color-palette-red-1000)";
62
+ export const staticBlack = "var(--seed-v3-color-palette-static-black)";
63
+ export const staticWhite = "var(--seed-v3-color-palette-static-white)";
64
+ export const staticBlackAlpha50 = "var(--seed-v3-color-palette-static-black-alpha-50)";
65
+ export const staticBlackAlpha200 = "var(--seed-v3-color-palette-static-black-alpha-200)";
66
+ export const staticBlackAlpha500 = "var(--seed-v3-color-palette-static-black-alpha-500)";
67
+ export const staticWhiteAlpha200 = "var(--seed-v3-color-palette-static-white-alpha-200)";
68
+ export const staticWhiteAlpha800 = "var(--seed-v3-color-palette-static-white-alpha-800)";
69
+ export const yellow100 = "var(--seed-v3-color-palette-yellow-100)";
70
+ export const yellow200 = "var(--seed-v3-color-palette-yellow-200)";
71
+ export const yellow300 = "var(--seed-v3-color-palette-yellow-300)";
72
+ export const yellow400 = "var(--seed-v3-color-palette-yellow-400)";
73
+ export const yellow500 = "var(--seed-v3-color-palette-yellow-500)";
74
+ export const yellow600 = "var(--seed-v3-color-palette-yellow-600)";
75
+ export const yellow700 = "var(--seed-v3-color-palette-yellow-700)";
76
+ export const yellow800 = "var(--seed-v3-color-palette-yellow-800)";
77
+ export const yellow900 = "var(--seed-v3-color-palette-yellow-900)";
78
+ export const yellow1000 = "var(--seed-v3-color-palette-yellow-1000)";
package/lib/color/stroke.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export declare const neutral = "var(--seed-v3-color-stroke-neutral)";
2
+ export declare const onImage = "var(--seed-v3-color-stroke-on-image)";
3
+ export declare const brand = "var(--seed-v3-color-stroke-brand)";
4
+ export declare const field = "var(--seed-v3-color-stroke-field)";
5
+ export declare const control = "var(--seed-v3-color-stroke-control)";
6
+ export declare const critical = "var(--seed-v3-color-stroke-critical)";
7
+ export declare const positive = "var(--seed-v3-color-stroke-positive)";
8
+ export declare const informative = "var(--seed-v3-color-stroke-informative)";
9
+ export declare const fieldFocused = "var(--seed-v3-color-stroke-field-focused)";
10
+ export declare const neutralMuted = "var(--seed-v3-color-stroke-neutral-muted)";
package/lib/color/stroke.mjs ADDED
@@ -0,0 +1,10 @@
1
+ export const neutral = "var(--seed-v3-color-stroke-neutral)";
2
+ export const onImage = "var(--seed-v3-color-stroke-on-image)";
3
+ export const brand = "var(--seed-v3-color-stroke-brand)";
4
+ export const field = "var(--seed-v3-color-stroke-field)";
5
+ export const control = "var(--seed-v3-color-stroke-control)";
6
+ export const critical = "var(--seed-v3-color-stroke-critical)";
7
+ export const positive = "var(--seed-v3-color-stroke-positive)";
8
+ export const informative = "var(--seed-v3-color-stroke-informative)";
9
+ export const fieldFocused = "var(--seed-v3-color-stroke-field-focused)";
10
+ export const neutralMuted = "var(--seed-v3-color-stroke-neutral-muted)";