@seed-design/css 1.1.15 → 1.1.17

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 (94) hide show
  1. package/all.css +413 -191
  2. package/all.min.css +1 -1
  3. package/base.css +188 -164
  4. package/base.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/app-bar-main.d.ts +1 -1
  7. package/recipes/app-bar-main.mjs +2 -1
  8. package/recipes/app-bar.css +21 -0
  9. package/recipes/app-bar.d.ts +1 -1
  10. package/recipes/app-bar.mjs +2 -1
  11. package/recipes/app-screen.css +34 -4
  12. package/recipes/app-screen.d.ts +1 -1
  13. package/recipes/app-screen.mjs +2 -1
  14. package/recipes/checkmark.css +2 -1
  15. package/recipes/chip-tabs.css +12 -12
  16. package/recipes/chip.css +2 -2
  17. package/recipes/help-bubble.css +1 -1
  18. package/recipes/segmented-control.css +1 -1
  19. package/recipes/tabs.css +6 -6
  20. package/recipes/text.css +125 -0
  21. package/recipes/text.d.ts +1 -1
  22. package/recipes/text.mjs +26 -1
  23. package/vars/color/banner.d.ts +10 -0
  24. package/vars/color/banner.mjs +10 -0
  25. package/vars/color/bg.d.ts +50 -13
  26. package/vars/color/bg.mjs +15 -13
  27. package/vars/color/fg.d.ts +22 -8
  28. package/vars/color/fg.mjs +8 -8
  29. package/vars/color/index.d.ts +2 -1
  30. package/vars/color/index.mjs +2 -1
  31. package/vars/color/manner-temp/index.d.ts +2 -2
  32. package/vars/color/manner-temp/index.mjs +2 -2
  33. package/vars/color/manner-temp/l1.d.ts +2 -2
  34. package/vars/color/manner-temp/l1.mjs +2 -2
  35. package/vars/color/manner-temp/l10.d.ts +2 -2
  36. package/vars/color/manner-temp/l10.mjs +2 -2
  37. package/vars/color/manner-temp/l2.d.ts +2 -2
  38. package/vars/color/manner-temp/l2.mjs +2 -2
  39. package/vars/color/manner-temp/l3.d.ts +2 -2
  40. package/vars/color/manner-temp/l3.mjs +2 -2
  41. package/vars/color/manner-temp/l4.d.ts +2 -2
  42. package/vars/color/manner-temp/l4.mjs +2 -2
  43. package/vars/color/manner-temp/l5.d.ts +2 -2
  44. package/vars/color/manner-temp/l5.mjs +2 -2
  45. package/vars/color/manner-temp/l6.d.ts +2 -2
  46. package/vars/color/manner-temp/l6.mjs +2 -2
  47. package/vars/color/manner-temp/l7.d.ts +2 -2
  48. package/vars/color/manner-temp/l7.mjs +2 -2
  49. package/vars/color/manner-temp/l8.d.ts +2 -2
  50. package/vars/color/manner-temp/l8.mjs +2 -2
  51. package/vars/color/manner-temp/l9.d.ts +2 -2
  52. package/vars/color/manner-temp/l9.mjs +2 -2
  53. package/vars/color/palette.d.ts +42 -42
  54. package/vars/color/palette.mjs +42 -42
  55. package/vars/color/stroke.d.ts +23 -8
  56. package/vars/color/stroke.mjs +8 -8
  57. package/vars/component/action-button.d.ts +119 -0
  58. package/vars/component/avatar.d.ts +16 -0
  59. package/vars/component/badge.d.ts +80 -0
  60. package/vars/component/callout.d.ts +32 -0
  61. package/vars/component/checkmark.d.ts +36 -2
  62. package/vars/component/checkmark.mjs +4 -2
  63. package/vars/component/chip-tab.d.ts +2 -2
  64. package/vars/component/chip-tab.mjs +2 -2
  65. package/vars/component/chip.d.ts +21 -2
  66. package/vars/component/chip.mjs +3 -2
  67. package/vars/component/contextual-floating-button.d.ts +12 -0
  68. package/vars/component/control-chip.d.ts +1 -1
  69. package/vars/component/control-chip.mjs +1 -1
  70. package/vars/component/extended-fab.d.ts +6 -0
  71. package/vars/component/field.d.ts +6 -0
  72. package/vars/component/floating-action-button.d.ts +6 -0
  73. package/vars/component/help-bubble.d.ts +2 -0
  74. package/vars/component/menu-sheet-item.d.ts +12 -0
  75. package/vars/component/notification-badge.d.ts +6 -0
  76. package/vars/component/page-banner.d.ts +46 -0
  77. package/vars/component/progress-circle.d.ts +21 -0
  78. package/vars/component/radiomark.d.ts +3 -0
  79. package/vars/component/segmented-control.d.ts +1 -1
  80. package/vars/component/segmented-control.mjs +1 -1
  81. package/vars/component/skeleton.d.ts +18 -0
  82. package/vars/component/switch-mark.d.ts +3 -0
  83. package/vars/component/text-input.d.ts +12 -0
  84. package/vars/component/toggle-button.d.ts +6 -0
  85. package/vars/component/typography.d.ts +306 -0
  86. package/vars/component/typography.mjs +225 -0
  87. package/vars/dimension/spacing-x.d.ts +2 -0
  88. package/vars/dimension/spacing-y.d.ts +4 -0
  89. package/vars/font-size.d.ts +10 -0
  90. package/vars/gradient.d.ts +14 -3
  91. package/vars/gradient.mjs +3 -3
  92. package/vars/index.d.ts +9 -4
  93. package/vars/line-height.d.ts +10 -0
  94. package/vars/shadow.d.ts +1 -0
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,30 @@
1
- export declare const brandWeak = "var(--seed-color-stroke-brand-weak)";
1
+ /** 브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (solid) */
2
2
  export declare const brandSolid = "var(--seed-color-stroke-brand-solid)";
3
- export declare const criticalWeak = "var(--seed-color-stroke-critical-weak)";
3
+ /** 브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (weak) */
4
+ export declare const brandWeak = "var(--seed-color-stroke-brand-weak)";
5
+ /** 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (solid) */
4
6
  export declare const criticalSolid = "var(--seed-color-stroke-critical-solid)";
5
- export declare const informativeWeak = "var(--seed-color-stroke-informative-weak)";
7
+ /** 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (weak) */
8
+ export declare const criticalWeak = "var(--seed-color-stroke-critical-weak)";
9
+ /** 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (solid) */
6
10
  export declare const informativeSolid = "var(--seed-color-stroke-informative-solid)";
11
+ /** 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (weak) */
12
+ export declare const informativeWeak = "var(--seed-color-stroke-informative-weak)";
13
+ /** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (contrast) */
7
14
  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)";
15
+ /** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (muted) */
10
16
  export declare const neutralMuted = "var(--seed-color-stroke-neutral-muted)";
17
+ /** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid) */
18
+ export declare const neutralSolid = "var(--seed-color-stroke-neutral-solid)";
19
+ /** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (subtle) */
11
20
  export declare const neutralSubtle = "var(--seed-color-stroke-neutral-subtle)";
12
- export declare const positiveWeak = "var(--seed-color-stroke-positive-weak)";
21
+ /** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak) */
22
+ export declare const neutralWeak = "var(--seed-color-stroke-neutral-weak)";
23
+ /** 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (solid) */
13
24
  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)";
25
+ /** 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (weak) */
26
+ export declare const positiveWeak = "var(--seed-color-stroke-positive-weak)";
27
+ /** 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (solid) */
28
+ export declare const warningSolid = "var(--seed-color-stroke-warning-solid)";
29
+ /** 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (weak) */
30
+ 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)";