@seed-design/lynx-css 0.1.0

package/vars/index.d.ts

@@ -0,0 +1,51 @@
+import * as vars from "./vars";
+export { vars };
+
+export type TokenObject = typeof vars;
+
+export type ColorFg = keyof TokenObject["$color"]["fg"];
+
+// Workaround for type docgen enumerating all possible values
+export type ScopedColorFg = Exclude<`fg.${ColorFg}`, "">;
+
+export type ColorBg = keyof TokenObject["$color"]["bg"];
+
+// Workaround for type docgen enumerating all possible values
+export type ScopedColorBg = Exclude<`bg.${ColorBg}`, "">;
+
+export type ColorBanner = keyof TokenObject["$color"]["banner"];
+
+// Workaround for type docgen enumerating all possible values
+export type ScopedColorBanner = Exclude<`banner.${ColorBanner}`, "">;
+
+export type ColorStroke = keyof TokenObject["$color"]["stroke"];
+
+// Workaround for type docgen enumerating all possible values
+export type ScopedColorStroke = Exclude<`stroke.${ColorStroke}`, "">;
+
+export type ColorPalette = keyof TokenObject["$color"]["palette"];
+
+// Workaround for type docgen enumerating all possible values
+export type ScopedColorPalette = Exclude<`palette.${ColorPalette}`, "">;
+
+export type Duration = keyof TokenObject["$duration"];
+
+export type FontSize = keyof TokenObject["$fontSize"];
+
+export type FontWeight = keyof TokenObject["$fontWeight"];
+
+export type Gradient = keyof TokenObject["$gradient"];
+
+export type LineHeight = keyof TokenObject["$lineHeight"];
+
+export type Radius = keyof TokenObject["$radius"];
+
+export type TimingFunction = keyof TokenObject["$timingFunction"];
+
+export type Dimension = Exclude<keyof TokenObject["$dimension"], "spacingX" | "spacingY">;
+
+export type SpacingX = keyof TokenObject["$dimension"]["spacingX"];
+
+export type SpacingY = keyof TokenObject["$dimension"]["spacingY"];
+
+export type Shadow = keyof TokenObject["$shadow"];

package/vars/index.mjs

@@ -0,0 +1 @@
+export * as vars from "./vars.mjs";

package/vars/line-height.d.ts

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

package/vars/line-height.mjs

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

package/vars/radius.d.ts

@@ -0,0 +1,11 @@
+export declare const r0_5 = "var(--seed-radius-r0_5)";
+export declare const r1 = "var(--seed-radius-r1)";
+export declare const r1_5 = "var(--seed-radius-r1_5)";
+export declare const r2 = "var(--seed-radius-r2)";
+export declare const r2_5 = "var(--seed-radius-r2_5)";
+export declare const r3 = "var(--seed-radius-r3)";
+export declare const r3_5 = "var(--seed-radius-r3_5)";
+export declare const r4 = "var(--seed-radius-r4)";
+export declare const r5 = "var(--seed-radius-r5)";
+export declare const r6 = "var(--seed-radius-r6)";
+export declare const full = "var(--seed-radius-full)";

package/vars/radius.mjs

@@ -0,0 +1,11 @@
+export const r0_5 = "var(--seed-radius-r0_5)";
+export const r1 = "var(--seed-radius-r1)";
+export const r1_5 = "var(--seed-radius-r1_5)";
+export const r2 = "var(--seed-radius-r2)";
+export const r2_5 = "var(--seed-radius-r2_5)";
+export const r3 = "var(--seed-radius-r3)";
+export const r3_5 = "var(--seed-radius-r3_5)";
+export const r4 = "var(--seed-radius-r4)";
+export const r5 = "var(--seed-radius-r5)";
+export const r6 = "var(--seed-radius-r6)";
+export const full = "var(--seed-radius-full)";

package/vars/shadow.d.ts

@@ -0,0 +1,4 @@
+export declare const s1 = "var(--seed-shadow-s1)";
+export declare const s2 = "var(--seed-shadow-s2)";
+/** 화면의 다른 요소들보다 가장 높은 계층에 위치할 때 사용됩니다. */
+export declare const s3 = "var(--seed-shadow-s3)";

package/vars/shadow.mjs

@@ -0,0 +1,3 @@
+export const s1 = "var(--seed-shadow-s1)";
+export const s2 = "var(--seed-shadow-s2)";
+export const s3 = "var(--seed-shadow-s3)";

package/vars/timing-function.d.ts

@@ -0,0 +1,7 @@
+export declare const linear = "var(--seed-timing-function-linear)";
+export declare const easing = "var(--seed-timing-function-easing)";
+export declare const enter = "var(--seed-timing-function-enter)";
+export declare const exit = "var(--seed-timing-function-exit)";
+export declare const enterExpressive = "var(--seed-timing-function-enter-expressive)";
+export declare const exitExpressive = "var(--seed-timing-function-exit-expressive)";
+export declare const pressedScale = "var(--seed-timing-function-pressed-scale)";

package/vars/timing-function.mjs

@@ -0,0 +1,7 @@
+export const linear = "var(--seed-timing-function-linear)";
+export const easing = "var(--seed-timing-function-easing)";
+export const enter = "var(--seed-timing-function-enter)";
+export const exit = "var(--seed-timing-function-exit)";
+export const enterExpressive = "var(--seed-timing-function-enter-expressive)";
+export const exitExpressive = "var(--seed-timing-function-exit-expressive)";
+export const pressedScale = "var(--seed-timing-function-pressed-scale)";

package/vars/vars.d.ts

@@ -0,0 +1,10 @@
+export * as $color from "./color";
+export * as $dimension from "./dimension";
+export * as $duration from "./duration";
+export * as $fontSize from "./font-size";
+export * as $fontWeight from "./font-weight";
+export * as $gradient from "./gradient";
+export * as $lineHeight from "./line-height";
+export * as $radius from "./radius";
+export * as $shadow from "./shadow";
+export * as $timingFunction from "./timing-function";

package/vars/vars.mjs

@@ -0,0 +1,10 @@
+export * as $color from "./color/index.mjs";
+export * as $dimension from "./dimension/index.mjs";
+export * as $duration from "./duration.mjs";
+export * as $fontSize from "./font-size.mjs";
+export * as $fontWeight from "./font-weight.mjs";
+export * as $gradient from "./gradient.mjs";
+export * as $lineHeight from "./line-height.mjs";
+export * as $radius from "./radius.mjs";
+export * as $shadow from "./shadow.mjs";
+export * as $timingFunction from "./timing-function.mjs";