@seed-design/lynx-css 0.1.0

package/vars/component/typography.mjs

@@ -0,0 +1,461 @@
+export const vars = {
+  "textStyleScreenTitle": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t10)",
+        "lineHeight": "var(--seed-line-height-t10)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleArticleBody": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t6)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleArticleNote": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t4)",
+        "lineHeight": "var(--seed-line-height-t5)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT1Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t1)",
+        "lineHeight": "var(--seed-line-height-t1)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT1Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t1)",
+        "lineHeight": "var(--seed-line-height-t1)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT1Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t1)",
+        "lineHeight": "var(--seed-line-height-t1)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT2Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t2)",
+        "lineHeight": "var(--seed-line-height-t2)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT2Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t2)",
+        "lineHeight": "var(--seed-line-height-t2)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT2Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t2)",
+        "lineHeight": "var(--seed-line-height-t2)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT3Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t3)",
+        "lineHeight": "var(--seed-line-height-t3)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT3Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t3)",
+        "lineHeight": "var(--seed-line-height-t3)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT3Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t3)",
+        "lineHeight": "var(--seed-line-height-t3)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT4Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t4)",
+        "lineHeight": "var(--seed-line-height-t4)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT4Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t4)",
+        "lineHeight": "var(--seed-line-height-t4)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT4Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t4)",
+        "lineHeight": "var(--seed-line-height-t4)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT5Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t5)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT5Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t5)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT5Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t5)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT6Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t6)",
+        "lineHeight": "var(--seed-line-height-t6)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT6Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t6)",
+        "lineHeight": "var(--seed-line-height-t6)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT6Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t6)",
+        "lineHeight": "var(--seed-line-height-t6)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT7Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t7)",
+        "lineHeight": "var(--seed-line-height-t7)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT7Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t7)",
+        "lineHeight": "var(--seed-line-height-t7)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT7Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t7)",
+        "lineHeight": "var(--seed-line-height-t7)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT8Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t8)",
+        "lineHeight": "var(--seed-line-height-t8)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT9Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t9)",
+        "lineHeight": "var(--seed-line-height-t9)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT10Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t10)",
+        "lineHeight": "var(--seed-line-height-t10)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT1StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t1-static)",
+        "lineHeight": "var(--seed-line-height-t1-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT1StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t1-static)",
+        "lineHeight": "var(--seed-line-height-t1-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT1StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t1-static)",
+        "lineHeight": "var(--seed-line-height-t1-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT2StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t2-static)",
+        "lineHeight": "var(--seed-line-height-t2-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT2StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t2-static)",
+        "lineHeight": "var(--seed-line-height-t2-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT2StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t2-static)",
+        "lineHeight": "var(--seed-line-height-t2-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT3StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t3-static)",
+        "lineHeight": "var(--seed-line-height-t3-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT3StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t3-static)",
+        "lineHeight": "var(--seed-line-height-t3-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT3StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t3-static)",
+        "lineHeight": "var(--seed-line-height-t3-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT4StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t4-static)",
+        "lineHeight": "var(--seed-line-height-t4-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT4StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t4-static)",
+        "lineHeight": "var(--seed-line-height-t4-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT4StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t4-static)",
+        "lineHeight": "var(--seed-line-height-t4-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT5StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t5-static)",
+        "lineHeight": "var(--seed-line-height-t5-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT5StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t5-static)",
+        "lineHeight": "var(--seed-line-height-t5-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT5StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t5-static)",
+        "lineHeight": "var(--seed-line-height-t5-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT6StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t6-static)",
+        "lineHeight": "var(--seed-line-height-t6-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT6StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t6-static)",
+        "lineHeight": "var(--seed-line-height-t6-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT6StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t6-static)",
+        "lineHeight": "var(--seed-line-height-t6-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT7StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t7-static)",
+        "lineHeight": "var(--seed-line-height-t7-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT7StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t7-static)",
+        "lineHeight": "var(--seed-line-height-t7-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT7StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t7-static)",
+        "lineHeight": "var(--seed-line-height-t7-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT8StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t8-static)",
+        "lineHeight": "var(--seed-line-height-t8-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT9StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t9-static)",
+        "lineHeight": "var(--seed-line-height-t9-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT10StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t10-static)",
+        "lineHeight": "var(--seed-line-height-t10-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  }
+}

package/vars/dimension/index.d.ts

@@ -0,0 +1,22 @@
+export declare const x0_5 = "var(--seed-dimension-x0_5)";
+export declare const x1 = "var(--seed-dimension-x1)";
+export declare const x1_5 = "var(--seed-dimension-x1_5)";
+export declare const x2 = "var(--seed-dimension-x2)";
+export declare const x2_5 = "var(--seed-dimension-x2_5)";
+export declare const x3 = "var(--seed-dimension-x3)";
+export declare const x3_5 = "var(--seed-dimension-x3_5)";
+export declare const x4 = "var(--seed-dimension-x4)";
+export declare const x4_5 = "var(--seed-dimension-x4_5)";
+export declare const x5 = "var(--seed-dimension-x5)";
+export declare const x6 = "var(--seed-dimension-x6)";
+export declare const x7 = "var(--seed-dimension-x7)";
+export declare const x8 = "var(--seed-dimension-x8)";
+export declare const x9 = "var(--seed-dimension-x9)";
+export declare const x10 = "var(--seed-dimension-x10)";
+export declare const x12 = "var(--seed-dimension-x12)";
+export declare const x13 = "var(--seed-dimension-x13)";
+export declare const x14 = "var(--seed-dimension-x14)";
+export declare const x16 = "var(--seed-dimension-x16)";
+
+export * as spacingX from "./spacing-x";
+export * as spacingY from "./spacing-y";

package/vars/dimension/index.mjs

@@ -0,0 +1,22 @@
+export const x0_5 = "var(--seed-dimension-x0_5)";
+export const x1 = "var(--seed-dimension-x1)";
+export const x1_5 = "var(--seed-dimension-x1_5)";
+export const x2 = "var(--seed-dimension-x2)";
+export const x2_5 = "var(--seed-dimension-x2_5)";
+export const x3 = "var(--seed-dimension-x3)";
+export const x3_5 = "var(--seed-dimension-x3_5)";
+export const x4 = "var(--seed-dimension-x4)";
+export const x4_5 = "var(--seed-dimension-x4_5)";
+export const x5 = "var(--seed-dimension-x5)";
+export const x6 = "var(--seed-dimension-x6)";
+export const x7 = "var(--seed-dimension-x7)";
+export const x8 = "var(--seed-dimension-x8)";
+export const x9 = "var(--seed-dimension-x9)";
+export const x10 = "var(--seed-dimension-x10)";
+export const x12 = "var(--seed-dimension-x12)";
+export const x13 = "var(--seed-dimension-x13)";
+export const x14 = "var(--seed-dimension-x14)";
+export const x16 = "var(--seed-dimension-x16)";
+
+export * as spacingX from "./spacing-x.mjs";
+export * as spacingY from "./spacing-y.mjs";

package/vars/dimension/spacing-x.d.ts

@@ -0,0 +1,4 @@
+/** Chip 사이의 수평 간격에 사용합니다. */
+export declare const betweenChips = "var(--seed-dimension-spacing-x-between-chips)";
+/** 화면 전체에 적용되는 기본 수평 padding 값입니다. */
+export declare const globalGutter = "var(--seed-dimension-spacing-x-global-gutter)";

package/vars/dimension/spacing-x.mjs

@@ -0,0 +1,2 @@
+export const betweenChips = "var(--seed-dimension-spacing-x-between-chips)";
+export const globalGutter = "var(--seed-dimension-spacing-x-global-gutter)";

package/vars/dimension/spacing-y.d.ts

@@ -0,0 +1,8 @@
+/** 컴포넌트 간 수직 간격 토큰이 정의되지 않은 컴포넌트 사이의 수직 간격에 사용합니다. */
+export declare const componentDefault = "var(--seed-dimension-spacing-y-component-default)";
+/** Top Navigation과 Page Title 사이의 간격입니다. */
+export declare const navToTitle = "var(--seed-dimension-spacing-y-nav-to-title)";
+/** 화면 하단의 여백입니다. */
+export declare const screenBottom = "var(--seed-dimension-spacing-y-screen-bottom)";
+/** 텍스트 요소 간의 수직 간격입니다. */
+export declare const betweenText = "var(--seed-dimension-spacing-y-between-text)";

package/vars/dimension/spacing-y.mjs

@@ -0,0 +1,4 @@
+export const componentDefault = "var(--seed-dimension-spacing-y-component-default)";
+export const navToTitle = "var(--seed-dimension-spacing-y-nav-to-title)";
+export const screenBottom = "var(--seed-dimension-spacing-y-screen-bottom)";
+export const betweenText = "var(--seed-dimension-spacing-y-between-text)";

package/vars/duration.d.ts

@@ -0,0 +1,8 @@
+export declare const d1 = "var(--seed-duration-d1)";
+export declare const d2 = "var(--seed-duration-d2)";
+export declare const d3 = "var(--seed-duration-d3)";
+export declare const d4 = "var(--seed-duration-d4)";
+export declare const d5 = "var(--seed-duration-d5)";
+export declare const d6 = "var(--seed-duration-d6)";
+export declare const colorTransition = "var(--seed-duration-color-transition)";
+export declare const pressedScale = "var(--seed-duration-pressed-scale)";

package/vars/duration.mjs

@@ -0,0 +1,8 @@
+export const d1 = "var(--seed-duration-d1)";
+export const d2 = "var(--seed-duration-d2)";
+export const d3 = "var(--seed-duration-d3)";
+export const d4 = "var(--seed-duration-d4)";
+export const d5 = "var(--seed-duration-d5)";
+export const d6 = "var(--seed-duration-d6)";
+export const colorTransition = "var(--seed-duration-color-transition)";
+export const pressedScale = "var(--seed-duration-pressed-scale)";

package/vars/font-size.d.ts

@@ -0,0 +1,30 @@
+export declare const t1 = "var(--seed-font-size-t1)";
+export declare const t2 = "var(--seed-font-size-t2)";
+export declare const t3 = "var(--seed-font-size-t3)";
+export declare const t4 = "var(--seed-font-size-t4)";
+export declare const t5 = "var(--seed-font-size-t5)";
+export declare const t6 = "var(--seed-font-size-t6)";
+export declare const t7 = "var(--seed-font-size-t7)";
+export declare const t8 = "var(--seed-font-size-t8)";
+export declare const t9 = "var(--seed-font-size-t9)";
+export declare const t10 = "var(--seed-font-size-t10)";
+/** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t1Static = "var(--seed-font-size-t1-static)";
+/** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t2Static = "var(--seed-font-size-t2-static)";
+/** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t3Static = "var(--seed-font-size-t3-static)";
+/** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t4Static = "var(--seed-font-size-t4-static)";
+/** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t5Static = "var(--seed-font-size-t5-static)";
+/** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t6Static = "var(--seed-font-size-t6-static)";
+/** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t7Static = "var(--seed-font-size-t7-static)";
+/** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t8Static = "var(--seed-font-size-t8-static)";
+/** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t9Static = "var(--seed-font-size-t9-static)";
+/** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t10Static = "var(--seed-font-size-t10-static)";

package/vars/font-size.mjs

@@ -0,0 +1,20 @@
+export const t1 = "var(--seed-font-size-t1)";
+export const t2 = "var(--seed-font-size-t2)";
+export const t3 = "var(--seed-font-size-t3)";
+export const t4 = "var(--seed-font-size-t4)";
+export const t5 = "var(--seed-font-size-t5)";
+export const t6 = "var(--seed-font-size-t6)";
+export const t7 = "var(--seed-font-size-t7)";
+export const t8 = "var(--seed-font-size-t8)";
+export const t9 = "var(--seed-font-size-t9)";
+export const t10 = "var(--seed-font-size-t10)";
+export const t1Static = "var(--seed-font-size-t1-static)";
+export const t2Static = "var(--seed-font-size-t2-static)";
+export const t3Static = "var(--seed-font-size-t3-static)";
+export const t4Static = "var(--seed-font-size-t4-static)";
+export const t5Static = "var(--seed-font-size-t5-static)";
+export const t6Static = "var(--seed-font-size-t6-static)";
+export const t7Static = "var(--seed-font-size-t7-static)";
+export const t8Static = "var(--seed-font-size-t8-static)";
+export const t9Static = "var(--seed-font-size-t9-static)";
+export const t10Static = "var(--seed-font-size-t10-static)";

package/vars/font-weight.d.ts

@@ -0,0 +1,3 @@
+export declare const regular = "var(--seed-font-weight-regular)";
+export declare const medium = "var(--seed-font-weight-medium)";
+export declare const bold = "var(--seed-font-weight-bold)";

package/vars/font-weight.mjs

@@ -0,0 +1,3 @@
+export const regular = "var(--seed-font-weight-regular)";
+export const medium = "var(--seed-font-weight-medium)";
+export const bold = "var(--seed-font-weight-bold)";

package/vars/gradient.d.ts

@@ -0,0 +1,19 @@
+/** 스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.
+@deprecated `@seed-design/css@1.3.0`에서 제거될 예정입니다.
+ */
+export declare const fadeLayerFloating = "var(--seed-gradient-fade-layer-floating)";
+/** 스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.
+@deprecated `@seed-design/css@1.3.0`에서 제거될 예정입니다.
+ */
+export declare const fadeLayerDefault = "var(--seed-gradient-fade-layer-default)";
+/** 반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러입니다. */
+export declare const glowMagic = "var(--seed-gradient-glow-magic)";
+/** 반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러의 pressed컬러입니다. */
+export declare const glowMagicPressed = "var(--seed-gradient-glow-magic-pressed)";
+/** 아이콘 및 shape 영역에서 AI 기능을 표현할 때 사용하는 컬러입니다. */
+export declare const highlightMagic = "var(--seed-gradient-highlight-magic)";
+export declare const highlightMagicPressed = "var(--seed-gradient-highlight-magic-pressed)";
+/** Skeleton AI shimmer */
+export declare const shimmerMagic = "var(--seed-gradient-shimmer-magic)";
+/** Skeleton shimmer */
+export declare const shimmerNeutral = "var(--seed-gradient-shimmer-neutral)";

package/vars/gradient.mjs

@@ -0,0 +1,8 @@
+export const fadeLayerFloating = "var(--seed-gradient-fade-layer-floating)";
+export const fadeLayerDefault = "var(--seed-gradient-fade-layer-default)";
+export const glowMagic = "var(--seed-gradient-glow-magic)";
+export const glowMagicPressed = "var(--seed-gradient-glow-magic-pressed)";
+export const highlightMagic = "var(--seed-gradient-highlight-magic)";
+export const highlightMagicPressed = "var(--seed-gradient-highlight-magic-pressed)";
+export const shimmerMagic = "var(--seed-gradient-shimmer-magic)";
+export const shimmerNeutral = "var(--seed-gradient-shimmer-neutral)";