@seed-design/vars 0.0.1-alpha-20250210081704
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.
- package/README.md +2 -0
- package/lib/color/bg.d.ts +39 -0
- package/lib/color/bg.mjs +39 -0
- package/lib/color/fg.d.ts +17 -0
- package/lib/color/fg.mjs +17 -0
- package/lib/color/index.d.ts +5 -0
- package/lib/color/index.mjs +5 -0
- package/lib/color/manner-temp/index.d.ts +6 -0
- package/lib/color/manner-temp/index.mjs +6 -0
- package/lib/color/manner-temp/l1.d.ts +2 -0
- package/lib/color/manner-temp/l1.mjs +2 -0
- package/lib/color/manner-temp/l2.d.ts +2 -0
- package/lib/color/manner-temp/l2.mjs +2 -0
- package/lib/color/manner-temp/l3.d.ts +2 -0
- package/lib/color/manner-temp/l3.mjs +2 -0
- package/lib/color/manner-temp/l4.d.ts +2 -0
- package/lib/color/manner-temp/l4.mjs +2 -0
- package/lib/color/manner-temp/l5.d.ts +2 -0
- package/lib/color/manner-temp/l5.mjs +2 -0
- package/lib/color/manner-temp/l6.d.ts +2 -0
- package/lib/color/manner-temp/l6.mjs +2 -0
- package/lib/color/palette.d.ts +78 -0
- package/lib/color/palette.mjs +78 -0
- package/lib/color/stroke.d.ts +10 -0
- package/lib/color/stroke.mjs +10 -0
- package/lib/component/action-button.d.ts +491 -0
- package/lib/component/action-button.mjs +491 -0
- package/lib/component/action-chip.d.ts +128 -0
- package/lib/component/action-chip.mjs +128 -0
- package/lib/component/action-sheet-close-button.d.ts +23 -0
- package/lib/component/action-sheet-close-button.mjs +23 -0
- package/lib/component/action-sheet-item.d.ts +36 -0
- package/lib/component/action-sheet-item.mjs +36 -0
- package/lib/component/action-sheet.d.ts +45 -0
- package/lib/component/action-sheet.mjs +45 -0
- package/lib/component/avatar-stack.d.ts +60 -0
- package/lib/component/avatar-stack.mjs +60 -0
- package/lib/component/avatar.d.ts +83 -0
- package/lib/component/avatar.mjs +83 -0
- package/lib/component/badge.d.ts +223 -0
- package/lib/component/badge.mjs +223 -0
- package/lib/component/bottom-sheet.d.ts +61 -0
- package/lib/component/bottom-sheet.mjs +61 -0
- package/lib/component/callout.d.ts +185 -0
- package/lib/component/callout.mjs +185 -0
- package/lib/component/checkbox.d.ts +171 -0
- package/lib/component/checkbox.mjs +171 -0
- package/lib/component/chip-tab.d.ts +98 -0
- package/lib/component/chip-tab.mjs +98 -0
- package/lib/component/chip-tablist.d.ts +23 -0
- package/lib/component/chip-tablist.mjs +23 -0
- package/lib/component/control-chip.d.ts +156 -0
- package/lib/component/control-chip.mjs +156 -0
- package/lib/component/dialog.d.ts +49 -0
- package/lib/component/dialog.mjs +49 -0
- package/lib/component/expand-button.d.ts +41 -0
- package/lib/component/expand-button.mjs +41 -0
- package/lib/component/extended-action-sheet-close-button.d.ts +25 -0
- package/lib/component/extended-action-sheet-close-button.mjs +25 -0
- package/lib/component/extended-action-sheet-item.d.ts +46 -0
- package/lib/component/extended-action-sheet-item.mjs +46 -0
- package/lib/component/extended-action-sheet.d.ts +48 -0
- package/lib/component/extended-action-sheet.mjs +48 -0
- package/lib/component/extended-fab.d.ts +82 -0
- package/lib/component/extended-fab.mjs +82 -0
- package/lib/component/fab.d.ts +21 -0
- package/lib/component/fab.mjs +21 -0
- package/lib/component/help-bubble.d.ts +36 -0
- package/lib/component/help-bubble.mjs +36 -0
- package/lib/component/identity-placeholder.d.ts +12 -0
- package/lib/component/identity-placeholder.mjs +12 -0
- package/lib/component/index.d.ts +40 -0
- package/lib/component/index.mjs +40 -0
- package/lib/component/inline-banner.d.ts +211 -0
- package/lib/component/inline-banner.mjs +211 -0
- package/lib/component/manner-temp-badge.d.ts +77 -0
- package/lib/component/manner-temp-badge.mjs +77 -0
- package/lib/component/progress-circle.d.ts +67 -0
- package/lib/component/progress-circle.mjs +67 -0
- package/lib/component/radio.d.ts +77 -0
- package/lib/component/radio.mjs +77 -0
- package/lib/component/reaction-button.d.ts +134 -0
- package/lib/component/reaction-button.mjs +134 -0
- package/lib/component/segment.d.ts +34 -0
- package/lib/component/segment.mjs +34 -0
- package/lib/component/segmented-control-item.d.ts +34 -0
- package/lib/component/segmented-control-item.mjs +34 -0
- package/lib/component/segmented-control.d.ts +18 -0
- package/lib/component/segmented-control.mjs +18 -0
- package/lib/component/select-box-group.d.ts +9 -0
- package/lib/component/select-box-group.mjs +9 -0
- package/lib/component/select-box.d.ts +92 -0
- package/lib/component/select-box.mjs +92 -0
- package/lib/component/skeleton.d.ts +42 -0
- package/lib/component/skeleton.mjs +42 -0
- package/lib/component/snackbar.d.ts +58 -0
- package/lib/component/snackbar.mjs +58 -0
- package/lib/component/switch.d.ts +65 -0
- package/lib/component/switch.mjs +65 -0
- package/lib/component/tab.d.ts +53 -0
- package/lib/component/tab.mjs +53 -0
- package/lib/component/tablist.d.ts +51 -0
- package/lib/component/tablist.mjs +51 -0
- package/lib/component/text-button.d.ts +107 -0
- package/lib/component/text-button.mjs +107 -0
- package/lib/component/text-field.d.ts +295 -0
- package/lib/component/text-field.mjs +295 -0
- package/lib/component/toggle-button.d.ts +205 -0
- package/lib/component/toggle-button.mjs +205 -0
- package/lib/component/top-navigation.d.ts +86 -0
- package/lib/component/top-navigation.mjs +86 -0
- package/lib/component/typography.d.ts +209 -0
- package/lib/component/typography.mjs +209 -0
- package/lib/dimension/index.d.ts +22 -0
- package/lib/dimension/index.mjs +22 -0
- package/lib/dimension/spacing-x.d.ts +2 -0
- package/lib/dimension/spacing-x.mjs +2 -0
- package/lib/dimension/spacing-y.d.ts +2 -0
- package/lib/dimension/spacing-y.mjs +2 -0
- package/lib/duration.d.ts +6 -0
- package/lib/duration.mjs +6 -0
- package/lib/font-size.d.ts +13 -0
- package/lib/font-size.mjs +13 -0
- package/lib/font-weight.d.ts +3 -0
- package/lib/font-weight.mjs +3 -0
- package/lib/gradient.d.ts +1 -0
- package/lib/gradient.mjs +1 -0
- package/lib/index.d.ts +32 -0
- package/lib/index.mjs +1 -0
- package/lib/line-height.d.ts +10 -0
- package/lib/line-height.mjs +10 -0
- package/lib/radius.d.ts +11 -0
- package/lib/radius.mjs +11 -0
- package/lib/timing-function.d.ts +6 -0
- package/lib/timing-function.mjs +6 -0
- package/lib/vars.d.ts +9 -0
- package/lib/vars.mjs +9 -0
- package/package.json +43 -0
@@ -0,0 +1,13 @@
|
|
1
|
+
export const s1 = "var(--seed-v3-font-size-s1)";
|
2
|
+
export const s2 = "var(--seed-v3-font-size-s2)";
|
3
|
+
export const s3 = "var(--seed-v3-font-size-s3)";
|
4
|
+
export const s4 = "var(--seed-v3-font-size-s4)";
|
5
|
+
export const s5 = "var(--seed-v3-font-size-s5)";
|
6
|
+
export const s6 = "var(--seed-v3-font-size-s6)";
|
7
|
+
export const s7 = "var(--seed-v3-font-size-s7)";
|
8
|
+
export const s8 = "var(--seed-v3-font-size-s8)";
|
9
|
+
export const s9 = "var(--seed-v3-font-size-s9)";
|
10
|
+
export const s10 = "var(--seed-v3-font-size-s10)";
|
11
|
+
export const s2Static = "var(--seed-v3-font-size-s2-static)";
|
12
|
+
export const s5Static = "var(--seed-v3-font-size-s5-static)";
|
13
|
+
export const s6Static = "var(--seed-v3-font-size-s6-static)";
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const shimmer = "var(--seed-v3-gradient-shimmer)";
|
package/lib/gradient.mjs
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export const shimmer = "var(--seed-v3-gradient-shimmer)";
|
package/lib/index.d.ts
ADDED
@@ -0,0 +1,32 @@
|
|
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
|
+
export type ColorBg = keyof TokenObject["$color"]["bg"];
|
9
|
+
|
10
|
+
export type ColorStroke = keyof TokenObject["$color"]["stroke"];
|
11
|
+
|
12
|
+
export type ColorPalette = keyof TokenObject["$color"]["palette"];
|
13
|
+
|
14
|
+
export type Duration = keyof TokenObject["$duration"];
|
15
|
+
|
16
|
+
export type FontSize = keyof TokenObject["$fontSize"];
|
17
|
+
|
18
|
+
export type FontWeight = keyof TokenObject["$fontWeight"];
|
19
|
+
|
20
|
+
export type Gradient = keyof TokenObject["$gradient"];
|
21
|
+
|
22
|
+
export type LineHeight = keyof TokenObject["$lineHeight"];
|
23
|
+
|
24
|
+
export type Radius = keyof TokenObject["$radius"];
|
25
|
+
|
26
|
+
export type TimingFunction = keyof TokenObject["$timingFunction"];
|
27
|
+
|
28
|
+
export type Dimension = Exclude<keyof TokenObject["$dimension"], "spacingX" | "spacingY">;
|
29
|
+
|
30
|
+
export type SpacingX = keyof TokenObject["$dimension"]["spacingX"];
|
31
|
+
|
32
|
+
export type SpacingY = keyof TokenObject["$dimension"]["spacingY"];
|
package/lib/index.mjs
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export * as vars from "./vars.mjs";
|
@@ -0,0 +1,10 @@
|
|
1
|
+
export declare const s1 = "var(--seed-v3-line-height-s1)";
|
2
|
+
export declare const s2 = "var(--seed-v3-line-height-s2)";
|
3
|
+
export declare const s3 = "var(--seed-v3-line-height-s3)";
|
4
|
+
export declare const s4 = "var(--seed-v3-line-height-s4)";
|
5
|
+
export declare const s5 = "var(--seed-v3-line-height-s5)";
|
6
|
+
export declare const s6 = "var(--seed-v3-line-height-s6)";
|
7
|
+
export declare const s7 = "var(--seed-v3-line-height-s7)";
|
8
|
+
export declare const s8 = "var(--seed-v3-line-height-s8)";
|
9
|
+
export declare const s9 = "var(--seed-v3-line-height-s9)";
|
10
|
+
export declare const s10 = "var(--seed-v3-line-height-s10)";
|
@@ -0,0 +1,10 @@
|
|
1
|
+
export const s1 = "var(--seed-v3-line-height-s1)";
|
2
|
+
export const s2 = "var(--seed-v3-line-height-s2)";
|
3
|
+
export const s3 = "var(--seed-v3-line-height-s3)";
|
4
|
+
export const s4 = "var(--seed-v3-line-height-s4)";
|
5
|
+
export const s5 = "var(--seed-v3-line-height-s5)";
|
6
|
+
export const s6 = "var(--seed-v3-line-height-s6)";
|
7
|
+
export const s7 = "var(--seed-v3-line-height-s7)";
|
8
|
+
export const s8 = "var(--seed-v3-line-height-s8)";
|
9
|
+
export const s9 = "var(--seed-v3-line-height-s9)";
|
10
|
+
export const s10 = "var(--seed-v3-line-height-s10)";
|
package/lib/radius.d.ts
ADDED
@@ -0,0 +1,11 @@
|
|
1
|
+
export declare const s0_5 = "var(--seed-v3-radius-s0_5)";
|
2
|
+
export declare const s1 = "var(--seed-v3-radius-s1)";
|
3
|
+
export declare const s1_5 = "var(--seed-v3-radius-s1_5)";
|
4
|
+
export declare const s2 = "var(--seed-v3-radius-s2)";
|
5
|
+
export declare const s2_5 = "var(--seed-v3-radius-s2_5)";
|
6
|
+
export declare const s3 = "var(--seed-v3-radius-s3)";
|
7
|
+
export declare const s3_5 = "var(--seed-v3-radius-s3_5)";
|
8
|
+
export declare const s4 = "var(--seed-v3-radius-s4)";
|
9
|
+
export declare const s5 = "var(--seed-v3-radius-s5)";
|
10
|
+
export declare const s6 = "var(--seed-v3-radius-s6)";
|
11
|
+
export declare const full = "var(--seed-v3-radius-full)";
|
package/lib/radius.mjs
ADDED
@@ -0,0 +1,11 @@
|
|
1
|
+
export const s0_5 = "var(--seed-v3-radius-s0_5)";
|
2
|
+
export const s1 = "var(--seed-v3-radius-s1)";
|
3
|
+
export const s1_5 = "var(--seed-v3-radius-s1_5)";
|
4
|
+
export const s2 = "var(--seed-v3-radius-s2)";
|
5
|
+
export const s2_5 = "var(--seed-v3-radius-s2_5)";
|
6
|
+
export const s3 = "var(--seed-v3-radius-s3)";
|
7
|
+
export const s3_5 = "var(--seed-v3-radius-s3_5)";
|
8
|
+
export const s4 = "var(--seed-v3-radius-s4)";
|
9
|
+
export const s5 = "var(--seed-v3-radius-s5)";
|
10
|
+
export const s6 = "var(--seed-v3-radius-s6)";
|
11
|
+
export const full = "var(--seed-v3-radius-full)";
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export declare const linear = "var(--seed-v3-timing-function-linear)";
|
2
|
+
export declare const easing = "var(--seed-v3-timing-function-easing)";
|
3
|
+
export declare const enter = "var(--seed-v3-timing-function-enter)";
|
4
|
+
export declare const exit = "var(--seed-v3-timing-function-exit)";
|
5
|
+
export declare const enterExpressive = "var(--seed-v3-timing-function-enter-expressive)";
|
6
|
+
export declare const exitExpressive = "var(--seed-v3-timing-function-exit-expressive)";
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export const linear = "var(--seed-v3-timing-function-linear)";
|
2
|
+
export const easing = "var(--seed-v3-timing-function-easing)";
|
3
|
+
export const enter = "var(--seed-v3-timing-function-enter)";
|
4
|
+
export const exit = "var(--seed-v3-timing-function-exit)";
|
5
|
+
export const enterExpressive = "var(--seed-v3-timing-function-enter-expressive)";
|
6
|
+
export const exitExpressive = "var(--seed-v3-timing-function-exit-expressive)";
|
package/lib/vars.d.ts
ADDED
@@ -0,0 +1,9 @@
|
|
1
|
+
export * as $color from "./color";
|
2
|
+
export * as $duration from "./duration";
|
3
|
+
export * as $fontSize from "./font-size";
|
4
|
+
export * as $fontWeight from "./font-weight";
|
5
|
+
export * as $gradient from "./gradient";
|
6
|
+
export * as $lineHeight from "./line-height";
|
7
|
+
export * as $radius from "./radius";
|
8
|
+
export * as $timingFunction from "./timing-function";
|
9
|
+
export * as $dimension from "./dimension";
|
package/lib/vars.mjs
ADDED
@@ -0,0 +1,9 @@
|
|
1
|
+
export * as $color from "./color/index.mjs";
|
2
|
+
export * as $duration from "./duration.mjs";
|
3
|
+
export * as $fontSize from "./font-size.mjs";
|
4
|
+
export * as $fontWeight from "./font-weight.mjs";
|
5
|
+
export * as $gradient from "./gradient.mjs";
|
6
|
+
export * as $lineHeight from "./line-height.mjs";
|
7
|
+
export * as $radius from "./radius.mjs";
|
8
|
+
export * as $timingFunction from "./timing-function.mjs";
|
9
|
+
export * as $dimension from "./dimension/index.mjs";
|
package/package.json
ADDED
@@ -0,0 +1,43 @@
|
|
1
|
+
{
|
2
|
+
"name": "@seed-design/vars",
|
3
|
+
"version": "0.0.1-alpha-20250210081704",
|
4
|
+
"repository": {
|
5
|
+
"type": "git",
|
6
|
+
"url": "git+https://github.com/daangn/seed-design.git",
|
7
|
+
"directory": "packages/vars"
|
8
|
+
},
|
9
|
+
"sideEffects": false,
|
10
|
+
"exports": {
|
11
|
+
".": {
|
12
|
+
"types": "./lib/index.d.ts",
|
13
|
+
"import": "./lib/index.mjs"
|
14
|
+
},
|
15
|
+
"./component": {
|
16
|
+
"types": "./lib/component/index.d.ts",
|
17
|
+
"import": "./lib/component/index.mjs"
|
18
|
+
},
|
19
|
+
"./color": {
|
20
|
+
"types": "./lib/color/index.d.ts",
|
21
|
+
"import": "./lib/color/index.mjs"
|
22
|
+
},
|
23
|
+
"./dimension": {
|
24
|
+
"types": "./lib/dimension/index.d.ts",
|
25
|
+
"import": "./lib/dimension/index.mjs"
|
26
|
+
},
|
27
|
+
"./package.json": "./package.json"
|
28
|
+
},
|
29
|
+
"files": [
|
30
|
+
"lib"
|
31
|
+
],
|
32
|
+
"scripts": {
|
33
|
+
"clean": "rm -rf lib",
|
34
|
+
"prepack": "bun rootage:generate",
|
35
|
+
"rootage:generate": "bun rootage token-ts ./lib && rootage component-spec ./lib/component"
|
36
|
+
},
|
37
|
+
"devDependencies": {
|
38
|
+
"@seed-design/rootage-cli": "0.0.0"
|
39
|
+
},
|
40
|
+
"publishConfig": {
|
41
|
+
"access": "public"
|
42
|
+
}
|
43
|
+
}
|