tera-system-ui 0.0.1 → 0.0.2

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 (8) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/index.js +2 -2
  3. package/dist/themes/index.d.ts +1 -0
  4. package/dist/themes/index.js +1 -0
  5. package/dist/themes/tera-ui-base.css +149 -0
  6. package/dist/themes/tw-preset.cjs +151 -0
  7. package/dist/themes/tw-preset.d.cts +149 -0
  8. package/package.json +5 -3
package/dist/index.d.ts CHANGED
@@ -1 +1 @@
1
- export {};
1
+ export { toggleSideNavigation } from './components/side-navigation';
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";
2
- // Reexport your entry components here
1
+ export { toggleSideNavigation } from './components/side-navigation';
2
+ // export { default as Button } from './components/button/Button.svelte';
package/dist/themes/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/themes/index.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";
package/dist/themes/tera-ui-base.css ADDED
@@ -0,0 +1,149 @@
1
+ :root {
2
+ --border-radius-base: 0.25rem;
3
+ --border-radius-container: 0.5rem;
4
+ --tw---alias-color-primary-50: 215 90 96;
5
+ --tw---alias-color-primary-100: 217 91 87;
6
+ --tw---alias-color-primary-200: 217 91 82;
7
+ --tw---alias-color-primary-300: 217 91 73;
8
+ --tw---alias-color-primary-400: 217 91 68;
9
+ --tw---alias-color-primary-500: 217 91 60;
10
+ --tw---alias-color-primary-600: 217 73 55;
11
+ --tw---alias-color-primary-700: 217 61 43;
12
+ --tw---alias-color-primary-800: 217 62 33;
13
+ --tw---alias-color-primary-900: 217 61 25;
14
+ --tw---alias-color-error-50: 0 81 96;
15
+ --tw---alias-color-error-100: 0 84 88;
16
+ --tw---alias-color-error-200: 0 85 82;
17
+ --tw---alias-color-error-300: 0 84 73;
18
+ --tw---alias-color-error-400: 0 84 68;
19
+ --tw---alias-color-error-500: 0 84 60;
20
+ --tw---alias-color-error-600: 0 67 55;
21
+ --tw---alias-color-error-700: 0 56 43;
22
+ --tw---alias-color-error-800: 0 56 33;
23
+ --tw---alias-color-error-900: 0 55 25;
24
+ --tw---alias-color-success-50: 143 57 95;
25
+ --tw---alias-color-success-100: 142 59 83;
26
+ --tw---alias-color-success-200: 142 58 75;
27
+ --tw---alias-color-success-300: 142 58 63;
28
+ --tw---alias-color-success-400: 142 59 56;
29
+ --tw---alias-color-success-500: 142 71 45;
30
+ --tw---alias-color-success-600: 142 70 41;
31
+ --tw---alias-color-success-700: 142 71 32;
32
+ --tw---alias-color-success-800: 142 70 25;
33
+ --tw---alias-color-success-900: 142 71 19;
34
+ --tw---alias-color-neutral-1: 0 0 100;
35
+ --tw---alias-color-neutral-2: 0 0 99;
36
+ --tw---alias-color-neutral-3: 0 0 96;
37
+ --tw---alias-color-neutral-4: 0 0 94;
38
+ --tw---alias-color-neutral-5: 0 0 85;
39
+ --tw---alias-color-neutral-6: 0 0 75;
40
+ --tw---alias-color-neutral-7: 0 0 55;
41
+ --tw---alias-color-neutral-8: 0 0 35;
42
+ --tw---alias-color-neutral-9: 0 0 27;
43
+ --tw---alias-color-neutral-10: 0 0 15;
44
+ --tw---alias-color-neutral-11: 0 0 12;
45
+ --tw---alias-color-neutral-12: 0 0 8;
46
+ --tw---alias-color-neutral-13: 0 0 0;
47
+ --tw---alias-color-warning-50: 25 92 95;
48
+ --tw---alias-color-warning-100: 25 95 85;
49
+ --tw---alias-color-warning-200: 25 95 78;
50
+ --tw---alias-color-warning-300: 24 95 69;
51
+ --tw---alias-color-warning-400: 25 95 63;
52
+ --tw---alias-color-warning-500: 25 95 53;
53
+ --tw---alias-color-warning-600: 25 84 48;
54
+ --tw---alias-color-warning-700: 25 83 38;
55
+ --tw---alias-color-warning-800: 24 84 29;
56
+ --tw---alias-color-warning-900: 24 84 22;
57
+ --tw---alias-color-information-50: 215 90 96;
58
+ --tw---alias-color-information-100: 217 91 87;
59
+ --tw---alias-color-information-200: 217 91 82;
60
+ --tw---alias-color-information-300: 217 91 73;
61
+ --tw---alias-color-information-400: 217 91 68;
62
+ --tw---alias-color-information-500: 217 91 60;
63
+ --tw---alias-color-information-600: 217 73 55;
64
+ --tw---alias-color-information-700: 217 61 43;
65
+ --tw---alias-color-information-800: 217 62 33;
66
+ --tw---alias-color-information-900: 217 61 25;
67
+ --tw---alias-color-secondary-50: 330 80 96;
68
+ --tw---alias-color-secondary-100: 331 81 88;
69
+ --tw---alias-color-secondary-200: 330 81 82;
70
+ --tw---alias-color-secondary-300: 330 81 73;
71
+ --tw---alias-color-secondary-400: 331 81 68;
72
+ --tw---alias-color-secondary-500: 330 81 60;
73
+ --tw---alias-color-secondary-600: 331 65 55;
74
+ --tw---alias-color-secondary-700: 330 53 43;
75
+ --tw---alias-color-secondary-800: 331 53 33;
76
+ --tw---alias-color-secondary-900: 330 53 25;
77
+ --tw---alias-color-brand-500: 212 100 47;
78
+ --tw---token-color-brand-token-5: 212 100 47;
79
+ --tw---token-color-neutral-token-1: 0 0 100;
80
+ --tw---token-color-neutral-token-2: 0 0 99;
81
+ --tw---token-color-neutral-token-3: 0 0 96;
82
+ --tw---token-color-neutral-token-4: 0 0 94;
83
+ --tw---token-color-neutral-token-5: 0 0 85;
84
+ --tw---token-color-neutral-token-6: 0 0 75;
85
+ --tw---token-color-neutral-token-7: 0 0 55;
86
+ --tw---token-color-neutral-token-8: 0 0 35;
87
+ --tw---token-color-neutral-token-9: 0 0 27;
88
+ --tw---token-color-neutral-token-10: 0 0 15;
89
+ --tw---token-color-neutral-token-11: 0 0 12;
90
+ --tw---token-color-neutral-token-12: 0 0 8;
91
+ --tw---token-color-neutral-token-13: 0 0 0;
92
+ --tw---token-color-primary-token-1: 215 90 96;
93
+ --tw---token-color-primary-token-2: 217 91 87;
94
+ --tw---token-color-primary-token-3: 217 91 82;
95
+ --tw---token-color-primary-token-4: 217 91 73;
96
+ --tw---token-color-primary-token-5: 217 91 68;
97
+ --tw---token-color-primary-token-6: 217 91 60;
98
+ --tw---token-color-primary-token-7: 217 73 55;
99
+ --tw---token-color-primary-token-8: 217 61 43;
100
+ --tw---token-color-primary-token-9: 217 62 33;
101
+ --tw---token-color-primary-token-10: 217 61 25;
102
+ }
103
+
104
+
105
+
106
+ :root.dark {
107
+ --tw---token-color-brand-token-5: 212 100 47;
108
+ --tw---token-color-neutral-token-1: 0 0 0;
109
+ --tw---token-color-neutral-token-2: 0 0 8;
110
+ --tw---token-color-neutral-token-3: 0 0 12;
111
+ --tw---token-color-neutral-token-4: 0 0 15;
112
+ --tw---token-color-neutral-token-5: 0 0 27;
113
+ --tw---token-color-neutral-token-6: 0 0 35;
114
+ --tw---token-color-neutral-token-7: 0 0 55;
115
+ --tw---token-color-neutral-token-8: 0 0 75;
116
+ --tw---token-color-neutral-token-9: 0 0 85;
117
+ --tw---token-color-neutral-token-10: 0 0 94;
118
+ --tw---token-color-neutral-token-11: 0 0 96;
119
+ --tw---token-color-neutral-token-12: 0 0 99;
120
+ --tw---token-color-neutral-token-13: 0 0 100;
121
+ --tw---token-color-primary-token-1: 217 61 25;
122
+ --tw---token-color-primary-token-2: 217 62 33;
123
+ --tw---token-color-primary-token-3: 217 61 43;
124
+ --tw---token-color-primary-token-4: 217 73 55;
125
+ --tw---token-color-primary-token-5: 217 91 60;
126
+ --tw---token-color-primary-token-6: 217 91 68;
127
+ --tw---token-color-primary-token-7: 217 91 73;
128
+ --tw---token-color-primary-token-8: 217 91 82;
129
+ --tw---token-color-primary-token-9: 217 91 87;
130
+ --tw---token-color-primary-token-10: 215 90 96;
131
+ }
132
+
133
+
134
+
135
+ /* Base responsive variable */
136
+ :root {
137
+ --header-height: 3rem;
138
+ }
139
+
140
+ @media (min-width: theme(screens.md)) {
141
+ :root {
142
+ --header-height: 3.5rem;
143
+ }
144
+ }
145
+
146
+ @media (min-width: theme(screens.lg)) {
147
+ :root {
148
+ }
149
+ }
package/dist/themes/tw-preset.cjs ADDED
@@ -0,0 +1,151 @@
1
+ module.exports = {
2
+ theme: {
3
+ extend: {
4
+ colors: {
5
+ primary: {
6
+ 50: 'hsl(var(--tw---alias-color-primary-50))',
7
+ 100: 'hsl(var(--tw---alias-color-primary-100))',
8
+ 200: 'hsl(var(--tw---alias-color-primary-200))',
9
+ 300: 'hsl(var(--tw---alias-color-primary-300))',
10
+ 400: 'hsl(var(--tw---alias-color-primary-400))',
11
+ 500: 'hsl(var(--tw---alias-color-primary-500))',
12
+ 600: 'hsl(var(--tw---alias-color-primary-600))',
13
+ 700: 'hsl(var(--tw---alias-color-primary-700))',
14
+ 800: 'hsl(var(--tw---alias-color-primary-800))',
15
+ 900: 'hsl(var(--tw---alias-color-primary-900))',
16
+ token: {
17
+ 1: 'hsl(var(--tw---token-color-primary-token-1))',
18
+ 2: 'hsl(var(--tw---token-color-primary-token-2))',
19
+ 3: 'hsl(var(--tw---token-color-primary-token-3))',
20
+ 4: 'hsl(var(--tw---token-color-primary-token-4))',
21
+ 5: 'hsl(var(--tw---token-color-primary-token-5))',
22
+ 6: 'hsl(var(--tw---token-color-primary-token-6))',
23
+ 7: 'hsl(var(--tw---token-color-primary-token-7))',
24
+ 8: 'hsl(var(--tw---token-color-primary-token-8))',
25
+ 9: 'hsl(var(--tw---token-color-primary-token-9))',
26
+ 10: 'hsl(var(--tw---token-color-primary-token-10))'
27
+ }
28
+ },
29
+ error: {
30
+ 50: 'hsl(var(--tw---alias-color-error-50))',
31
+ 100: 'hsl(var(--tw---alias-color-error-100))',
32
+ 200: 'hsl(var(--tw---alias-color-error-200))',
33
+ 300: 'hsl(var(--tw---alias-color-error-300))',
34
+ 400: 'hsl(var(--tw---alias-color-error-400))',
35
+ 500: 'hsl(var(--tw---alias-color-error-500))',
36
+ 600: 'hsl(var(--tw---alias-color-error-600))',
37
+ 700: 'hsl(var(--tw---alias-color-error-700))',
38
+ 800: 'hsl(var(--tw---alias-color-error-800))',
39
+ 900: 'hsl(var(--tw---alias-color-error-900))'
40
+ },
41
+ success: {
42
+ 50: 'hsl(var(--tw---alias-color-success-50))',
43
+ 100: 'hsl(var(--tw---alias-color-success-100))',
44
+ 200: 'hsl(var(--tw---alias-color-success-200))',
45
+ 300: 'hsl(var(--tw---alias-color-success-300))',
46
+ 400: 'hsl(var(--tw---alias-color-success-400))',
47
+ 500: 'hsl(var(--tw---alias-color-success-500))',
48
+ 600: 'hsl(var(--tw---alias-color-success-600))',
49
+ 700: 'hsl(var(--tw---alias-color-success-700))',
50
+ 800: 'hsl(var(--tw---alias-color-success-800))',
51
+ 900: 'hsl(var(--tw---alias-color-success-900))'
52
+ },
53
+ neutral: {
54
+ 1: 'hsl(var(--tw---alias-color-neutral-1))',
55
+ 2: 'hsl(var(--tw---alias-color-neutral-2))',
56
+ 3: 'hsl(var(--tw---alias-color-neutral-3))',
57
+ 4: 'hsl(var(--tw---alias-color-neutral-4))',
58
+ 5: 'hsl(var(--tw---alias-color-neutral-5))',
59
+ 6: 'hsl(var(--tw---alias-color-neutral-6))',
60
+ 7: 'hsl(var(--tw---alias-color-neutral-7))',
61
+ 8: 'hsl(var(--tw---alias-color-neutral-8))',
62
+ 9: 'hsl(var(--tw---alias-color-neutral-9))',
63
+ 10: 'hsl(var(--tw---alias-color-neutral-10))',
64
+ 11: 'hsl(var(--tw---alias-color-neutral-11))',
65
+ 12: 'hsl(var(--tw---alias-color-neutral-12))',
66
+ 13: 'hsl(var(--tw---alias-color-neutral-13))',
67
+ token: {
68
+ 1: 'hsl(var(--tw---token-color-neutral-token-1))',
69
+ 2: 'hsl(var(--tw---token-color-neutral-token-2))',
70
+ 3: 'hsl(var(--tw---token-color-neutral-token-3))',
71
+ 4: 'hsl(var(--tw---token-color-neutral-token-4))',
72
+ 5: 'hsl(var(--tw---token-color-neutral-token-5))',
73
+ 6: 'hsl(var(--tw---token-color-neutral-token-6))',
74
+ 7: 'hsl(var(--tw---token-color-neutral-token-7))',
75
+ 8: 'hsl(var(--tw---token-color-neutral-token-8))',
76
+ 9: 'hsl(var(--tw---token-color-neutral-token-9))',
77
+ 10: 'hsl(var(--tw---token-color-neutral-token-10))',
78
+ 11: 'hsl(var(--tw---token-color-neutral-token-11))',
79
+ 12: 'hsl(var(--tw---token-color-neutral-token-12))',
80
+ 13: 'hsl(var(--tw---token-color-neutral-token-13))'
81
+ }
82
+ },
83
+ warning: {
84
+ 50: 'hsl(var(--tw---alias-color-warning-50))',
85
+ 100: 'hsl(var(--tw---alias-color-warning-100))',
86
+ 200: 'hsl(var(--tw---alias-color-warning-200))',
87
+ 300: 'hsl(var(--tw---alias-color-warning-300))',
88
+ 400: 'hsl(var(--tw---alias-color-warning-400))',
89
+ 500: 'hsl(var(--tw---alias-color-warning-500))',
90
+ 600: 'hsl(var(--tw---alias-color-warning-600))',
91
+ 700: 'hsl(var(--tw---alias-color-warning-700))',
92
+ 800: 'hsl(var(--tw---alias-color-warning-800))',
93
+ 900: 'hsl(var(--tw---alias-color-warning-900))'
94
+ },
95
+ information: {
96
+ 50: 'hsl(var(--tw---alias-color-information-50))',
97
+ 100: 'hsl(var(--tw---alias-color-information-100))',
98
+ 200: 'hsl(var(--tw---alias-color-information-200))',
99
+ 300: 'hsl(var(--tw---alias-color-information-300))',
100
+ 400: 'hsl(var(--tw---alias-color-information-400))',
101
+ 500: 'hsl(var(--tw---alias-color-information-500))',
102
+ 600: 'hsl(var(--tw---alias-color-information-600))',
103
+ 700: 'hsl(var(--tw---alias-color-information-700))',
104
+ 800: 'hsl(var(--tw---alias-color-information-800))',
105
+ 900: 'hsl(var(--tw---alias-color-information-900))'
106
+ },
107
+ secondary: {
108
+ 50: 'hsl(var(--tw---alias-color-secondary-50))',
109
+ 100: 'hsl(var(--tw---alias-color-secondary-100))',
110
+ 200: 'hsl(var(--tw---alias-color-secondary-200))',
111
+ 300: 'hsl(var(--tw---alias-color-secondary-300))',
112
+ 400: 'hsl(var(--tw---alias-color-secondary-400))',
113
+ 500: 'hsl(var(--tw---alias-color-secondary-500))',
114
+ 600: 'hsl(var(--tw---alias-color-secondary-600))',
115
+ 700: 'hsl(var(--tw---alias-color-secondary-700))',
116
+ 800: 'hsl(var(--tw---alias-color-secondary-800))',
117
+ 900: 'hsl(var(--tw---alias-color-secondary-900))'
118
+ },
119
+ brand: {
120
+ 500: 'hsl(var(--tw---alias-color-brand-500))',
121
+ token: {
122
+ 5: 'hsl(var(--tw---token-color-brand-token-5))'
123
+ }
124
+ }
125
+ },
126
+ spacing: {
127
+ "icon-xs": '1.25rem',
128
+ "icon-sm": '1.5rem',
129
+ "icon-md": '1.75rem',
130
+ "icon-lg": '2rem',
131
+ "icon-xl": '2.25rem',
132
+ "icon-2xl": '2.5rem',
133
+ "header-height": 'var(--header-height)'
134
+ },
135
+ borderWidth: {
136
+ base: '1px',
137
+ large: '2px'
138
+ },
139
+ stroke: {
140
+ icon: '1.5rem'
141
+ },
142
+ borderRadius: {
143
+ DEFAULT: 'var(--border-radius-base)',
144
+ container: 'var(--border-radius-container)'
145
+ },
146
+ transitionDuration: {
147
+ "element-react": '350ms'
148
+ }
149
+ }
150
+ }
151
+ };
package/dist/themes/tw-preset.d.cts ADDED
@@ -0,0 +1,149 @@
1
+ export namespace theme {
2
+ namespace extend {
3
+ namespace colors {
4
+ let primary: {
5
+ 50: string;
6
+ 100: string;
7
+ 200: string;
8
+ 300: string;
9
+ 400: string;
10
+ 500: string;
11
+ 600: string;
12
+ 700: string;
13
+ 800: string;
14
+ 900: string;
15
+ token: {
16
+ 1: string;
17
+ 2: string;
18
+ 3: string;
19
+ 4: string;
20
+ 5: string;
21
+ 6: string;
22
+ 7: string;
23
+ 8: string;
24
+ 9: string;
25
+ 10: string;
26
+ };
27
+ };
28
+ let error: {
29
+ 50: string;
30
+ 100: string;
31
+ 200: string;
32
+ 300: string;
33
+ 400: string;
34
+ 500: string;
35
+ 600: string;
36
+ 700: string;
37
+ 800: string;
38
+ 900: string;
39
+ };
40
+ let success: {
41
+ 50: string;
42
+ 100: string;
43
+ 200: string;
44
+ 300: string;
45
+ 400: string;
46
+ 500: string;
47
+ 600: string;
48
+ 700: string;
49
+ 800: string;
50
+ 900: string;
51
+ };
52
+ let neutral: {
53
+ 1: string;
54
+ 2: string;
55
+ 3: string;
56
+ 4: string;
57
+ 5: string;
58
+ 6: string;
59
+ 7: string;
60
+ 8: string;
61
+ 9: string;
62
+ 10: string;
63
+ 11: string;
64
+ 12: string;
65
+ 13: string;
66
+ token: {
67
+ 1: string;
68
+ 2: string;
69
+ 3: string;
70
+ 4: string;
71
+ 5: string;
72
+ 6: string;
73
+ 7: string;
74
+ 8: string;
75
+ 9: string;
76
+ 10: string;
77
+ 11: string;
78
+ 12: string;
79
+ 13: string;
80
+ };
81
+ };
82
+ let warning: {
83
+ 50: string;
84
+ 100: string;
85
+ 200: string;
86
+ 300: string;
87
+ 400: string;
88
+ 500: string;
89
+ 600: string;
90
+ 700: string;
91
+ 800: string;
92
+ 900: string;
93
+ };
94
+ let information: {
95
+ 50: string;
96
+ 100: string;
97
+ 200: string;
98
+ 300: string;
99
+ 400: string;
100
+ 500: string;
101
+ 600: string;
102
+ 700: string;
103
+ 800: string;
104
+ 900: string;
105
+ };
106
+ let secondary: {
107
+ 50: string;
108
+ 100: string;
109
+ 200: string;
110
+ 300: string;
111
+ 400: string;
112
+ 500: string;
113
+ 600: string;
114
+ 700: string;
115
+ 800: string;
116
+ 900: string;
117
+ };
118
+ let brand: {
119
+ 500: string;
120
+ token: {
121
+ 5: string;
122
+ };
123
+ };
124
+ }
125
+ let spacing: {
126
+ "icon-xs": string;
127
+ "icon-sm": string;
128
+ "icon-md": string;
129
+ "icon-lg": string;
130
+ "icon-xl": string;
131
+ "icon-2xl": string;
132
+ "header-height": string;
133
+ };
134
+ namespace borderWidth {
135
+ let base: string;
136
+ let large: string;
137
+ }
138
+ namespace stroke {
139
+ let icon: string;
140
+ }
141
+ namespace borderRadius {
142
+ let DEFAULT: string;
143
+ let container: string;
144
+ }
145
+ let transitionDuration: {
146
+ "element-react": string;
147
+ };
148
+ }
149
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tera-system-ui",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && npm run package",
@@ -29,8 +29,10 @@
29
29
  "exports": {
30
30
  ".": {
31
31
  "types": "./dist/index.d.ts",
32
- "svelte": "./dist/index.js"
33
- }
32
+ "svelte": "./dist/index.js",
33
+ "default": "./dist/index.js"
34
+ },
35
+ "./themes/tw-preset": "./dist/themes/tw-preset.cjs"
34
36
  },
35
37
  "peerDependencies": {
36
38
  "svelte": "^5.0.0"