@kruzer/styles 3.0.0-alpha.6 → 3.0.0-alpha.8
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 +28 -28
- package/dist/kruzer-tailwind-preset.cjs +168 -168
- package/dist/styles.min.scss +1 -1
- package/package.json +31 -34
- package/dist/styles.js +0 -1
package/README.md
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
# README #
|
|
2
|
-
|
|
3
|
-
This README would normally document whatever steps are necessary to get your application up and running.
|
|
4
|
-
|
|
5
|
-
### What is this repository for? ###
|
|
6
|
-
|
|
7
|
-
* Quick summary
|
|
8
|
-
* Version
|
|
9
|
-
* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
|
|
10
|
-
|
|
11
|
-
### How do I get set up? ###
|
|
12
|
-
|
|
13
|
-
* Summary of set up
|
|
14
|
-
* Configuration
|
|
15
|
-
* Dependencies
|
|
16
|
-
* Database configuration
|
|
17
|
-
* How to run tests
|
|
18
|
-
* Deployment instructions
|
|
19
|
-
|
|
20
|
-
### Contribution guidelines ###
|
|
21
|
-
|
|
22
|
-
* Writing tests
|
|
23
|
-
* Code review
|
|
24
|
-
* Other guidelines
|
|
25
|
-
|
|
26
|
-
### Who do I talk to? ###
|
|
27
|
-
|
|
28
|
-
* Repo owner or admin
|
|
1
|
+
# README #
|
|
2
|
+
|
|
3
|
+
This README would normally document whatever steps are necessary to get your application up and running.
|
|
4
|
+
|
|
5
|
+
### What is this repository for? ###
|
|
6
|
+
|
|
7
|
+
* Quick summary
|
|
8
|
+
* Version
|
|
9
|
+
* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
|
|
10
|
+
|
|
11
|
+
### How do I get set up? ###
|
|
12
|
+
|
|
13
|
+
* Summary of set up
|
|
14
|
+
* Configuration
|
|
15
|
+
* Dependencies
|
|
16
|
+
* Database configuration
|
|
17
|
+
* How to run tests
|
|
18
|
+
* Deployment instructions
|
|
19
|
+
|
|
20
|
+
### Contribution guidelines ###
|
|
21
|
+
|
|
22
|
+
* Writing tests
|
|
23
|
+
* Code review
|
|
24
|
+
* Other guidelines
|
|
25
|
+
|
|
26
|
+
### Who do I talk to? ###
|
|
27
|
+
|
|
28
|
+
* Repo owner or admin
|
|
29
29
|
* Other community or team contact
|
|
@@ -1,169 +1,169 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
|
|
3
|
-
extend: {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
},
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
600: "rgb(var(--
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
},
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
},
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
}
|
|
168
|
-
},
|
|
1
|
+
module.exports = {
|
|
2
|
+
theme: {
|
|
3
|
+
extend: {
|
|
4
|
+
keyframes: {
|
|
5
|
+
slideDownAndFade: {
|
|
6
|
+
from: { opacity: '0', transform: 'translateY(-2px)' },
|
|
7
|
+
to: { opacity: '1', transform: 'translateY(0)' },
|
|
8
|
+
},
|
|
9
|
+
slideLeftAndFade: {
|
|
10
|
+
from: { opacity: '0', transform: 'translateX(2px)' },
|
|
11
|
+
to: { opacity: '1', transform: 'translateX(0)' },
|
|
12
|
+
},
|
|
13
|
+
slideUpAndFade: {
|
|
14
|
+
from: { opacity: '0', transform: 'translateY(2px)' },
|
|
15
|
+
to: { opacity: '1', transform: 'translateY(0)' },
|
|
16
|
+
},
|
|
17
|
+
slideRightAndFade: {
|
|
18
|
+
from: { opacity: '0', transform: 'translateX(-2px)' },
|
|
19
|
+
to: { opacity: '1', transform: 'translateX(0)' },
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
animation: {
|
|
23
|
+
slideDownAndFade: 'slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
24
|
+
slideLeftAndFade: 'slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
25
|
+
slideUpAndFade: 'slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
26
|
+
slideRightAndFade: 'slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
27
|
+
},
|
|
28
|
+
gridTemplateColumns: {
|
|
29
|
+
xs: "repeat(auto-fill,minmax(12.5rem,1fr))",
|
|
30
|
+
sm: "repeat(auto-fill,minmax(22rem,1fr))",
|
|
31
|
+
md: "repeat(auto-fill,minmax(30rem,1fr))",
|
|
32
|
+
lg: "repeat(auto-fill,minmax(37.5rem,1fr))",
|
|
33
|
+
},
|
|
34
|
+
gridColumn: {
|
|
35
|
+
"span-full": "1 / -1",
|
|
36
|
+
},
|
|
37
|
+
screens: {
|
|
38
|
+
'2md': '930px',
|
|
39
|
+
},
|
|
40
|
+
lineHeight: {
|
|
41
|
+
120: '120%',
|
|
42
|
+
140: '140%',
|
|
43
|
+
},
|
|
44
|
+
aria: {
|
|
45
|
+
invalid: 'invalid="true"',
|
|
46
|
+
},
|
|
47
|
+
},
|
|
48
|
+
colors: {
|
|
49
|
+
neutral: {
|
|
50
|
+
0: "rgb(var(--neutral-0) / <alpha-value>)",
|
|
51
|
+
25: "rgb(var(--neutral-25) / <alpha-value>)",
|
|
52
|
+
50: "rgb(var(--neutral-50) / <alpha-value>)",
|
|
53
|
+
100: "rgb(var(--neutral-100) / <alpha-value>)",
|
|
54
|
+
150: "rgb(var(--neutral-150) / <alpha-value>)",
|
|
55
|
+
200: "rgb(var(--neutral-200) / <alpha-value>)",
|
|
56
|
+
250: "rgb(var(--neutral-250) / <alpha-value>)",
|
|
57
|
+
300: "rgb(var(--neutral-300) / <alpha-value>)",
|
|
58
|
+
350: "rgb(var(--neutral-350) / <alpha-value>)",
|
|
59
|
+
400: "rgb(var(--neutral-400) / <alpha-value>)",
|
|
60
|
+
450: "rgb(var(--neutral-450) / <alpha-value>)",
|
|
61
|
+
500: "rgb(var(--neutral-500) / <alpha-value>)",
|
|
62
|
+
550: "rgb(var(--neutral-550) / <alpha-value>)",
|
|
63
|
+
600: "rgb(var(--neutral-600) / <alpha-value>)",
|
|
64
|
+
650: "rgb(var(--neutral-650) / <alpha-value>)",
|
|
65
|
+
700: "rgb(var(--neutral-700) / <alpha-value>)",
|
|
66
|
+
750: "rgb(var(--neutral-750) / <alpha-value>)",
|
|
67
|
+
800: "rgb(var(--neutral-800) / <alpha-value>)",
|
|
68
|
+
850: "rgb(var(--neutral-850) / <alpha-value>)",
|
|
69
|
+
900: "rgb(var(--neutral-900) / <alpha-value>)",
|
|
70
|
+
},
|
|
71
|
+
primary: {
|
|
72
|
+
0: "rgb(var(--primary-0) / <alpha-value>)",
|
|
73
|
+
50: "rgb(var(--primary-50) / <alpha-value>)",
|
|
74
|
+
100: "rgb(var(--primary-100) / <alpha-value>)",
|
|
75
|
+
500: "rgb(var(--primary-500) / <alpha-value>)",
|
|
76
|
+
600: "rgb(var(--primary-600) / <alpha-value>)",
|
|
77
|
+
900: "rgb(var(--primary-900) / <alpha-value>)",
|
|
78
|
+
},
|
|
79
|
+
success: {
|
|
80
|
+
100: "rgb(var(--success-100) / <alpha-value>)",
|
|
81
|
+
500: "rgb(var(--success-500) / <alpha-value>)",
|
|
82
|
+
600: "rgb(var(--success-600) / <alpha-value>)",
|
|
83
|
+
},
|
|
84
|
+
danger: {
|
|
85
|
+
100: "rgb(var(--danger-100) / <alpha-value>)",
|
|
86
|
+
500: "rgb(var(--danger-500) / <alpha-value>)",
|
|
87
|
+
600: "rgb(var(--danger-600) / <alpha-value>)",
|
|
88
|
+
},
|
|
89
|
+
warning: {
|
|
90
|
+
100: "rgb(var(--warning-100) / <alpha-value>)",
|
|
91
|
+
500: "rgb(var(--warning-500) / <alpha-value>)",
|
|
92
|
+
600: "rgb(var(--warning-600) / <alpha-value>)",
|
|
93
|
+
},
|
|
94
|
+
brand: {
|
|
95
|
+
10: "rgb(var(--brand-10) / <alpha-value>)",
|
|
96
|
+
20: "rgb(var(--brand-20) / <alpha-value>)",
|
|
97
|
+
30: "rgb(var(--brand-30) / <alpha-value>)",
|
|
98
|
+
40: "rgb(var(--brand-40) / <alpha-value>)",
|
|
99
|
+
50: "rgb(var(--brand-50) / <alpha-value>)",
|
|
100
|
+
60: "rgb(var(--brand-60) / <alpha-value>)",
|
|
101
|
+
70: "rgb(var(--brand-70) / <alpha-value>)",
|
|
102
|
+
80: "rgb(var(--brand-80) / <alpha-value>)",
|
|
103
|
+
},
|
|
104
|
+
"post": "rgb(var(--post) / <alpha-value>)",
|
|
105
|
+
"delete": "rgb(var(--delete) / <alpha-value>)",
|
|
106
|
+
"put": "rgb(var(--put) / <alpha-value>)",
|
|
107
|
+
"patch": "rgb(var(--patch) / <alpha-value>)",
|
|
108
|
+
"get": "rgb(var(--get) / <alpha-value>)",
|
|
109
|
+
body: 'rgb(var(--body-background) / <alpha-value>)',
|
|
110
|
+
transparent: "transparent",
|
|
111
|
+
},
|
|
112
|
+
spacing: {
|
|
113
|
+
0: "0",
|
|
114
|
+
1: ".154rem",
|
|
115
|
+
2: ".308rem",
|
|
116
|
+
3: ".462rem",
|
|
117
|
+
4: ".615rem",
|
|
118
|
+
5: ".769rem",
|
|
119
|
+
6: ".923rem",
|
|
120
|
+
7: "1.077rem",
|
|
121
|
+
8: "1.231rem",
|
|
122
|
+
9: "1.385rem",
|
|
123
|
+
10: "1.538rem",
|
|
124
|
+
11: "1.692rem",
|
|
125
|
+
12: "1.846rem",
|
|
126
|
+
13: "2rem",
|
|
127
|
+
14: "2.154rem",
|
|
128
|
+
15: "2.308rem",
|
|
129
|
+
16: "2.538rem",
|
|
130
|
+
17: "2.923rem",
|
|
131
|
+
18: "3.308rem",
|
|
132
|
+
19: "3.692rem",
|
|
133
|
+
20: "4.077rem",
|
|
134
|
+
21: "4.462rem",
|
|
135
|
+
},
|
|
136
|
+
borderRadius: {
|
|
137
|
+
none: "0",
|
|
138
|
+
sm: "0.308rem",
|
|
139
|
+
DEFAULT: ".462rem",
|
|
140
|
+
lg: "2.308rem",
|
|
141
|
+
full: "9999px",
|
|
142
|
+
},
|
|
143
|
+
fontSize: {
|
|
144
|
+
sm: "0.769rem",
|
|
145
|
+
base: "1rem",
|
|
146
|
+
md: "1.077rem",
|
|
147
|
+
"2md": "1.231rem",
|
|
148
|
+
"xl": "1.538rem",
|
|
149
|
+
"2xl": "2rem",
|
|
150
|
+
"3xl": "2.462rem",
|
|
151
|
+
},
|
|
152
|
+
fontFamily: {
|
|
153
|
+
'sans': ['Fira Sans', 'sans-serif'],
|
|
154
|
+
'mono': ['Fira Mono', 'monospace'],
|
|
155
|
+
},
|
|
156
|
+
fontWeight: {
|
|
157
|
+
regular: 400,
|
|
158
|
+
medium: 500,
|
|
159
|
+
semibold: 600,
|
|
160
|
+
bold: 700,
|
|
161
|
+
},
|
|
162
|
+
boxShadow: {
|
|
163
|
+
sm: '0px 3px 10px 0px rgba(0, 0, 0, 0.05)',
|
|
164
|
+
DEFAULT: '0px 2px 10px 0px rgba(0, 0, 0, 0.1)',
|
|
165
|
+
md: '0 0px 20px -1px rgb(0 0 0 / 0.1)',
|
|
166
|
+
bordered: '0 0px 0px 3px rgb(0 0 0 / 0.1)',
|
|
167
|
+
}
|
|
168
|
+
},
|
|
169
169
|
}
|
package/dist/styles.min.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500&family=Fira+Sans:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{position:relative}@media(max-width: 640px){html{font-size:16px}}@media(min-width: 640px){html{font-size:13px}}@layer base{:root{--neutral-0: 255 255 255;--neutral-25: 250 250 250;--neutral-50: 243 243 243;--neutral-100: 230 230 230;--neutral-150: 217 217 217;--neutral-200: 204 204 204;--neutral-250: 191 191 191;--neutral-300: 179 179 179;--neutral-350: 165 165 165;--neutral-400: 153 153 153;--neutral-450: 140 140 140;--neutral-500: 128 128 128;--neutral-550: 115 115 115;--neutral-600: 102 102 102;--neutral-650: 90 90 90;--neutral-700: 76 76 76;--neutral-750: 64 64 64;--neutral-800: 51 51 51;--neutral-850: 38 38 38;--neutral-900: 21 24 30;--primary-0: 246 248 254;--primary-50: 232 239 253;--primary-100: 206 227 253;--primary-500: 9 112 246;--primary-600: 7 90 197;--primary-900: 2 22 49;--success-100: 240 254 230;--success-500:
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500&family=Fira+Sans:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{position:relative}@media(max-width: 640px){html{font-size:16px}}@media(min-width: 640px){html{font-size:13px}}@layer base{:root{--neutral-0: 255 255 255;--neutral-25: 250 250 250;--neutral-50: 243 243 243;--neutral-100: 230 230 230;--neutral-150: 217 217 217;--neutral-200: 204 204 204;--neutral-250: 191 191 191;--neutral-300: 179 179 179;--neutral-350: 165 165 165;--neutral-400: 153 153 153;--neutral-450: 140 140 140;--neutral-500: 128 128 128;--neutral-550: 115 115 115;--neutral-600: 102 102 102;--neutral-650: 90 90 90;--neutral-700: 76 76 76;--neutral-750: 64 64 64;--neutral-800: 51 51 51;--neutral-850: 38 38 38;--neutral-900: 21 24 30;--primary-0: 246 248 254;--primary-50: 232 239 253;--primary-100: 206 227 253;--primary-500: 9 112 246;--primary-600: 7 90 197;--primary-900: 2 22 49;--success-100: 240 254 230;--success-500: 116 217 38;--success-600: 93 173 31;--danger-100: 254 232 230;--danger-500: 246 24 9;--danger-600: 197 19 7;--warning-100: 254 244 230;--warning-500: 246 143 9;--warning-600: 197 114 7;--brand-10: 155 212 255;--brand-20: 55 170 255;--brand-30: 89 131 247;--brand-40: 87 153 247;--brand-50: 27 123 247;--brand-60: 27 105 253;--brand-70: 11 94 215;--brand-80: 8 43 94;--post: var(--success-600);--delete: var(--danger-500);--put: var(--warning-500);--patch: 180 45 255;--get: var(--primary-500);--body-background: var(--neutral-50)}}body{font-family:"Fira Sans",sans-serif;font-weight:400;font-style:normal}h1{@apply text-3xl;line-height:140%}h2{@apply text-2xl;line-height:140%}h3{@apply text-xl;line-height:140%}h4{@apply text-2md;line-height:140%}h4{@apply text-md;line-height:140%}a,p,span{@apply text-base;line-height:140%}small{@apply text-sm;line-height:120%}p{white-space:normal;line-height:140%}
|
package/package.json
CHANGED
|
@@ -1,34 +1,31 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@kruzer/styles",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
4
|
-
"type": "module",
|
|
5
|
-
"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
"
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
"vite-plugin-static-copy": "^0.13.1"
|
|
33
|
-
}
|
|
34
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@kruzer/styles",
|
|
3
|
+
"version": "3.0.0-alpha.8",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"files": [
|
|
6
|
+
"dist/styles.min.scss",
|
|
7
|
+
"dist/kruzer-tailwind-preset.cjs"
|
|
8
|
+
],
|
|
9
|
+
"scripts": {
|
|
10
|
+
"dev": "vite",
|
|
11
|
+
"build": "sass src/styles/main.scss src/styles/styles.min.scss --no-source-map --style compressed && tsc && vite build",
|
|
12
|
+
"preview": "vite preview"
|
|
13
|
+
},
|
|
14
|
+
"keywords": [
|
|
15
|
+
"scss",
|
|
16
|
+
"css",
|
|
17
|
+
"tailwindcss"
|
|
18
|
+
],
|
|
19
|
+
"author": "Kruzer Product Team",
|
|
20
|
+
"license": "ISC",
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"@types/node": "^18.15.5",
|
|
23
|
+
"autoprefixer": "^10.4.14",
|
|
24
|
+
"postcss": "^8.4.21",
|
|
25
|
+
"sass": "^1.59.3",
|
|
26
|
+
"tailwindcss": "^3.4.1",
|
|
27
|
+
"typescript": "^4.9.3",
|
|
28
|
+
"vite": "^4.2.0",
|
|
29
|
+
"vite-plugin-static-copy": "^0.13.1"
|
|
30
|
+
}
|
|
31
|
+
}
|
package/dist/styles.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|