@seed-design/css 1.1.13 → 1.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/all.css +385 -170
  2. package/all.min.css +1 -1
  3. package/base.css +184 -164
  4. package/base.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/app-bar-main.css +1 -0
  7. package/recipes/app-bar-main.d.ts +1 -1
  8. package/recipes/app-bar-main.mjs +2 -1
  9. package/recipes/app-bar.css +21 -0
  10. package/recipes/app-bar.d.ts +1 -1
  11. package/recipes/app-bar.mjs +2 -1
  12. package/recipes/app-screen.css +34 -4
  13. package/recipes/app-screen.d.ts +1 -1
  14. package/recipes/app-screen.mjs +2 -1
  15. package/recipes/checkmark.css +2 -1
  16. package/recipes/menu-sheet-item.css +1 -0
  17. package/recipes/segmented-control.css +1 -0
  18. package/recipes/text.css +120 -0
  19. package/recipes/text.d.ts +1 -1
  20. package/recipes/text.mjs +25 -1
  21. package/vars/color/banner.d.ts +10 -0
  22. package/vars/color/banner.mjs +10 -0
  23. package/vars/color/bg.d.ts +13 -13
  24. package/vars/color/bg.mjs +13 -13
  25. package/vars/color/fg.d.ts +8 -8
  26. package/vars/color/fg.mjs +8 -8
  27. package/vars/color/index.d.ts +2 -1
  28. package/vars/color/index.mjs +2 -1
  29. package/vars/color/manner-temp/index.d.ts +2 -2
  30. package/vars/color/manner-temp/index.mjs +2 -2
  31. package/vars/color/manner-temp/l1.d.ts +2 -2
  32. package/vars/color/manner-temp/l1.mjs +2 -2
  33. package/vars/color/manner-temp/l10.d.ts +2 -2
  34. package/vars/color/manner-temp/l10.mjs +2 -2
  35. package/vars/color/manner-temp/l2.d.ts +2 -2
  36. package/vars/color/manner-temp/l2.mjs +2 -2
  37. package/vars/color/manner-temp/l3.d.ts +2 -2
  38. package/vars/color/manner-temp/l3.mjs +2 -2
  39. package/vars/color/manner-temp/l4.d.ts +2 -2
  40. package/vars/color/manner-temp/l4.mjs +2 -2
  41. package/vars/color/manner-temp/l5.d.ts +2 -2
  42. package/vars/color/manner-temp/l5.mjs +2 -2
  43. package/vars/color/manner-temp/l6.d.ts +2 -2
  44. package/vars/color/manner-temp/l6.mjs +2 -2
  45. package/vars/color/manner-temp/l7.d.ts +2 -2
  46. package/vars/color/manner-temp/l7.mjs +2 -2
  47. package/vars/color/manner-temp/l8.d.ts +2 -2
  48. package/vars/color/manner-temp/l8.mjs +2 -2
  49. package/vars/color/manner-temp/l9.d.ts +2 -2
  50. package/vars/color/manner-temp/l9.mjs +2 -2
  51. package/vars/color/palette.d.ts +42 -42
  52. package/vars/color/palette.mjs +42 -42
  53. package/vars/color/stroke.d.ts +8 -8
  54. package/vars/color/stroke.mjs +8 -8
  55. package/vars/component/action-button.d.ts +18 -0
  56. package/vars/component/checkmark.d.ts +4 -2
  57. package/vars/component/checkmark.mjs +4 -2
  58. package/vars/component/control-chip.d.ts +1 -1
  59. package/vars/component/control-chip.mjs +1 -1
  60. package/vars/component/help-bubble.d.ts +2 -0
  61. package/vars/component/typography.d.ts +216 -0
  62. package/vars/component/typography.mjs +216 -0
  63. package/vars/dimension/spacing-x.d.ts +2 -0
  64. package/vars/dimension/spacing-y.d.ts +4 -0
  65. package/vars/gradient.d.ts +10 -3
  66. package/vars/gradient.mjs +3 -3
  67. package/vars/index.d.ts +9 -4
  68. package/vars/shadow.d.ts +1 -0
package/vars/gradient.mjs CHANGED
@@ -2,7 +2,7 @@ export const fadeLayerFloating = "var(--seed-gradient-fade-layer-floating)";
2
2
  export const fadeLayerDefault = "var(--seed-gradient-fade-layer-default)";
3
3
  export const glowMagic = "var(--seed-gradient-glow-magic)";
4
4
  export const glowMagicPressed = "var(--seed-gradient-glow-magic-pressed)";
5
- export const shimmerNeutral = "var(--seed-gradient-shimmer-neutral)";
6
- export const shimmerMagic = "var(--seed-gradient-shimmer-magic)";
5
+ export const highlightMagic = "var(--seed-gradient-highlight-magic)";
7
6
  export const highlightMagicPressed = "var(--seed-gradient-highlight-magic-pressed)";
8
- export const highlightMagic = "var(--seed-gradient-highlight-magic)";
7
+ export const shimmerMagic = "var(--seed-gradient-shimmer-magic)";
8
+ export const shimmerNeutral = "var(--seed-gradient-shimmer-neutral)";
package/vars/index.d.ts CHANGED
@@ -5,22 +5,27 @@ export type TokenObject = typeof vars;
5
5
 
6
6
  export type ColorFg = keyof TokenObject["$color"]["fg"];
7
7
 
8
- // Workaround for type docgen
8
+ // Workaround for type docgen enumerating all possible values
9
9
  export type ScopedColorFg = Exclude<`fg.${ColorFg}`, "">;
10
10
 
11
11
  export type ColorBg = keyof TokenObject["$color"]["bg"];
12
12
 
13
- // Workaround for type docgen
13
+ // Workaround for type docgen enumerating all possible values
14
14
  export type ScopedColorBg = Exclude<`bg.${ColorBg}`, "">;
15
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
+
16
21
  export type ColorStroke = keyof TokenObject["$color"]["stroke"];
17
22
 
18
- // Workaround for type docgen
23
+ // Workaround for type docgen enumerating all possible values
19
24
  export type ScopedColorStroke = Exclude<`stroke.${ColorStroke}`, "">;
20
25
 
21
26
  export type ColorPalette = keyof TokenObject["$color"]["palette"];
22
27
 
23
- // Workaround for type docgen
28
+ // Workaround for type docgen enumerating all possible values
24
29
  export type ScopedColorPalette = Exclude<`palette.${ColorPalette}`, "">;
25
30
 
26
31
  export type Duration = keyof TokenObject["$duration"];
package/vars/shadow.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export declare const s1 = "var(--seed-shadow-s1)";
2
2
  export declare const s2 = "var(--seed-shadow-s2)";
3
+ /** 화면의 다른 요소들보다 가장 높은 계층에 위치할 때 사용됩니다. */
3
4
  export declare const s3 = "var(--seed-shadow-s3)";