@tracaodev/design-tokens-vue 1.0.0

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 (11) hide show
  1. package/dist/assets/theme_1/tokens.d.ts +132 -0
  2. package/dist/assets/theme_1/tokens.d.ts.map +1 -0
  3. package/dist/assets/theme_2/tokens.d.ts +72 -0
  4. package/dist/assets/theme_2/tokens.d.ts.map +1 -0
  5. package/dist/assets 13-30-59-658/tokens.d.ts +35 -0
  6. package/dist/assets 13-30-59-658/tokens.d.ts.map +1 -0
  7. package/dist/index.cjs +1 -0
  8. package/dist/index.d.ts +11 -0
  9. package/dist/index.d.ts.map +1 -0
  10. package/dist/index.js +211 -0
  11. package/package.json +43 -0
package/dist/assets/theme_1/tokens.d.ts ADDED
@@ -0,0 +1,132 @@
1
+ export declare const tokens: {
2
+ "color-primary-1-500": string;
3
+ "color-primary-1-600": string;
4
+ "color-primary-1-700": string;
5
+ "color-primary-1-800": string;
6
+ "color-primary-2-500": string;
7
+ "color-primary-2-600": string;
8
+ "color-primary-2-700": string;
9
+ "color-primary-2-800": string;
10
+ "color-secondary-1-500": string;
11
+ "color-secondary-1-600": string;
12
+ "color-secondary-1-700": string;
13
+ "color-secondary-1-800": string;
14
+ "color-neutral-100": string;
15
+ "color-neutral-200": string;
16
+ "color-neutral-300": string;
17
+ "color-neutral-400": string;
18
+ "color-neutral-500": string;
19
+ "color-neutral-600": string;
20
+ "color-neutral-white": string;
21
+ "color-additions-green-500": string;
22
+ "color-additions-green-100": string;
23
+ "color-additions-yellow-500": string;
24
+ "color-additions-yellow-100": string;
25
+ "color-additions-red-500": string;
26
+ "color-additions-red-100": string;
27
+ "color-additions-purple-500": string;
28
+ "color-additions-purple-100": string;
29
+ "color-additions-blue-500": string;
30
+ "color-additions-blue-100": string;
31
+ "corner-radius-5x": number;
32
+ "corner-radius-4x": number;
33
+ "corner-radius-3x": number;
34
+ "corner-radius-2x": number;
35
+ "corner-radius-1x": number;
36
+ "spacing-4x": number;
37
+ "spacing-3x": number;
38
+ "spacing-2x": number;
39
+ "spacing-1x": number;
40
+ "font-library-text-font-style-bold": string;
41
+ "font-library-text-font-style-semibold": string;
42
+ "font-library-text-font-style-medium": string;
43
+ "font-library-text-font-style-regular": string;
44
+ "font-library-text-size-100": number;
45
+ "font-library-text-size-200": number;
46
+ "font-library-text-size-300": number;
47
+ "font-library-text-size-400": number;
48
+ "font-library-text-size-500": number;
49
+ "font-library-text-size-600": number;
50
+ "font-library-text-size-700": number;
51
+ "font-library-text-size-800": number;
52
+ "font-library-text-size-900": number;
53
+ "font-library-text-line-height-1x": number;
54
+ "font-library-text-line-height-1-25x": number;
55
+ "font-library-text-line-height-1-5x": number;
56
+ "font-library-text-line-height-1-75x": number;
57
+ "font-library-text-line-height-2x": number;
58
+ "font-library-text-line-height-2-25x": number;
59
+ "font-library-text-line-height-2-5x": number;
60
+ "font-library-text-line-height-3x": number;
61
+ "font-library-text-line-height-3-5x": number;
62
+ "font-library-text-line-height-4x": number;
63
+ "font-library-text-letter-spacing-8x": number;
64
+ "font-library-text-letter-spacing-4x": number;
65
+ "font-library-text-letter-spacing-2x": number;
66
+ "font-library-text-letter-spacing-1x": number;
67
+ "font-library-text-letter-spacing-0x": number;
68
+ "font-library-text-letter-spacing--1x": number;
69
+ "font-library-text-letter-spacing--2x": number;
70
+ "typefaces-title-large-font-styles": string;
71
+ "typefaces-title-large-text-size": number;
72
+ "typefaces-title-large-line-height": number;
73
+ "typefaces-title-large-letter-spacing": number;
74
+ "typefaces-title-medium-font-styles": string;
75
+ "typefaces-title-medium-text-size": number;
76
+ "typefaces-title-medium-line-height": number;
77
+ "typefaces-title-medium-letter-spacing": number;
78
+ "typefaces-title-small-text-size": number;
79
+ "typefaces-title-small-line-height": number;
80
+ "typefaces-title-small-letter-spacing": number;
81
+ "typefaces-title-small-font-styles": string;
82
+ "typefaces-headline-large-font-styles": string;
83
+ "typefaces-headline-large-text-size": number;
84
+ "typefaces-headline-large-line-height": number;
85
+ "typefaces-headline-large-letter-spacing": number;
86
+ "typefaces-headline-medium-font-styles": string;
87
+ "typefaces-headline-medium-text-size": number;
88
+ "typefaces-headline-medium-line-height": number;
89
+ "typefaces-headline-medium-letter-spacing": number;
90
+ "typefaces-headline-small-font-styles": string;
91
+ "typefaces-headline-small-text-size": number;
92
+ "typefaces-headline-small-line-height": number;
93
+ "typefaces-headline-small-letter-spacing": number;
94
+ "typefaces-body-large-font-styles": string;
95
+ "typefaces-body-large-text-size": number;
96
+ "typefaces-body-large-line-height": number;
97
+ "typefaces-body-large-letter-spacing": number;
98
+ "typefaces-body-medium-font-styles": string;
99
+ "typefaces-body-medium-text-size": number;
100
+ "typefaces-body-medium-line-height": number;
101
+ "typefaces-body-medium-letter-spacing": number;
102
+ "typefaces-body-small-font-styles": string;
103
+ "typefaces-body-small-text-size": number;
104
+ "typefaces-body-small-line-height": number;
105
+ "typefaces-body-small-letter-spacing": number;
106
+ "typefaces-subtitle-large-font-styles": string;
107
+ "typefaces-subtitle-large-text-size": number;
108
+ "typefaces-subtitle-large-line-height": number;
109
+ "typefaces-subtitle-large-letter-spacing": number;
110
+ "typefaces-subtitle-medium-font-styles": string;
111
+ "typefaces-subtitle-medium-text-size": number;
112
+ "typefaces-subtitle-medium-line-height": number;
113
+ "typefaces-subtitle-medium-letter-spacing": number;
114
+ "typefaces-subtitle-small-font-styles": string;
115
+ "typefaces-subtitle-small-text-size": number;
116
+ "typefaces-subtitle-small-line-height": number;
117
+ "typefaces-subtitle-small-letter-spacing": number;
118
+ "typefaces-hyperlink-large-font-styles": string;
119
+ "typefaces-hyperlink-large-text-size": number;
120
+ "typefaces-hyperlink-large-line-height": number;
121
+ "typefaces-hyperlink-large-letter-spacing": number;
122
+ "typefaces-hyperlink-medium-font-styles": string;
123
+ "typefaces-hyperlink-medium-text-size": number;
124
+ "typefaces-hyperlink-medium-line-height": number;
125
+ "typefaces-hyperlink-medium-letter-spacing": number;
126
+ "typefaces-hyperlink-small-font-styles": string;
127
+ "typefaces-hyperlink-small-text-size": number;
128
+ "typefaces-hyperlink-small-line-height": number;
129
+ "typefaces-hyperlink-small-letter-spacing": number;
130
+ };
131
+ export type TokenKeys = keyof typeof tokens;
132
+ //# sourceMappingURL=tokens.d.ts.map
package/dist/assets/theme_1/tokens.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/assets/theme_1/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiIlB,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAA"}
package/dist/assets/theme_2/tokens.d.ts ADDED
@@ -0,0 +1,72 @@
1
+ export declare const tokens: {
2
+ "color-primary-1-500": string;
3
+ "color-primary-1-600": string;
4
+ "color-primary-1-700": string;
5
+ "color-primary-1-800": string;
6
+ "color-primary-2-500": string;
7
+ "color-primary-2-600": string;
8
+ "color-primary-2-700": string;
9
+ "color-primary-2-800": string;
10
+ "color-secondary-1-500": string;
11
+ "color-secondary-1-600": string;
12
+ "color-secondary-1-700": string;
13
+ "color-secondary-1-800": string;
14
+ "color-neutral-100": string;
15
+ "color-neutral-200": string;
16
+ "color-neutral-300": string;
17
+ "color-neutral-400": string;
18
+ "color-neutral-500": string;
19
+ "color-neutral-600": string;
20
+ "color-neutral-white": string;
21
+ "color-additions-green-500": string;
22
+ "color-additions-green-100": string;
23
+ "color-additions-yellow-500": string;
24
+ "color-additions-yellow-100": string;
25
+ "color-additions-red-500": string;
26
+ "color-additions-red-100": string;
27
+ "color-additions-purple-500": string;
28
+ "color-additions-purple-100": string;
29
+ "color-additions-blue-500": string;
30
+ "color-additions-blue-100": string;
31
+ "corner-radius-5x": number;
32
+ "corner-radius-4x": number;
33
+ "corner-radius-3x": number;
34
+ "corner-radius-2x": number;
35
+ "corner-radius-1x": number;
36
+ "spacing-4x": number;
37
+ "spacing-3x": number;
38
+ "spacing-2x": number;
39
+ "spacing-1x": number;
40
+ "font-library-text-font-style-bold": string;
41
+ "font-library-text-font-style-semibold": string;
42
+ "font-library-text-font-style-medium": string;
43
+ "font-library-text-font-style-regular": string;
44
+ "font-library-text-size-100": number;
45
+ "font-library-text-size-200": number;
46
+ "font-library-text-size-300": number;
47
+ "font-library-text-size-400": number;
48
+ "font-library-text-size-500": number;
49
+ "font-library-text-size-600": number;
50
+ "font-library-text-size-700": number;
51
+ "font-library-text-size-800": number;
52
+ "font-library-text-size-900": number;
53
+ "font-library-text-line-height-1x": number;
54
+ "font-library-text-line-height-1-25x": number;
55
+ "font-library-text-line-height-1-5x": number;
56
+ "font-library-text-line-height-1-75x": number;
57
+ "font-library-text-line-height-2x": number;
58
+ "font-library-text-line-height-2-25x": number;
59
+ "font-library-text-line-height-2-5x": number;
60
+ "font-library-text-line-height-3x": number;
61
+ "font-library-text-line-height-3-5x": number;
62
+ "font-library-text-line-height-4x": number;
63
+ "font-library-text-letter-spacing-8x": number;
64
+ "font-library-text-letter-spacing-4x": number;
65
+ "font-library-text-letter-spacing-2x": number;
66
+ "font-library-text-letter-spacing-1x": number;
67
+ "font-library-text-letter-spacing-0x": number;
68
+ "font-library-text-letter-spacing--1x": number;
69
+ "font-library-text-letter-spacing--2x": number;
70
+ };
71
+ export type TokenKeys = keyof typeof tokens;
72
+ //# sourceMappingURL=tokens.d.ts.map
package/dist/assets/theme_2/tokens.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/assets/theme_2/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqElB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAA"}
package/dist/assets 13-30-59-658/tokens.d.ts ADDED
@@ -0,0 +1,35 @@
1
+ declare const themes: {
2
+ readonly theme_1: {
3
+ readonly red: "pink";
4
+ readonly blue: "lightblue";
5
+ };
6
+ readonly theme_2: {
7
+ readonly red: "red";
8
+ readonly blue: "blue";
9
+ };
10
+ };
11
+ type Themes = typeof themes;
12
+ type ThemeKeys = keyof Themes;
13
+ type ThemeValues = Themes[ThemeKeys];
14
+ type TokenKeys = keyof ThemeValues;
15
+ /**
16
+ * The list of themes.
17
+ */
18
+ declare const themesList: ThemeKeys[];
19
+ /**
20
+ * The current theme.
21
+ */
22
+ declare const currentTheme: import("vue").Ref<"theme_2" | "theme_1", "theme_2" | "theme_1">;
23
+ /**
24
+ * Apply a theme.
25
+ * @param theme - The theme to apply.
26
+ */
27
+ declare const applyTheme: (theme: ThemeKeys) => void;
28
+ /**
29
+ * Get the value of a token.
30
+ * @param token - The token to get the value of.
31
+ * @returns The value of the token.
32
+ */
33
+ declare const dt: <T extends TokenKeys>(token: T) => ThemeValues[T];
34
+ export { currentTheme, themesList, dt, applyTheme, };
35
+ //# sourceMappingURL=tokens.d.ts.map
package/dist/assets 13-30-59-658/tokens.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/assets 13-30-59-658/tokens.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;;;;;CASF,CAAC;AAEX,KAAK,MAAM,GAAG,OAAO,MAAM,CAAC;AAC5B,KAAK,SAAS,GAAG,MAAM,MAAM,CAAC;AAC9B,KAAK,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AACrC,KAAK,SAAS,GAAG,MAAM,WAAW,CAAC;AAEnC;;GAEG;AACH,QAAA,MAAM,UAAU,EAA0B,SAAS,EAAE,CAAC;AAEtD;;GAEG;AACH,QAAA,MAAM,YAAY,iEAAgC,CAAC;AAInD;;;GAGG;AACH,QAAA,MAAM,UAAU,GAAI,OAAO,SAAS,KAAG,IAKtC,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,EAAE,GAAI,CAAC,SAAS,SAAS,EAAE,OAAO,CAAC,KAAG,WAAW,CAAC,CAAC,CAExD,CAAC;AAEF,OAAO,EACH,YAAY,EACZ,UAAU,EACV,EAAE,EACF,UAAU,GACb,CAAA"}
package/dist/index.cjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),i={"color-primary-1-500":"#ff914d","color-primary-1-600":"#ffc19b","color-primary-1-700":"#ffe3d2","color-primary-1-800":"#fff8f4","color-primary-2-500":"#5b4c39","color-primary-2-600":"#8b7457","color-primary-2-700":"#ebe2d0","color-primary-2-800":"#faf4e8","color-secondary-1-500":"#032759","color-secondary-1-600":"#01347b","color-secondary-1-700":"#9ac3fb","color-secondary-1-800":"#e6f0fe","color-neutral-100":"#291000","color-neutral-200":"#505456","color-neutral-300":"#979da7","color-neutral-400":"#e6e6e6","color-neutral-500":"#f2f2f2","color-neutral-600":"#fafafa","color-neutral-white":"#ffffff","color-additions-green-500":"#1cb548","color-additions-green-100":"#effbf3","color-additions-yellow-500":"#ffb703","color-additions-yellow-100":"#fffcef","color-additions-red-500":"#ff4747","color-additions-red-100":"#fffafa","color-additions-purple-500":"#6730ec","color-additions-purple-100":"#f4f0ff","color-additions-blue-500":"#3e64ff","color-additions-blue-100":"#f5f9ff","corner-radius-5x":20,"corner-radius-4x":16,"corner-radius-3x":12,"corner-radius-2x":8,"corner-radius-1x":4,"spacing-4x":48,"spacing-3x":32,"spacing-2x":24,"spacing-1x":12,"font-library-text-font-style-bold":"Bold","font-library-text-font-style-semibold":"SemiBold","font-library-text-font-style-medium":"Medium","font-library-text-font-style-regular":"Regular","font-library-text-size-100":8,"font-library-text-size-200":12,"font-library-text-size-300":16,"font-library-text-size-400":20,"font-library-text-size-500":24,"font-library-text-size-600":28,"font-library-text-size-700":32,"font-library-text-size-800":36,"font-library-text-size-900":40,"font-library-text-line-height-1x":16,"font-library-text-line-height-1-25x":20,"font-library-text-line-height-1-5x":24,"font-library-text-line-height-1-75x":28,"font-library-text-line-height-2x":32,"font-library-text-line-height-2-25x":36,"font-library-text-line-height-2-5x":40,"font-library-text-line-height-3x":48,"font-library-text-line-height-3-5x":56,"font-library-text-line-height-4x":64,"font-library-text-letter-spacing-8x":1.600000023841858,"font-library-text-letter-spacing-4x":.800000011920929,"font-library-text-letter-spacing-2x":.4000000059604645,"font-library-text-letter-spacing-1x":.20000000298023224,"font-library-text-letter-spacing-0x":0,"font-library-text-letter-spacing--1x":-.20000000298023224,"font-library-text-letter-spacing--2x":-.4000000059604645},r={"color-primary-1-500":"red","color-primary-1-600":"#ffc19b","color-primary-1-700":"#ffe3d2","color-primary-1-800":"#fff8f4","color-primary-2-500":"#032759","color-primary-2-600":"#01347b","color-primary-2-700":"#9ac3fb","color-primary-2-800":"#e6f0fe","color-secondary-1-500":"#5b4c39","color-secondary-1-600":"#8b7457","color-secondary-1-700":"#ddd1b9","color-secondary-1-800":"#faf4e8","color-neutral-100":"#252627","color-neutral-200":"#686a6d","color-neutral-300":"#979da7","color-neutral-400":"#e6e6e6","color-neutral-500":"#f2f2f2","color-neutral-600":"#fafafa","color-neutral-white":"#ffffff","color-additions-green-500":"#1cb548","color-additions-green-100":"#effbf3","color-additions-yellow-500":"#ffb703","color-additions-yellow-100":"#fffcef","color-additions-red-500":"#ff4747","color-additions-red-100":"#fffafa","color-additions-purple-500":"#6730ec","color-additions-purple-100":"#f4f0ff","color-additions-blue-500":"#3e64ff","color-additions-blue-100":"#f5f9ff","corner-radius-5x":20,"corner-radius-4x":16,"corner-radius-3x":12,"corner-radius-2x":8,"corner-radius-1x":4,"spacing-4x":48,"spacing-3x":32,"spacing-2x":24,"spacing-1x":12,"font-library-text-font-style-bold":"Bold","font-library-text-font-style-semibold":"SemiBold","font-library-text-font-style-medium":"Medium","font-library-text-font-style-regular":"Regular","font-library-text-size-100":8,"font-library-text-size-200":12,"font-library-text-size-300":16,"font-library-text-size-400":20,"font-library-text-size-500":24,"font-library-text-size-600":28,"font-library-text-size-700":32,"font-library-text-size-800":36,"font-library-text-size-900":40,"font-library-text-line-height-1x":16,"font-library-text-line-height-1-25x":20,"font-library-text-line-height-1-5x":24,"font-library-text-line-height-1-75x":28,"font-library-text-line-height-2x":32,"font-library-text-line-height-2-25x":36,"font-library-text-line-height-2-5x":40,"font-library-text-line-height-3x":48,"font-library-text-line-height-3-5x":56,"font-library-text-line-height-4x":64,"font-library-text-letter-spacing-8x":1.600000023841858,"font-library-text-letter-spacing-4x":.800000011920929,"font-library-text-letter-spacing-2x":.4000000059604645,"font-library-text-letter-spacing-1x":.20000000298023224,"font-library-text-letter-spacing-0x":0,"font-library-text-letter-spacing--1x":-.20000000298023224,"font-library-text-letter-spacing--2x":-.4000000059604645,"typefaces-title-large-font-styles":"Bold","typefaces-title-large-text-size":16,"typefaces-title-large-line-height":24,"typefaces-title-large-letter-spacing":0,"typefaces-title-medium-font-styles":"Bold","typefaces-title-medium-text-size":12,"typefaces-title-medium-line-height":20,"typefaces-title-medium-letter-spacing":0,"typefaces-title-small-text-size":8,"typefaces-title-small-line-height":16,"typefaces-title-small-letter-spacing":0,"typefaces-title-small-font-styles":"Bold","typefaces-headline-large-font-styles":"Bold","typefaces-headline-large-text-size":28,"typefaces-headline-large-line-height":32,"typefaces-headline-large-letter-spacing":-.20000000298023224,"typefaces-headline-medium-font-styles":"Bold","typefaces-headline-medium-text-size":24,"typefaces-headline-medium-line-height":32,"typefaces-headline-medium-letter-spacing":-.20000000298023224,"typefaces-headline-small-font-styles":"Bold","typefaces-headline-small-text-size":20,"typefaces-headline-small-line-height":28,"typefaces-headline-small-letter-spacing":-.20000000298023224,"typefaces-body-large-font-styles":"Medium","typefaces-body-large-text-size":16,"typefaces-body-large-line-height":24,"typefaces-body-large-letter-spacing":-.20000000298023224,"typefaces-body-medium-font-styles":"Medium","typefaces-body-medium-text-size":12,"typefaces-body-medium-line-height":20,"typefaces-body-medium-letter-spacing":0,"typefaces-body-small-font-styles":"Medium","typefaces-body-small-text-size":8,"typefaces-body-small-line-height":16,"typefaces-body-small-letter-spacing":0,"typefaces-subtitle-large-font-styles":"SemiBold","typefaces-subtitle-large-text-size":16,"typefaces-subtitle-large-line-height":24,"typefaces-subtitle-large-letter-spacing":.4000000059604645,"typefaces-subtitle-medium-font-styles":"SemiBold","typefaces-subtitle-medium-text-size":12,"typefaces-subtitle-medium-line-height":20,"typefaces-subtitle-medium-letter-spacing":.4000000059604645,"typefaces-subtitle-small-font-styles":"SemiBold","typefaces-subtitle-small-text-size":8,"typefaces-subtitle-small-line-height":16,"typefaces-subtitle-small-letter-spacing":.4000000059604645,"typefaces-hyperlink-large-font-styles":"Medium","typefaces-hyperlink-large-text-size":16,"typefaces-hyperlink-large-line-height":24,"typefaces-hyperlink-large-letter-spacing":-.20000000298023224,"typefaces-hyperlink-medium-font-styles":"Medium","typefaces-hyperlink-medium-text-size":12,"typefaces-hyperlink-medium-line-height":20,"typefaces-hyperlink-medium-letter-spacing":0,"typefaces-hyperlink-small-font-styles":"Medium","typefaces-hyperlink-small-text-size":8,"typefaces-hyperlink-small-line-height":16,"typefaces-hyperlink-small-letter-spacing":0},a=["theme_2","theme_1"],o={theme_2:i,theme_1:r},t=l.ref("theme_2"),s=e=>{t.value=e},n=l.computed(()=>o[t.value]),f=e=>n.value[e];exports.applyTheme=s;exports.currentTheme=t;exports.dt=f;exports.themesList=a;
package/dist/index.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { tokens as tokens_theme_2 } from './assets/theme_2/tokens';
2
+ import { tokens as tokens_theme_1 } from './assets/theme_1/tokens';
3
+ export type ThemeKeys = 'theme_2' | 'theme_1';
4
+ export type ThemeValues = typeof tokens_theme_2 | typeof tokens_theme_1;
5
+ export type TokenKeys = keyof ThemeValues;
6
+ declare const themesList: ThemeKeys[];
7
+ declare const currentTheme: import("vue").Ref<ThemeKeys, ThemeKeys>;
8
+ declare const applyTheme: (theme: ThemeKeys) => void;
9
+ declare const dt: (token: TokenKeys) => string | number;
10
+ export { applyTheme, currentTheme, dt, themesList };
11
+ //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGnE,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAC9C,MAAM,MAAM,WAAW,GAAG,OAAO,cAAc,GAAG,OAAO,cAAc,CAAC;AACxE,MAAM,MAAM,SAAS,GAAG,MAAM,WAAW,CAAC;AAE1C,QAAA,MAAM,UAAU,EAAE,SAAS,EAA2B,CAAC;AAMvD,QAAA,MAAM,YAAY,yCAA4B,CAAC;AAE/C,QAAA,MAAM,UAAU,GAAI,OAAO,SAAS,SAEnC,CAAC;AAIF,QAAA,MAAM,EAAE,GAAI,OAAO,SAAS,oBAE3B,CAAA;AAED,OAAO,EACH,UAAU,EACV,YAAY,EACZ,EAAE,EACF,UAAU,EACX,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,211 @@
1
+ import { ref as l, computed as i } from "vue";
2
+ const r = {
3
+ "color-primary-1-500": "#ff914d",
4
+ "color-primary-1-600": "#ffc19b",
5
+ "color-primary-1-700": "#ffe3d2",
6
+ "color-primary-1-800": "#fff8f4",
7
+ "color-primary-2-500": "#5b4c39",
8
+ "color-primary-2-600": "#8b7457",
9
+ "color-primary-2-700": "#ebe2d0",
10
+ "color-primary-2-800": "#faf4e8",
11
+ "color-secondary-1-500": "#032759",
12
+ "color-secondary-1-600": "#01347b",
13
+ "color-secondary-1-700": "#9ac3fb",
14
+ "color-secondary-1-800": "#e6f0fe",
15
+ "color-neutral-100": "#291000",
16
+ "color-neutral-200": "#505456",
17
+ "color-neutral-300": "#979da7",
18
+ "color-neutral-400": "#e6e6e6",
19
+ "color-neutral-500": "#f2f2f2",
20
+ "color-neutral-600": "#fafafa",
21
+ "color-neutral-white": "#ffffff",
22
+ "color-additions-green-500": "#1cb548",
23
+ "color-additions-green-100": "#effbf3",
24
+ "color-additions-yellow-500": "#ffb703",
25
+ "color-additions-yellow-100": "#fffcef",
26
+ "color-additions-red-500": "#ff4747",
27
+ "color-additions-red-100": "#fffafa",
28
+ "color-additions-purple-500": "#6730ec",
29
+ "color-additions-purple-100": "#f4f0ff",
30
+ "color-additions-blue-500": "#3e64ff",
31
+ "color-additions-blue-100": "#f5f9ff",
32
+ "corner-radius-5x": 20,
33
+ "corner-radius-4x": 16,
34
+ "corner-radius-3x": 12,
35
+ "corner-radius-2x": 8,
36
+ "corner-radius-1x": 4,
37
+ "spacing-4x": 48,
38
+ "spacing-3x": 32,
39
+ "spacing-2x": 24,
40
+ "spacing-1x": 12,
41
+ "font-library-text-font-style-bold": "Bold",
42
+ "font-library-text-font-style-semibold": "SemiBold",
43
+ "font-library-text-font-style-medium": "Medium",
44
+ "font-library-text-font-style-regular": "Regular",
45
+ "font-library-text-size-100": 8,
46
+ "font-library-text-size-200": 12,
47
+ "font-library-text-size-300": 16,
48
+ "font-library-text-size-400": 20,
49
+ "font-library-text-size-500": 24,
50
+ "font-library-text-size-600": 28,
51
+ "font-library-text-size-700": 32,
52
+ "font-library-text-size-800": 36,
53
+ "font-library-text-size-900": 40,
54
+ "font-library-text-line-height-1x": 16,
55
+ "font-library-text-line-height-1-25x": 20,
56
+ "font-library-text-line-height-1-5x": 24,
57
+ "font-library-text-line-height-1-75x": 28,
58
+ "font-library-text-line-height-2x": 32,
59
+ "font-library-text-line-height-2-25x": 36,
60
+ "font-library-text-line-height-2-5x": 40,
61
+ "font-library-text-line-height-3x": 48,
62
+ "font-library-text-line-height-3-5x": 56,
63
+ "font-library-text-line-height-4x": 64,
64
+ "font-library-text-letter-spacing-8x": 1.600000023841858,
65
+ "font-library-text-letter-spacing-4x": 0.800000011920929,
66
+ "font-library-text-letter-spacing-2x": 0.4000000059604645,
67
+ "font-library-text-letter-spacing-1x": 0.20000000298023224,
68
+ "font-library-text-letter-spacing-0x": 0,
69
+ "font-library-text-letter-spacing--1x": -0.20000000298023224,
70
+ "font-library-text-letter-spacing--2x": -0.4000000059604645
71
+ }, a = {
72
+ "color-primary-1-500": "red",
73
+ "color-primary-1-600": "#ffc19b",
74
+ "color-primary-1-700": "#ffe3d2",
75
+ "color-primary-1-800": "#fff8f4",
76
+ "color-primary-2-500": "#032759",
77
+ "color-primary-2-600": "#01347b",
78
+ "color-primary-2-700": "#9ac3fb",
79
+ "color-primary-2-800": "#e6f0fe",
80
+ "color-secondary-1-500": "#5b4c39",
81
+ "color-secondary-1-600": "#8b7457",
82
+ "color-secondary-1-700": "#ddd1b9",
83
+ "color-secondary-1-800": "#faf4e8",
84
+ "color-neutral-100": "#252627",
85
+ "color-neutral-200": "#686a6d",
86
+ "color-neutral-300": "#979da7",
87
+ "color-neutral-400": "#e6e6e6",
88
+ "color-neutral-500": "#f2f2f2",
89
+ "color-neutral-600": "#fafafa",
90
+ "color-neutral-white": "#ffffff",
91
+ "color-additions-green-500": "#1cb548",
92
+ "color-additions-green-100": "#effbf3",
93
+ "color-additions-yellow-500": "#ffb703",
94
+ "color-additions-yellow-100": "#fffcef",
95
+ "color-additions-red-500": "#ff4747",
96
+ "color-additions-red-100": "#fffafa",
97
+ "color-additions-purple-500": "#6730ec",
98
+ "color-additions-purple-100": "#f4f0ff",
99
+ "color-additions-blue-500": "#3e64ff",
100
+ "color-additions-blue-100": "#f5f9ff",
101
+ "corner-radius-5x": 20,
102
+ "corner-radius-4x": 16,
103
+ "corner-radius-3x": 12,
104
+ "corner-radius-2x": 8,
105
+ "corner-radius-1x": 4,
106
+ "spacing-4x": 48,
107
+ "spacing-3x": 32,
108
+ "spacing-2x": 24,
109
+ "spacing-1x": 12,
110
+ "font-library-text-font-style-bold": "Bold",
111
+ "font-library-text-font-style-semibold": "SemiBold",
112
+ "font-library-text-font-style-medium": "Medium",
113
+ "font-library-text-font-style-regular": "Regular",
114
+ "font-library-text-size-100": 8,
115
+ "font-library-text-size-200": 12,
116
+ "font-library-text-size-300": 16,
117
+ "font-library-text-size-400": 20,
118
+ "font-library-text-size-500": 24,
119
+ "font-library-text-size-600": 28,
120
+ "font-library-text-size-700": 32,
121
+ "font-library-text-size-800": 36,
122
+ "font-library-text-size-900": 40,
123
+ "font-library-text-line-height-1x": 16,
124
+ "font-library-text-line-height-1-25x": 20,
125
+ "font-library-text-line-height-1-5x": 24,
126
+ "font-library-text-line-height-1-75x": 28,
127
+ "font-library-text-line-height-2x": 32,
128
+ "font-library-text-line-height-2-25x": 36,
129
+ "font-library-text-line-height-2-5x": 40,
130
+ "font-library-text-line-height-3x": 48,
131
+ "font-library-text-line-height-3-5x": 56,
132
+ "font-library-text-line-height-4x": 64,
133
+ "font-library-text-letter-spacing-8x": 1.600000023841858,
134
+ "font-library-text-letter-spacing-4x": 0.800000011920929,
135
+ "font-library-text-letter-spacing-2x": 0.4000000059604645,
136
+ "font-library-text-letter-spacing-1x": 0.20000000298023224,
137
+ "font-library-text-letter-spacing-0x": 0,
138
+ "font-library-text-letter-spacing--1x": -0.20000000298023224,
139
+ "font-library-text-letter-spacing--2x": -0.4000000059604645,
140
+ "typefaces-title-large-font-styles": "Bold",
141
+ "typefaces-title-large-text-size": 16,
142
+ "typefaces-title-large-line-height": 24,
143
+ "typefaces-title-large-letter-spacing": 0,
144
+ "typefaces-title-medium-font-styles": "Bold",
145
+ "typefaces-title-medium-text-size": 12,
146
+ "typefaces-title-medium-line-height": 20,
147
+ "typefaces-title-medium-letter-spacing": 0,
148
+ "typefaces-title-small-text-size": 8,
149
+ "typefaces-title-small-line-height": 16,
150
+ "typefaces-title-small-letter-spacing": 0,
151
+ "typefaces-title-small-font-styles": "Bold",
152
+ "typefaces-headline-large-font-styles": "Bold",
153
+ "typefaces-headline-large-text-size": 28,
154
+ "typefaces-headline-large-line-height": 32,
155
+ "typefaces-headline-large-letter-spacing": -0.20000000298023224,
156
+ "typefaces-headline-medium-font-styles": "Bold",
157
+ "typefaces-headline-medium-text-size": 24,
158
+ "typefaces-headline-medium-line-height": 32,
159
+ "typefaces-headline-medium-letter-spacing": -0.20000000298023224,
160
+ "typefaces-headline-small-font-styles": "Bold",
161
+ "typefaces-headline-small-text-size": 20,
162
+ "typefaces-headline-small-line-height": 28,
163
+ "typefaces-headline-small-letter-spacing": -0.20000000298023224,
164
+ "typefaces-body-large-font-styles": "Medium",
165
+ "typefaces-body-large-text-size": 16,
166
+ "typefaces-body-large-line-height": 24,
167
+ "typefaces-body-large-letter-spacing": -0.20000000298023224,
168
+ "typefaces-body-medium-font-styles": "Medium",
169
+ "typefaces-body-medium-text-size": 12,
170
+ "typefaces-body-medium-line-height": 20,
171
+ "typefaces-body-medium-letter-spacing": 0,
172
+ "typefaces-body-small-font-styles": "Medium",
173
+ "typefaces-body-small-text-size": 8,
174
+ "typefaces-body-small-line-height": 16,
175
+ "typefaces-body-small-letter-spacing": 0,
176
+ "typefaces-subtitle-large-font-styles": "SemiBold",
177
+ "typefaces-subtitle-large-text-size": 16,
178
+ "typefaces-subtitle-large-line-height": 24,
179
+ "typefaces-subtitle-large-letter-spacing": 0.4000000059604645,
180
+ "typefaces-subtitle-medium-font-styles": "SemiBold",
181
+ "typefaces-subtitle-medium-text-size": 12,
182
+ "typefaces-subtitle-medium-line-height": 20,
183
+ "typefaces-subtitle-medium-letter-spacing": 0.4000000059604645,
184
+ "typefaces-subtitle-small-font-styles": "SemiBold",
185
+ "typefaces-subtitle-small-text-size": 8,
186
+ "typefaces-subtitle-small-line-height": 16,
187
+ "typefaces-subtitle-small-letter-spacing": 0.4000000059604645,
188
+ "typefaces-hyperlink-large-font-styles": "Medium",
189
+ "typefaces-hyperlink-large-text-size": 16,
190
+ "typefaces-hyperlink-large-line-height": 24,
191
+ "typefaces-hyperlink-large-letter-spacing": -0.20000000298023224,
192
+ "typefaces-hyperlink-medium-font-styles": "Medium",
193
+ "typefaces-hyperlink-medium-text-size": 12,
194
+ "typefaces-hyperlink-medium-line-height": 20,
195
+ "typefaces-hyperlink-medium-letter-spacing": 0,
196
+ "typefaces-hyperlink-small-font-styles": "Medium",
197
+ "typefaces-hyperlink-small-text-size": 8,
198
+ "typefaces-hyperlink-small-line-height": 16,
199
+ "typefaces-hyperlink-small-letter-spacing": 0
200
+ }, f = ["theme_2", "theme_1"], o = {
201
+ theme_2: r,
202
+ theme_1: a
203
+ }, t = l("theme_2"), c = (e) => {
204
+ t.value = e;
205
+ }, s = i(() => o[t.value]), y = (e) => s.value[e];
206
+ export {
207
+ c as applyTheme,
208
+ t as currentTheme,
209
+ y as dt,
210
+ f as themesList
211
+ };
package/package.json ADDED
@@ -0,0 +1,43 @@
1
+ {
2
+ "version": "1.0.0",
3
+ "description": "Package mô tả",
4
+ "type": "module",
5
+ "main": "./dist/index.cjs",
6
+ "module": "./dist/index.js",
7
+ "types": "./dist/index.d.ts",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./dist/index.js",
11
+ "require": "./dist/index.cjs",
12
+ "types": "./dist/index.d.ts"
13
+ },
14
+ "./style.css": "./dist/style.css"
15
+ },
16
+ "files": [
17
+ "dist"
18
+ ],
19
+ "scripts": {
20
+ "build": "vite build && bun run build:types",
21
+ "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist",
22
+ "dev": "vite build --watch",
23
+ "prepublishOnly": "bun run build"
24
+ },
25
+ "keywords": [
26
+ "typescript",
27
+ "vue",
28
+ "component"
29
+ ],
30
+ "author": "Your Name",
31
+ "license": "MIT",
32
+ "peerDependencies": {
33
+ "vue": "^3.3.0"
34
+ },
35
+ "devDependencies": {
36
+ "@vitejs/plugin-vue": "^5.0.0",
37
+ "typescript": "^5.0.0",
38
+ "vite": "^5.0.0",
39
+ "vue": "^3.3.0",
40
+ "vue-tsc": "^1.8.0"
41
+ },
42
+ "name": "@tracaodev/design-tokens-vue"
43
+ }