@seed-design/lynx-css 0.0.0-alpha-20260622094810

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 (301) hide show
  1. package/all.css +2137 -0
  2. package/all.min.css +1 -0
  3. package/base.css +643 -0
  4. package/base.min.css +1 -0
  5. package/package.json +60 -0
  6. package/recipes/action-button.css +489 -0
  7. package/recipes/action-button.d.ts +44 -0
  8. package/recipes/action-button.mjs +212 -0
  9. package/recipes/app-bar-main.css +67 -0
  10. package/recipes/app-bar-main.d.ts +36 -0
  11. package/recipes/app-bar-main.mjs +63 -0
  12. package/recipes/app-bar.css +101 -0
  13. package/recipes/app-bar.d.ts +32 -0
  14. package/recipes/app-bar.mjs +74 -0
  15. package/recipes/badge.css +157 -0
  16. package/recipes/badge.d.ts +32 -0
  17. package/recipes/badge.mjs +131 -0
  18. package/recipes/bottom-sheet-handle.css +19 -0
  19. package/recipes/bottom-sheet-handle.d.ts +21 -0
  20. package/recipes/bottom-sheet-handle.mjs +36 -0
  21. package/recipes/bottom-sheet.css +93 -0
  22. package/recipes/bottom-sheet.d.ts +28 -0
  23. package/recipes/bottom-sheet.mjs +76 -0
  24. package/recipes/checkbox-group.css +5 -0
  25. package/recipes/checkbox-group.d.ts +21 -0
  26. package/recipes/checkbox-group.mjs +36 -0
  27. package/recipes/checkbox.css +34 -0
  28. package/recipes/checkbox.d.ts +32 -0
  29. package/recipes/checkbox.mjs +53 -0
  30. package/recipes/checkmark.css +131 -0
  31. package/recipes/checkmark.d.ts +48 -0
  32. package/recipes/checkmark.mjs +220 -0
  33. package/recipes/progress-circle.css +80 -0
  34. package/recipes/progress-circle.d.ts +30 -0
  35. package/recipes/progress-circle.mjs +40 -0
  36. package/recipes/radio-group.css +5 -0
  37. package/recipes/radio-group.d.ts +21 -0
  38. package/recipes/radio-group.mjs +36 -0
  39. package/recipes/radio.css +34 -0
  40. package/recipes/radio.d.ts +32 -0
  41. package/recipes/radio.mjs +53 -0
  42. package/recipes/radiomark.css +94 -0
  43. package/recipes/radiomark.d.ts +40 -0
  44. package/recipes/radiomark.mjs +121 -0
  45. package/recipes/shared.mjs +48 -0
  46. package/recipes/switch.css +40 -0
  47. package/recipes/switch.d.ts +28 -0
  48. package/recipes/switch.mjs +49 -0
  49. package/recipes/switchmark.css +75 -0
  50. package/recipes/switchmark.d.ts +36 -0
  51. package/recipes/switchmark.mjs +90 -0
  52. package/recipes/tag-group-item.css +34 -0
  53. package/recipes/tag-group-item.d.ts +32 -0
  54. package/recipes/tag-group-item.mjs +55 -0
  55. package/recipes/tag-group.css +32 -0
  56. package/recipes/tag-group.d.ts +24 -0
  57. package/recipes/tag-group.mjs +48 -0
  58. package/vars/color/banner.d.ts +10 -0
  59. package/vars/color/banner.mjs +10 -0
  60. package/vars/color/bg.d.ts +76 -0
  61. package/vars/color/bg.mjs +42 -0
  62. package/vars/color/fg.d.ts +30 -0
  63. package/vars/color/fg.mjs +16 -0
  64. package/vars/color/index.d.ts +6 -0
  65. package/vars/color/index.mjs +6 -0
  66. package/vars/color/manner-temp/index.d.ts +10 -0
  67. package/vars/color/manner-temp/index.mjs +10 -0
  68. package/vars/color/manner-temp/l1.d.ts +2 -0
  69. package/vars/color/manner-temp/l1.mjs +2 -0
  70. package/vars/color/manner-temp/l10.d.ts +2 -0
  71. package/vars/color/manner-temp/l10.mjs +2 -0
  72. package/vars/color/manner-temp/l2.d.ts +2 -0
  73. package/vars/color/manner-temp/l2.mjs +2 -0
  74. package/vars/color/manner-temp/l3.d.ts +2 -0
  75. package/vars/color/manner-temp/l3.mjs +2 -0
  76. package/vars/color/manner-temp/l4.d.ts +2 -0
  77. package/vars/color/manner-temp/l4.mjs +2 -0
  78. package/vars/color/manner-temp/l5.d.ts +2 -0
  79. package/vars/color/manner-temp/l5.mjs +2 -0
  80. package/vars/color/manner-temp/l6.d.ts +2 -0
  81. package/vars/color/manner-temp/l6.mjs +2 -0
  82. package/vars/color/manner-temp/l7.d.ts +2 -0
  83. package/vars/color/manner-temp/l7.mjs +2 -0
  84. package/vars/color/manner-temp/l8.d.ts +2 -0
  85. package/vars/color/manner-temp/l8.mjs +2 -0
  86. package/vars/color/manner-temp/l9.d.ts +2 -0
  87. package/vars/color/manner-temp/l9.mjs +2 -0
  88. package/vars/color/palette.d.ts +94 -0
  89. package/vars/color/palette.mjs +94 -0
  90. package/vars/color/stroke.d.ts +31 -0
  91. package/vars/color/stroke.mjs +16 -0
  92. package/vars/component/accordion-item.d.ts +132 -0
  93. package/vars/component/accordion-item.mjs +126 -0
  94. package/vars/component/accordion.d.ts +22 -0
  95. package/vars/component/accordion.mjs +16 -0
  96. package/vars/component/action-button.d.ts +660 -0
  97. package/vars/component/action-button.mjs +541 -0
  98. package/vars/component/action-chip.d.ts +132 -0
  99. package/vars/component/action-chip.mjs +132 -0
  100. package/vars/component/action-sheet-close-button.d.ts +23 -0
  101. package/vars/component/action-sheet-close-button.mjs +23 -0
  102. package/vars/component/action-sheet-item.d.ts +36 -0
  103. package/vars/component/action-sheet-item.mjs +36 -0
  104. package/vars/component/action-sheet.d.ts +46 -0
  105. package/vars/component/action-sheet.mjs +46 -0
  106. package/vars/component/attachment-input-dropzone.d.ts +32 -0
  107. package/vars/component/attachment-input-dropzone.mjs +30 -0
  108. package/vars/component/attachment-input-item-action-button.d.ts +37 -0
  109. package/vars/component/attachment-input-item-action-button.mjs +37 -0
  110. package/vars/component/attachment-input-item-remove-button.d.ts +28 -0
  111. package/vars/component/attachment-input-item-remove-button.mjs +28 -0
  112. package/vars/component/attachment-input-item.d.ts +103 -0
  113. package/vars/component/attachment-input-item.mjs +102 -0
  114. package/vars/component/attachment-input-trigger.d.ts +46 -0
  115. package/vars/component/attachment-input-trigger.mjs +46 -0
  116. package/vars/component/attachment-input.d.ts +14 -0
  117. package/vars/component/attachment-input.mjs +12 -0
  118. package/vars/component/avatar-stack.d.ts +110 -0
  119. package/vars/component/avatar-stack.mjs +110 -0
  120. package/vars/component/avatar.d.ts +204 -0
  121. package/vars/component/avatar.mjs +162 -0
  122. package/vars/component/badge.d.ts +316 -0
  123. package/vars/component/badge.mjs +236 -0
  124. package/vars/component/bottom-sheet-close-button.d.ts +21 -0
  125. package/vars/component/bottom-sheet-close-button.mjs +21 -0
  126. package/vars/component/bottom-sheet-handle.d.ts +24 -0
  127. package/vars/component/bottom-sheet-handle.mjs +24 -0
  128. package/vars/component/bottom-sheet.d.ts +86 -0
  129. package/vars/component/bottom-sheet.mjs +86 -0
  130. package/vars/component/callout.d.ts +229 -0
  131. package/vars/component/callout.mjs +197 -0
  132. package/vars/component/checkbox-group.d.ts +9 -0
  133. package/vars/component/checkbox-group.mjs +9 -0
  134. package/vars/component/checkbox.d.ts +53 -0
  135. package/vars/component/checkbox.mjs +53 -0
  136. package/vars/component/checkmark.d.ts +195 -0
  137. package/vars/component/checkmark.mjs +165 -0
  138. package/vars/component/chip-tab.d.ts +121 -0
  139. package/vars/component/chip-tab.mjs +121 -0
  140. package/vars/component/chip-tablist.d.ts +24 -0
  141. package/vars/component/chip-tablist.mjs +24 -0
  142. package/vars/component/chip.d.ts +321 -0
  143. package/vars/component/chip.mjs +303 -0
  144. package/vars/component/content-placeholder.d.ts +28 -0
  145. package/vars/component/content-placeholder.mjs +27 -0
  146. package/vars/component/contextual-floating-button.d.ts +144 -0
  147. package/vars/component/contextual-floating-button.mjs +132 -0
  148. package/vars/component/control-chip.d.ts +158 -0
  149. package/vars/component/control-chip.mjs +158 -0
  150. package/vars/component/dialog.d.ts +52 -0
  151. package/vars/component/dialog.mjs +52 -0
  152. package/vars/component/divider.d.ts +9 -0
  153. package/vars/component/divider.mjs +9 -0
  154. package/vars/component/extended-action-sheet-close-button.d.ts +24 -0
  155. package/vars/component/extended-action-sheet-close-button.mjs +24 -0
  156. package/vars/component/extended-action-sheet-item.d.ts +46 -0
  157. package/vars/component/extended-action-sheet-item.mjs +46 -0
  158. package/vars/component/extended-action-sheet.d.ts +55 -0
  159. package/vars/component/extended-action-sheet.mjs +55 -0
  160. package/vars/component/extended-fab.d.ts +88 -0
  161. package/vars/component/extended-fab.mjs +82 -0
  162. package/vars/component/fab.d.ts +21 -0
  163. package/vars/component/fab.mjs +21 -0
  164. package/vars/component/field-label.d.ts +25 -0
  165. package/vars/component/field-label.mjs +25 -0
  166. package/vars/component/field.d.ts +78 -0
  167. package/vars/component/field.mjs +72 -0
  168. package/vars/component/floating-action-button.d.ts +60 -0
  169. package/vars/component/floating-action-button.mjs +54 -0
  170. package/vars/component/help-bubble.d.ts +52 -0
  171. package/vars/component/help-bubble.mjs +50 -0
  172. package/vars/component/identity-placeholder.d.ts +12 -0
  173. package/vars/component/identity-placeholder.mjs +12 -0
  174. package/vars/component/image-frame-floater.d.ts +10 -0
  175. package/vars/component/image-frame-floater.mjs +9 -0
  176. package/vars/component/image-frame-indicator.d.ts +20 -0
  177. package/vars/component/image-frame-indicator.mjs +18 -0
  178. package/vars/component/image-frame-reaction-button.d.ts +35 -0
  179. package/vars/component/image-frame-reaction-button.mjs +26 -0
  180. package/vars/component/image-frame.d.ts +27 -0
  181. package/vars/component/image-frame.mjs +18 -0
  182. package/vars/component/index.d.ts +90 -0
  183. package/vars/component/index.mjs +90 -0
  184. package/vars/component/inline-banner.d.ts +191 -0
  185. package/vars/component/inline-banner.mjs +191 -0
  186. package/vars/component/input-button.d.ts +162 -0
  187. package/vars/component/input-button.mjs +155 -0
  188. package/vars/component/link-content.d.ts +58 -0
  189. package/vars/component/link-content.mjs +58 -0
  190. package/vars/component/list-header.d.ts +29 -0
  191. package/vars/component/list-header.mjs +29 -0
  192. package/vars/component/list-item.d.ts +89 -0
  193. package/vars/component/list-item.mjs +87 -0
  194. package/vars/component/manner-temp-badge.d.ts +117 -0
  195. package/vars/component/manner-temp-badge.mjs +117 -0
  196. package/vars/component/manner-temp.d.ts +88 -0
  197. package/vars/component/manner-temp.mjs +88 -0
  198. package/vars/component/menu-item.d.ts +129 -0
  199. package/vars/component/menu-item.mjs +117 -0
  200. package/vars/component/menu-sheet-close-button.d.ts +24 -0
  201. package/vars/component/menu-sheet-close-button.mjs +24 -0
  202. package/vars/component/menu-sheet-item.d.ts +73 -0
  203. package/vars/component/menu-sheet-item.mjs +61 -0
  204. package/vars/component/menu-sheet.d.ts +56 -0
  205. package/vars/component/menu-sheet.mjs +56 -0
  206. package/vars/component/menu.d.ts +68 -0
  207. package/vars/component/menu.mjs +60 -0
  208. package/vars/component/notification-badge.d.ts +48 -0
  209. package/vars/component/notification-badge.mjs +42 -0
  210. package/vars/component/page-banner.d.ts +382 -0
  211. package/vars/component/page-banner.mjs +336 -0
  212. package/vars/component/progress-circle.d.ts +88 -0
  213. package/vars/component/progress-circle.mjs +67 -0
  214. package/vars/component/radio-group.d.ts +9 -0
  215. package/vars/component/radio-group.mjs +9 -0
  216. package/vars/component/radio.d.ts +53 -0
  217. package/vars/component/radio.mjs +53 -0
  218. package/vars/component/radiomark.d.ts +117 -0
  219. package/vars/component/radiomark.mjs +117 -0
  220. package/vars/component/reaction-button.d.ts +136 -0
  221. package/vars/component/reaction-button.mjs +136 -0
  222. package/vars/component/scroll-fog.d.ts +11 -0
  223. package/vars/component/scroll-fog.mjs +11 -0
  224. package/vars/component/segmented-control-indicator.d.ts +24 -0
  225. package/vars/component/segmented-control-indicator.mjs +24 -0
  226. package/vars/component/segmented-control-item.d.ts +41 -0
  227. package/vars/component/segmented-control-item.mjs +41 -0
  228. package/vars/component/segmented-control.d.ts +11 -0
  229. package/vars/component/segmented-control.mjs +11 -0
  230. package/vars/component/select-box-checkmark.d.ts +40 -0
  231. package/vars/component/select-box-checkmark.mjs +40 -0
  232. package/vars/component/select-box-group.d.ts +10 -0
  233. package/vars/component/select-box-group.mjs +10 -0
  234. package/vars/component/select-box.d.ts +107 -0
  235. package/vars/component/select-box.mjs +102 -0
  236. package/vars/component/side-panel-close-button.d.ts +23 -0
  237. package/vars/component/side-panel-close-button.mjs +23 -0
  238. package/vars/component/side-panel.d.ts +94 -0
  239. package/vars/component/side-panel.mjs +83 -0
  240. package/vars/component/skeleton.d.ts +76 -0
  241. package/vars/component/skeleton.mjs +58 -0
  242. package/vars/component/slider-thumb.d.ts +25 -0
  243. package/vars/component/slider-thumb.mjs +25 -0
  244. package/vars/component/slider-tick.d.ts +23 -0
  245. package/vars/component/slider-tick.mjs +23 -0
  246. package/vars/component/slider.d.ts +78 -0
  247. package/vars/component/slider.mjs +75 -0
  248. package/vars/component/snackbar.d.ts +65 -0
  249. package/vars/component/snackbar.mjs +65 -0
  250. package/vars/component/switch.d.ts +53 -0
  251. package/vars/component/switch.mjs +53 -0
  252. package/vars/component/switchmark.d.ts +112 -0
  253. package/vars/component/switchmark.mjs +112 -0
  254. package/vars/component/tab.d.ts +47 -0
  255. package/vars/component/tab.mjs +47 -0
  256. package/vars/component/tablist.d.ts +51 -0
  257. package/vars/component/tablist.mjs +51 -0
  258. package/vars/component/tag-group-item.d.ts +122 -0
  259. package/vars/component/tag-group-item.mjs +122 -0
  260. package/vars/component/tag-group.d.ts +34 -0
  261. package/vars/component/tag-group.mjs +34 -0
  262. package/vars/component/text-button.d.ts +23 -0
  263. package/vars/component/text-button.mjs +23 -0
  264. package/vars/component/text-input.d.ts +292 -0
  265. package/vars/component/text-input.mjs +263 -0
  266. package/vars/component/toggle-button.d.ts +213 -0
  267. package/vars/component/toggle-button.mjs +207 -0
  268. package/vars/component/top-navigation-icon-button.d.ts +36 -0
  269. package/vars/component/top-navigation-icon-button.mjs +36 -0
  270. package/vars/component/top-navigation-text-button.d.ts +52 -0
  271. package/vars/component/top-navigation-text-button.mjs +51 -0
  272. package/vars/component/top-navigation.d.ts +102 -0
  273. package/vars/component/top-navigation.mjs +94 -0
  274. package/vars/component/typography.d.ts +956 -0
  275. package/vars/component/typography.mjs +785 -0
  276. package/vars/dimension/index.d.ts +22 -0
  277. package/vars/dimension/index.mjs +22 -0
  278. package/vars/dimension/spacing-x.d.ts +4 -0
  279. package/vars/dimension/spacing-x.mjs +2 -0
  280. package/vars/dimension/spacing-y.d.ts +8 -0
  281. package/vars/dimension/spacing-y.mjs +4 -0
  282. package/vars/duration.d.ts +8 -0
  283. package/vars/duration.mjs +8 -0
  284. package/vars/font-size.d.ts +46 -0
  285. package/vars/font-size.mjs +28 -0
  286. package/vars/font-weight.d.ts +3 -0
  287. package/vars/font-weight.mjs +3 -0
  288. package/vars/gradient.d.ts +11 -0
  289. package/vars/gradient.mjs +6 -0
  290. package/vars/index.d.ts +51 -0
  291. package/vars/index.mjs +1 -0
  292. package/vars/line-height.d.ts +46 -0
  293. package/vars/line-height.mjs +28 -0
  294. package/vars/radius.d.ts +11 -0
  295. package/vars/radius.mjs +11 -0
  296. package/vars/shadow.d.ts +4 -0
  297. package/vars/shadow.mjs +3 -0
  298. package/vars/timing-function.d.ts +7 -0
  299. package/vars/timing-function.mjs +7 -0
  300. package/vars/vars.d.ts +10 -0
  301. package/vars/vars.mjs +10 -0
package/vars/dimension/index.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ export declare const x0_5 = "var(--seed-dimension-x0_5)";
2
+ export declare const x1 = "var(--seed-dimension-x1)";
3
+ export declare const x1_5 = "var(--seed-dimension-x1_5)";
4
+ export declare const x2 = "var(--seed-dimension-x2)";
5
+ export declare const x2_5 = "var(--seed-dimension-x2_5)";
6
+ export declare const x3 = "var(--seed-dimension-x3)";
7
+ export declare const x3_5 = "var(--seed-dimension-x3_5)";
8
+ export declare const x4 = "var(--seed-dimension-x4)";
9
+ export declare const x4_5 = "var(--seed-dimension-x4_5)";
10
+ export declare const x5 = "var(--seed-dimension-x5)";
11
+ export declare const x6 = "var(--seed-dimension-x6)";
12
+ export declare const x7 = "var(--seed-dimension-x7)";
13
+ export declare const x8 = "var(--seed-dimension-x8)";
14
+ export declare const x9 = "var(--seed-dimension-x9)";
15
+ export declare const x10 = "var(--seed-dimension-x10)";
16
+ export declare const x12 = "var(--seed-dimension-x12)";
17
+ export declare const x13 = "var(--seed-dimension-x13)";
18
+ export declare const x14 = "var(--seed-dimension-x14)";
19
+ export declare const x16 = "var(--seed-dimension-x16)";
20
+
21
+ export * as spacingX from "./spacing-x";
22
+ export * as spacingY from "./spacing-y";
package/vars/dimension/index.mjs ADDED
@@ -0,0 +1,22 @@
1
+ export const x0_5 = "var(--seed-dimension-x0_5)";
2
+ export const x1 = "var(--seed-dimension-x1)";
3
+ export const x1_5 = "var(--seed-dimension-x1_5)";
4
+ export const x2 = "var(--seed-dimension-x2)";
5
+ export const x2_5 = "var(--seed-dimension-x2_5)";
6
+ export const x3 = "var(--seed-dimension-x3)";
7
+ export const x3_5 = "var(--seed-dimension-x3_5)";
8
+ export const x4 = "var(--seed-dimension-x4)";
9
+ export const x4_5 = "var(--seed-dimension-x4_5)";
10
+ export const x5 = "var(--seed-dimension-x5)";
11
+ export const x6 = "var(--seed-dimension-x6)";
12
+ export const x7 = "var(--seed-dimension-x7)";
13
+ export const x8 = "var(--seed-dimension-x8)";
14
+ export const x9 = "var(--seed-dimension-x9)";
15
+ export const x10 = "var(--seed-dimension-x10)";
16
+ export const x12 = "var(--seed-dimension-x12)";
17
+ export const x13 = "var(--seed-dimension-x13)";
18
+ export const x14 = "var(--seed-dimension-x14)";
19
+ export const x16 = "var(--seed-dimension-x16)";
20
+
21
+ export * as spacingX from "./spacing-x.mjs";
22
+ export * as spacingY from "./spacing-y.mjs";
package/vars/dimension/spacing-x.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /** Chip 사이의 수평 간격에 사용합니다. */
2
+ export declare const betweenChips = "var(--seed-dimension-spacing-x-between-chips)";
3
+ /** 화면 전체에 적용되는 기본 수평 padding 값입니다. */
4
+ export declare const globalGutter = "var(--seed-dimension-spacing-x-global-gutter)";
package/vars/dimension/spacing-x.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export const betweenChips = "var(--seed-dimension-spacing-x-between-chips)";
2
+ export const globalGutter = "var(--seed-dimension-spacing-x-global-gutter)";
package/vars/dimension/spacing-y.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ /** 컴포넌트 간 수직 간격 토큰이 정의되지 않은 컴포넌트 사이의 수직 간격에 사용합니다. */
2
+ export declare const componentDefault = "var(--seed-dimension-spacing-y-component-default)";
3
+ /** Top Navigation과 Page Title 사이의 간격입니다. */
4
+ export declare const navToTitle = "var(--seed-dimension-spacing-y-nav-to-title)";
5
+ /** 화면 하단의 여백입니다. */
6
+ export declare const screenBottom = "var(--seed-dimension-spacing-y-screen-bottom)";
7
+ /** 텍스트 요소 간의 수직 간격입니다. */
8
+ export declare const betweenText = "var(--seed-dimension-spacing-y-between-text)";
package/vars/dimension/spacing-y.mjs ADDED
@@ -0,0 +1,4 @@
1
+ export const componentDefault = "var(--seed-dimension-spacing-y-component-default)";
2
+ export const navToTitle = "var(--seed-dimension-spacing-y-nav-to-title)";
3
+ export const screenBottom = "var(--seed-dimension-spacing-y-screen-bottom)";
4
+ export const betweenText = "var(--seed-dimension-spacing-y-between-text)";
package/vars/duration.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export declare const d1 = "var(--seed-duration-d1)";
2
+ export declare const d2 = "var(--seed-duration-d2)";
3
+ export declare const d3 = "var(--seed-duration-d3)";
4
+ export declare const d4 = "var(--seed-duration-d4)";
5
+ export declare const d5 = "var(--seed-duration-d5)";
6
+ export declare const d6 = "var(--seed-duration-d6)";
7
+ export declare const colorTransition = "var(--seed-duration-color-transition)";
8
+ export declare const pressedScale = "var(--seed-duration-pressed-scale)";
package/vars/duration.mjs ADDED
@@ -0,0 +1,8 @@
1
+ export const d1 = "var(--seed-duration-d1)";
2
+ export const d2 = "var(--seed-duration-d2)";
3
+ export const d3 = "var(--seed-duration-d3)";
4
+ export const d4 = "var(--seed-duration-d4)";
5
+ export const d5 = "var(--seed-duration-d5)";
6
+ export const d6 = "var(--seed-duration-d6)";
7
+ export const colorTransition = "var(--seed-duration-color-transition)";
8
+ export const pressedScale = "var(--seed-duration-pressed-scale)";
package/vars/font-size.d.ts ADDED
@@ -0,0 +1,46 @@
1
+ export declare const t1 = "var(--seed-font-size-t1)";
2
+ export declare const t2 = "var(--seed-font-size-t2)";
3
+ export declare const t3 = "var(--seed-font-size-t3)";
4
+ export declare const t4 = "var(--seed-font-size-t4)";
5
+ export declare const t5 = "var(--seed-font-size-t5)";
6
+ export declare const t6 = "var(--seed-font-size-t6)";
7
+ export declare const t7 = "var(--seed-font-size-t7)";
8
+ export declare const t8 = "var(--seed-font-size-t8)";
9
+ export declare const t9 = "var(--seed-font-size-t9)";
10
+ export declare const t10 = "var(--seed-font-size-t10)";
11
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
12
+ export declare const t11 = "var(--seed-font-size-t11)";
13
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
14
+ export declare const t12 = "var(--seed-font-size-t12)";
15
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
16
+ export declare const t13 = "var(--seed-font-size-t13)";
17
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
18
+ export declare const t14 = "var(--seed-font-size-t14)";
19
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
20
+ export declare const t1Static = "var(--seed-font-size-t1-static)";
21
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
22
+ export declare const t2Static = "var(--seed-font-size-t2-static)";
23
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
24
+ export declare const t3Static = "var(--seed-font-size-t3-static)";
25
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
26
+ export declare const t4Static = "var(--seed-font-size-t4-static)";
27
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
28
+ export declare const t5Static = "var(--seed-font-size-t5-static)";
29
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
30
+ export declare const t6Static = "var(--seed-font-size-t6-static)";
31
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
32
+ export declare const t7Static = "var(--seed-font-size-t7-static)";
33
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
34
+ export declare const t8Static = "var(--seed-font-size-t8-static)";
35
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
36
+ export declare const t9Static = "var(--seed-font-size-t9-static)";
37
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
38
+ export declare const t10Static = "var(--seed-font-size-t10-static)";
39
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
40
+ export declare const t11Static = "var(--seed-font-size-t11-static)";
41
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
42
+ export declare const t12Static = "var(--seed-font-size-t12-static)";
43
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
44
+ export declare const t13Static = "var(--seed-font-size-t13-static)";
45
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
46
+ export declare const t14Static = "var(--seed-font-size-t14-static)";
package/vars/font-size.mjs ADDED
@@ -0,0 +1,28 @@
1
+ export const t1 = "var(--seed-font-size-t1)";
2
+ export const t2 = "var(--seed-font-size-t2)";
3
+ export const t3 = "var(--seed-font-size-t3)";
4
+ export const t4 = "var(--seed-font-size-t4)";
5
+ export const t5 = "var(--seed-font-size-t5)";
6
+ export const t6 = "var(--seed-font-size-t6)";
7
+ export const t7 = "var(--seed-font-size-t7)";
8
+ export const t8 = "var(--seed-font-size-t8)";
9
+ export const t9 = "var(--seed-font-size-t9)";
10
+ export const t10 = "var(--seed-font-size-t10)";
11
+ export const t11 = "var(--seed-font-size-t11)";
12
+ export const t12 = "var(--seed-font-size-t12)";
13
+ export const t13 = "var(--seed-font-size-t13)";
14
+ export const t14 = "var(--seed-font-size-t14)";
15
+ export const t1Static = "var(--seed-font-size-t1-static)";
16
+ export const t2Static = "var(--seed-font-size-t2-static)";
17
+ export const t3Static = "var(--seed-font-size-t3-static)";
18
+ export const t4Static = "var(--seed-font-size-t4-static)";
19
+ export const t5Static = "var(--seed-font-size-t5-static)";
20
+ export const t6Static = "var(--seed-font-size-t6-static)";
21
+ export const t7Static = "var(--seed-font-size-t7-static)";
22
+ export const t8Static = "var(--seed-font-size-t8-static)";
23
+ export const t9Static = "var(--seed-font-size-t9-static)";
24
+ export const t10Static = "var(--seed-font-size-t10-static)";
25
+ export const t11Static = "var(--seed-font-size-t11-static)";
26
+ export const t12Static = "var(--seed-font-size-t12-static)";
27
+ export const t13Static = "var(--seed-font-size-t13-static)";
28
+ export const t14Static = "var(--seed-font-size-t14-static)";
package/vars/font-weight.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const regular = "var(--seed-font-weight-regular)";
2
+ export declare const medium = "var(--seed-font-weight-medium)";
3
+ export declare const bold = "var(--seed-font-weight-bold)";
package/vars/font-weight.mjs ADDED
@@ -0,0 +1,3 @@
1
+ export const regular = "var(--seed-font-weight-regular)";
2
+ export const medium = "var(--seed-font-weight-medium)";
3
+ export const bold = "var(--seed-font-weight-bold)";
package/vars/gradient.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ /** 반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러입니다. */
2
+ export declare const glowMagic = "var(--seed-gradient-glow-magic)";
3
+ /** 반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러의 pressed컬러입니다. */
4
+ export declare const glowMagicPressed = "var(--seed-gradient-glow-magic-pressed)";
5
+ /** 아이콘 및 shape 영역에서 AI 기능을 표현할 때 사용하는 컬러입니다. */
6
+ export declare const highlightMagic = "var(--seed-gradient-highlight-magic)";
7
+ export declare const highlightMagicPressed = "var(--seed-gradient-highlight-magic-pressed)";
8
+ /** Skeleton AI shimmer */
9
+ export declare const shimmerMagic = "var(--seed-gradient-shimmer-magic)";
10
+ /** Skeleton shimmer */
11
+ export declare const shimmerNeutral = "var(--seed-gradient-shimmer-neutral)";
package/vars/gradient.mjs ADDED
@@ -0,0 +1,6 @@
1
+ export const glowMagic = "var(--seed-gradient-glow-magic)";
2
+ export const glowMagicPressed = "var(--seed-gradient-glow-magic-pressed)";
3
+ export const highlightMagic = "var(--seed-gradient-highlight-magic)";
4
+ export const highlightMagicPressed = "var(--seed-gradient-highlight-magic-pressed)";
5
+ export const shimmerMagic = "var(--seed-gradient-shimmer-magic)";
6
+ export const shimmerNeutral = "var(--seed-gradient-shimmer-neutral)";
package/vars/index.d.ts ADDED
@@ -0,0 +1,51 @@
1
+ import * as vars from "./vars";
2
+ export { vars };
3
+
4
+ export type TokenObject = typeof vars;
5
+
6
+ export type ColorFg = keyof TokenObject["$color"]["fg"];
7
+
8
+ // Workaround for type docgen enumerating all possible values
9
+ export type ScopedColorFg = Exclude<`fg.${ColorFg}`, "">;
10
+
11
+ export type ColorBg = keyof TokenObject["$color"]["bg"];
12
+
13
+ // Workaround for type docgen enumerating all possible values
14
+ export type ScopedColorBg = Exclude<`bg.${ColorBg}`, "">;
15
+
16
+ export type ColorBanner = keyof TokenObject["$color"]["banner"];
17
+
18
+ // Workaround for type docgen enumerating all possible values
19
+ export type ScopedColorBanner = Exclude<`banner.${ColorBanner}`, "">;
20
+
21
+ export type ColorStroke = keyof TokenObject["$color"]["stroke"];
22
+
23
+ // Workaround for type docgen enumerating all possible values
24
+ export type ScopedColorStroke = Exclude<`stroke.${ColorStroke}`, "">;
25
+
26
+ export type ColorPalette = keyof TokenObject["$color"]["palette"];
27
+
28
+ // Workaround for type docgen enumerating all possible values
29
+ export type ScopedColorPalette = Exclude<`palette.${ColorPalette}`, "">;
30
+
31
+ export type Duration = keyof TokenObject["$duration"];
32
+
33
+ export type FontSize = keyof TokenObject["$fontSize"];
34
+
35
+ export type FontWeight = keyof TokenObject["$fontWeight"];
36
+
37
+ export type Gradient = keyof TokenObject["$gradient"];
38
+
39
+ export type LineHeight = keyof TokenObject["$lineHeight"];
40
+
41
+ export type Radius = keyof TokenObject["$radius"];
42
+
43
+ export type TimingFunction = keyof TokenObject["$timingFunction"];
44
+
45
+ export type Dimension = Exclude<keyof TokenObject["$dimension"], "spacingX" | "spacingY">;
46
+
47
+ export type SpacingX = keyof TokenObject["$dimension"]["spacingX"];
48
+
49
+ export type SpacingY = keyof TokenObject["$dimension"]["spacingY"];
50
+
51
+ export type Shadow = keyof TokenObject["$shadow"];
package/vars/index.mjs ADDED
@@ -0,0 +1 @@
1
+ export * as vars from "./vars.mjs";
package/vars/line-height.d.ts ADDED
@@ -0,0 +1,46 @@
1
+ export declare const t1 = "var(--seed-line-height-t1)";
2
+ export declare const t2 = "var(--seed-line-height-t2)";
3
+ export declare const t3 = "var(--seed-line-height-t3)";
4
+ export declare const t4 = "var(--seed-line-height-t4)";
5
+ export declare const t5 = "var(--seed-line-height-t5)";
6
+ export declare const t6 = "var(--seed-line-height-t6)";
7
+ export declare const t7 = "var(--seed-line-height-t7)";
8
+ export declare const t8 = "var(--seed-line-height-t8)";
9
+ export declare const t9 = "var(--seed-line-height-t9)";
10
+ export declare const t10 = "var(--seed-line-height-t10)";
11
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
12
+ export declare const t11 = "var(--seed-line-height-t11)";
13
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
14
+ export declare const t12 = "var(--seed-line-height-t12)";
15
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
16
+ export declare const t13 = "var(--seed-line-height-t13)";
17
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
18
+ export declare const t14 = "var(--seed-line-height-t14)";
19
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
20
+ export declare const t1Static = "var(--seed-line-height-t1-static)";
21
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
22
+ export declare const t2Static = "var(--seed-line-height-t2-static)";
23
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
24
+ export declare const t3Static = "var(--seed-line-height-t3-static)";
25
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
26
+ export declare const t4Static = "var(--seed-line-height-t4-static)";
27
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
28
+ export declare const t5Static = "var(--seed-line-height-t5-static)";
29
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
30
+ export declare const t6Static = "var(--seed-line-height-t6-static)";
31
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
32
+ export declare const t7Static = "var(--seed-line-height-t7-static)";
33
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
34
+ export declare const t8Static = "var(--seed-line-height-t8-static)";
35
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
36
+ export declare const t9Static = "var(--seed-line-height-t9-static)";
37
+ /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
38
+ export declare const t10Static = "var(--seed-line-height-t10-static)";
39
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
40
+ export declare const t11Static = "var(--seed-line-height-t11-static)";
41
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
42
+ export declare const t12Static = "var(--seed-line-height-t12-static)";
43
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
44
+ export declare const t13Static = "var(--seed-line-height-t13-static)";
45
+ /** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
46
+ export declare const t14Static = "var(--seed-line-height-t14-static)";
package/vars/line-height.mjs ADDED
@@ -0,0 +1,28 @@
1
+ export const t1 = "var(--seed-line-height-t1)";
2
+ export const t2 = "var(--seed-line-height-t2)";
3
+ export const t3 = "var(--seed-line-height-t3)";
4
+ export const t4 = "var(--seed-line-height-t4)";
5
+ export const t5 = "var(--seed-line-height-t5)";
6
+ export const t6 = "var(--seed-line-height-t6)";
7
+ export const t7 = "var(--seed-line-height-t7)";
8
+ export const t8 = "var(--seed-line-height-t8)";
9
+ export const t9 = "var(--seed-line-height-t9)";
10
+ export const t10 = "var(--seed-line-height-t10)";
11
+ export const t11 = "var(--seed-line-height-t11)";
12
+ export const t12 = "var(--seed-line-height-t12)";
13
+ export const t13 = "var(--seed-line-height-t13)";
14
+ export const t14 = "var(--seed-line-height-t14)";
15
+ export const t1Static = "var(--seed-line-height-t1-static)";
16
+ export const t2Static = "var(--seed-line-height-t2-static)";
17
+ export const t3Static = "var(--seed-line-height-t3-static)";
18
+ export const t4Static = "var(--seed-line-height-t4-static)";
19
+ export const t5Static = "var(--seed-line-height-t5-static)";
20
+ export const t6Static = "var(--seed-line-height-t6-static)";
21
+ export const t7Static = "var(--seed-line-height-t7-static)";
22
+ export const t8Static = "var(--seed-line-height-t8-static)";
23
+ export const t9Static = "var(--seed-line-height-t9-static)";
24
+ export const t10Static = "var(--seed-line-height-t10-static)";
25
+ export const t11Static = "var(--seed-line-height-t11-static)";
26
+ export const t12Static = "var(--seed-line-height-t12-static)";
27
+ export const t13Static = "var(--seed-line-height-t13-static)";
28
+ export const t14Static = "var(--seed-line-height-t14-static)";
package/vars/radius.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ export declare const r0_5 = "var(--seed-radius-r0_5)";
2
+ export declare const r1 = "var(--seed-radius-r1)";
3
+ export declare const r1_5 = "var(--seed-radius-r1_5)";
4
+ export declare const r2 = "var(--seed-radius-r2)";
5
+ export declare const r2_5 = "var(--seed-radius-r2_5)";
6
+ export declare const r3 = "var(--seed-radius-r3)";
7
+ export declare const r3_5 = "var(--seed-radius-r3_5)";
8
+ export declare const r4 = "var(--seed-radius-r4)";
9
+ export declare const r5 = "var(--seed-radius-r5)";
10
+ export declare const r6 = "var(--seed-radius-r6)";
11
+ export declare const full = "var(--seed-radius-full)";
package/vars/radius.mjs ADDED
@@ -0,0 +1,11 @@
1
+ export const r0_5 = "var(--seed-radius-r0_5)";
2
+ export const r1 = "var(--seed-radius-r1)";
3
+ export const r1_5 = "var(--seed-radius-r1_5)";
4
+ export const r2 = "var(--seed-radius-r2)";
5
+ export const r2_5 = "var(--seed-radius-r2_5)";
6
+ export const r3 = "var(--seed-radius-r3)";
7
+ export const r3_5 = "var(--seed-radius-r3_5)";
8
+ export const r4 = "var(--seed-radius-r4)";
9
+ export const r5 = "var(--seed-radius-r5)";
10
+ export const r6 = "var(--seed-radius-r6)";
11
+ export const full = "var(--seed-radius-full)";
package/vars/shadow.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export declare const s1 = "var(--seed-shadow-s1)";
2
+ export declare const s2 = "var(--seed-shadow-s2)";
3
+ /** 화면의 다른 요소들보다 가장 높은 계층에 위치할 때 사용됩니다. */
4
+ export declare const s3 = "var(--seed-shadow-s3)";
package/vars/shadow.mjs ADDED
@@ -0,0 +1,3 @@
1
+ export const s1 = "var(--seed-shadow-s1)";
2
+ export const s2 = "var(--seed-shadow-s2)";
3
+ export const s3 = "var(--seed-shadow-s3)";
package/vars/timing-function.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export declare const linear = "var(--seed-timing-function-linear)";
2
+ export declare const easing = "var(--seed-timing-function-easing)";
3
+ export declare const enter = "var(--seed-timing-function-enter)";
4
+ export declare const exit = "var(--seed-timing-function-exit)";
5
+ export declare const enterExpressive = "var(--seed-timing-function-enter-expressive)";
6
+ export declare const exitExpressive = "var(--seed-timing-function-exit-expressive)";
7
+ export declare const pressedScale = "var(--seed-timing-function-pressed-scale)";
package/vars/timing-function.mjs ADDED
@@ -0,0 +1,7 @@
1
+ export const linear = "var(--seed-timing-function-linear)";
2
+ export const easing = "var(--seed-timing-function-easing)";
3
+ export const enter = "var(--seed-timing-function-enter)";
4
+ export const exit = "var(--seed-timing-function-exit)";
5
+ export const enterExpressive = "var(--seed-timing-function-enter-expressive)";
6
+ export const exitExpressive = "var(--seed-timing-function-exit-expressive)";
7
+ export const pressedScale = "var(--seed-timing-function-pressed-scale)";
package/vars/vars.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export * as $color from "./color";
2
+ export * as $dimension from "./dimension";
3
+ export * as $duration from "./duration";
4
+ export * as $fontSize from "./font-size";
5
+ export * as $fontWeight from "./font-weight";
6
+ export * as $gradient from "./gradient";
7
+ export * as $lineHeight from "./line-height";
8
+ export * as $radius from "./radius";
9
+ export * as $shadow from "./shadow";
10
+ export * as $timingFunction from "./timing-function";
package/vars/vars.mjs ADDED
@@ -0,0 +1,10 @@
1
+ export * as $color from "./color/index.mjs";
2
+ export * as $dimension from "./dimension/index.mjs";
3
+ export * as $duration from "./duration.mjs";
4
+ export * as $fontSize from "./font-size.mjs";
5
+ export * as $fontWeight from "./font-weight.mjs";
6
+ export * as $gradient from "./gradient.mjs";
7
+ export * as $lineHeight from "./line-height.mjs";
8
+ export * as $radius from "./radius.mjs";
9
+ export * as $shadow from "./shadow.mjs";
10
+ export * as $timingFunction from "./timing-function.mjs";