@kruzer/styles 1.3.3 → 1.3.4

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 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,220 +1,224 @@
1
- module.exports = {
2
- theme: {
3
- extend: {
4
- borderWidth: {
5
- 6: "6px",
6
- },
7
- gridTemplateColumns: {
8
- xs: "repeat(auto-fill,minmax(12.5rem,1fr))",
9
- sm: "repeat(auto-fill,minmax(22rem,1fr))",
10
- md: "repeat(auto-fill,minmax(30rem,1fr))",
11
- lg: "repeat(auto-fill,minmax(37.5rem,1fr))",
12
- },
13
- gridColumn: {
14
- "span-full": "1 / -1"
15
- }
16
- },
17
- colors: {
18
- "grey-10": "rgb(var(--grey-10) / <alpha-value>)",
19
- "grey-20": "rgb(var(--grey-20) / <alpha-value>)",
20
- "grey-30": "rgb(var(--grey-30) / <alpha-value>)",
21
- "grey-40": "rgb(var(--grey-40) / <alpha-value>)",
22
- "grey-50": "rgb(var(--grey-50) / <alpha-value>)",
23
- "grey-60": "rgb(var(--grey-60) / <alpha-value>)",
24
- "grey-light-10": "rgb(var(--grey-light-10) / <alpha-value>)",
25
- "grey-light-20": "rgb(var(--grey-light-20) / <alpha-value>)",
26
- "grey-light-30": "rgb(var(--grey-light-30) / <alpha-value>)",
27
- "grey-light-40": "rgb(var(--grey-light-40) / <alpha-value>)",
28
- "white-10": "rgb(var(--white-10) / <alpha-value>)",
29
- "white-20": "rgb(var(--white-20) / <alpha-value>)",
30
- "white-30": "rgb(var(--white-30) / <alpha-value>)",
31
- "black-10": "rgb(var(--black-10) / <alpha-value>)",
32
- "black-20": "rgb(var(--black-20) / <alpha-value>)",
33
- "black-30": "rgb(var(--black-30) / <alpha-value>)",
34
- "black-40": "rgb(var(--black-40) / <alpha-value>)",
35
- "black-50": "rgb(var(--black-50) / <alpha-value>)",
36
- "blue-light-10": "rgb(var(--blue-light-10) / <alpha-value>)",
37
- "blue-dark-10": "rgb(var(--blue-dark-10) / <alpha-value>)",
38
- "blue-dark-20": "rgb(var(--blue-dark-20) / <alpha-value>)",
39
- "blue-dark-30": "rgb(var(--blue-dark-30) / <alpha-value>)",
40
- "blue-dark-40": "rgb(var(--blue-dark-40) / <alpha-value>)",
41
- "blue-dark-50": "rgb(var(--blue-dark-50) / <alpha-value>)",
42
- "blue-dark-60": "rgb(var(--blue-dark-60) / <alpha-value>)",
43
- "blue-dark-70": "rgb(var(--blue-dark-70) / <alpha-value>)",
44
- "primary-10": "rgb(var(--primary-10) / <alpha-value>)",
45
- "primary-20": "rgb(var(--primary-20) / <alpha-value>)",
46
- "primary-30": "rgb(var(--primary-30) / <alpha-value>)",
47
- "primary-40": "rgb(var(--primary-40) / <alpha-value>)",
48
- "primary-50": "rgb(var(--primary-50) / <alpha-value>)",
49
- "primary-60": "rgb(var(--primary-60) / <alpha-value>)",
50
- "primary-70": "rgb(var(--primary-70) / <alpha-value>)",
51
- "success-10": "rgb(var(--success-10) / <alpha-value>)",
52
- "success-20": "rgb(var(--success-20) / <alpha-value>)",
53
- "error-10": "rgb(var(--error-10) / <alpha-value>)",
54
- "error-20": "rgb(var(--error-20) / <alpha-value>)",
55
- "error-30": "rgb(var(--error-30) / <alpha-value>)",
56
- "error-40": "rgb(var(--error-40) / <alpha-value>)",
57
- "warning-10": "rgb(var(--warning-10) / <alpha-value>)",
58
- "warning-20": "rgb(var(--warning-20) / <alpha-value>)",
59
- "yellow-10": "rgb(var(--yellow-10) / <alpha-value>)",
60
- "purple-10": "rgb(var(--purple-10) / <alpha-value>)",
61
- transparent: "transparent",
62
- },
63
- spacing: {
64
- 0: "0",
65
- 1: "0.25rem",
66
- 2: "0.5rem",
67
- 3: "0.75rem",
68
- 4: "1rem",
69
- 5: "1.25rem",
70
- 6: "1.5rem",
71
- 7: "1.75rem",
72
- 8: "2rem",
73
- 9: "2.5rem",
74
- 10: "3rem",
75
- 11: "3.5rem",
76
- 12: "4rem",
77
- 13: "4.5rem",
78
- 14: "5rem",
79
- },
80
- borderRadius: {
81
- none: "0",
82
- sm: ".3rem",
83
- DEFAULT: ".571rem",
84
- lg: "4.286rem",
85
- full: "9999px",
86
- },
87
- fontSize: {
88
- sm: "0.833rem",
89
- base: "1rem",
90
- md: "1.167rem",
91
- "2md": "1.333rem",
92
- xl: "1.5rem",
93
- "2xl": "1.75rem",
94
- "3xl": "3rem",
95
- },
96
- fontWeight: {
97
- thin: 200,
98
- normal: 400,
99
- semibold: 600,
100
- bold: 700,
101
- },
102
- },
103
- safelist: [
104
- "bg-primary-50",
105
- "!bg-primary-50",
106
- "border-primary-50",
107
- "!border-primary-50",
108
- "bg-primary-20",
109
- "!bg-primary-20",
110
- "border-primary-20",
111
- "!border-primary-20",
112
- "bg-error-20",
113
- "!bg-error-20",
114
- "bg-error-10",
115
- "!bg-error-10",
116
- "border-error-20",
117
- "!border-error-20",
118
- "bg-purple-10",
119
- "!bg-purple-10",
120
- "border-purple-10",
121
- "!border-purple-10",
122
- "bg-yellow-10",
123
- "!bg-yellow-10",
124
- "border-yellow-10",
125
- "!border-yellow-10",
126
- "bg-grey-40",
127
- "!bg-grey-40",
128
- "border-grey-40",
129
- "!border-grey-40",
130
- "success-10",
131
- "!success-10",
132
- "bg-success-10",
133
- "!bg-success-10",
134
- "border-success-10",
135
- "!border-success-10",
136
- "success-20",
137
- "!success-20",
138
- "bg-success-20",
139
- "!bg-success-20",
140
- "border-success-20",
141
- "!border-success-20",
142
- "bg-black-20",
143
- "!bg-black-20",
144
- "bg-warning-20",
145
- "!bg-warning-20",
146
- "!bg-warning-10",
147
- "bg-warning-10",
148
- "border-warning-10",
149
- "!border-warning-10",
150
- "cursor-pointer",
151
- "text-black-40",
152
- "hover:text-black-50",
153
- "text-grey-40",
154
- "mt-auto",
155
- "items-end",
156
- "grid",
157
- "!bg-grey-60",
158
- "bg-grey-60",
159
- "!bg-error-40",
160
- "bg-error-40",
161
- "!bg-blue-dark-40",
162
- "bg-blue-dark-40",
163
- "!bg-blue-dark-60",
164
- "bg-blue-dark-60",
165
- "!bg-yellow-10",
166
- "bg-yellow-10",
167
- "!bg-blue-dark-20",
168
- "bg-blue-dark-20",
169
- "!bg-error-30",
170
- "bg-error-30",
171
- "h-[4rem]",
172
- "px-4",
173
- "border-grey-light-40",
174
- "sm:z-30",
175
- "!bg-blue-dark-50",
176
- "h-[2.5rem]",
177
- "w-[2.5rem]",
178
- "sm:hidden",
179
- "!text-white-30",
180
- "!bg-grey-light-20",
181
- "h-full",
182
- "lg:col-span-1",
183
- "lg:col-span-2",
184
- "lg:col-span-3",
185
- "lg:col-span-4",
186
- "lg:col-span-5",
187
- "lg:col-span-6",
188
- "lg:col-span-7",
189
- "lg:col-span-8",
190
- "lg:col-span-9",
191
- "lg:col-span-10",
192
- "lg:col-span-11",
193
- "lg:col-span-12",
194
- "col-span-12",
195
- "inset-0",
196
- "absolute",
197
- "py-2",
198
- "text-3xl",
199
- "sticky",
200
- "top-0",
201
- "text-primary-20",
202
- "!bg-grey-light-30",
203
- "bg-grey-light-30",
204
- "!bg-grey-light-40",
205
- "bg-grey-light-40",
206
- "!bg-grey-light-50",
207
- "bg-grey-light-50",
208
- "!bg-grey-50",
209
- "bg-grey-50",
210
- "whitespace-nowrap",
211
- "!whitespace-nowrap",
212
- "!justify-end",
213
- "!table-cell",
214
- "!mb-0",
215
- "ml-2",
216
- "mr-2",
217
- "border-b",
218
- "border-r",
219
- ],
220
- };
1
+ module.exports = {
2
+ theme: {
3
+ extend: {
4
+ borderWidth: {
5
+ 6: "6px",
6
+ },
7
+ gridTemplateColumns: {
8
+ xs: "repeat(auto-fill,minmax(12.5rem,1fr))",
9
+ sm: "repeat(auto-fill,minmax(22rem,1fr))",
10
+ md: "repeat(auto-fill,minmax(30rem,1fr))",
11
+ lg: "repeat(auto-fill,minmax(37.5rem,1fr))",
12
+ },
13
+ gridColumn: {
14
+ "span-full": "1 / -1"
15
+ }
16
+ },
17
+ colors: {
18
+ "grey-10": "rgb(var(--grey-10) / <alpha-value>)",
19
+ "grey-20": "rgb(var(--grey-20) / <alpha-value>)",
20
+ "grey-30": "rgb(var(--grey-30) / <alpha-value>)",
21
+ "grey-40": "rgb(var(--grey-40) / <alpha-value>)",
22
+ "grey-50": "rgb(var(--grey-50) / <alpha-value>)",
23
+ "grey-60": "rgb(var(--grey-60) / <alpha-value>)",
24
+ "grey-light-10": "rgb(var(--grey-light-10) / <alpha-value>)",
25
+ "grey-light-20": "rgb(var(--grey-light-20) / <alpha-value>)",
26
+ "grey-light-30": "rgb(var(--grey-light-30) / <alpha-value>)",
27
+ "grey-light-40": "rgb(var(--grey-light-40) / <alpha-value>)",
28
+ "white-10": "rgb(var(--white-10) / <alpha-value>)",
29
+ "white-20": "rgb(var(--white-20) / <alpha-value>)",
30
+ "white-30": "rgb(var(--white-30) / <alpha-value>)",
31
+ "black-10": "rgb(var(--black-10) / <alpha-value>)",
32
+ "black-20": "rgb(var(--black-20) / <alpha-value>)",
33
+ "black-30": "rgb(var(--black-30) / <alpha-value>)",
34
+ "black-40": "rgb(var(--black-40) / <alpha-value>)",
35
+ "black-50": "rgb(var(--black-50) / <alpha-value>)",
36
+ "blue-light-10": "rgb(var(--blue-light-10) / <alpha-value>)",
37
+ "blue-dark-10": "rgb(var(--blue-dark-10) / <alpha-value>)",
38
+ "blue-dark-20": "rgb(var(--blue-dark-20) / <alpha-value>)",
39
+ "blue-dark-30": "rgb(var(--blue-dark-30) / <alpha-value>)",
40
+ "blue-dark-40": "rgb(var(--blue-dark-40) / <alpha-value>)",
41
+ "blue-dark-50": "rgb(var(--blue-dark-50) / <alpha-value>)",
42
+ "blue-dark-60": "rgb(var(--blue-dark-60) / <alpha-value>)",
43
+ "blue-dark-70": "rgb(var(--blue-dark-70) / <alpha-value>)",
44
+ "primary-10": "rgb(var(--primary-10) / <alpha-value>)",
45
+ "primary-20": "rgb(var(--primary-20) / <alpha-value>)",
46
+ "primary-30": "rgb(var(--primary-30) / <alpha-value>)",
47
+ "primary-40": "rgb(var(--primary-40) / <alpha-value>)",
48
+ "primary-50": "rgb(var(--primary-50) / <alpha-value>)",
49
+ "primary-60": "rgb(var(--primary-60) / <alpha-value>)",
50
+ "primary-70": "rgb(var(--primary-70) / <alpha-value>)",
51
+ "success-10": "rgb(var(--success-10) / <alpha-value>)",
52
+ "success-20": "rgb(var(--success-20) / <alpha-value>)",
53
+ "error-10": "rgb(var(--error-10) / <alpha-value>)",
54
+ "error-20": "rgb(var(--error-20) / <alpha-value>)",
55
+ "error-30": "rgb(var(--error-30) / <alpha-value>)",
56
+ "error-40": "rgb(var(--error-40) / <alpha-value>)",
57
+ "warning-10": "rgb(var(--warning-10) / <alpha-value>)",
58
+ "warning-20": "rgb(var(--warning-20) / <alpha-value>)",
59
+ "yellow-10": "rgb(var(--yellow-10) / <alpha-value>)",
60
+ "purple-10": "rgb(var(--purple-10) / <alpha-value>)",
61
+ transparent: "transparent",
62
+ },
63
+ spacing: {
64
+ 0: "0",
65
+ 1: "0.25rem",
66
+ 2: "0.5rem",
67
+ 3: "0.75rem",
68
+ 4: "1rem",
69
+ 5: "1.25rem",
70
+ 6: "1.5rem",
71
+ 7: "1.75rem",
72
+ 8: "2rem",
73
+ 9: "2.5rem",
74
+ 10: "3rem",
75
+ 11: "3.5rem",
76
+ 12: "4rem",
77
+ 13: "4.5rem",
78
+ 14: "5rem",
79
+ },
80
+ borderRadius: {
81
+ none: "0",
82
+ sm: ".3rem",
83
+ DEFAULT: ".571rem",
84
+ lg: "4.286rem",
85
+ full: "9999px",
86
+ },
87
+ fontSize: {
88
+ sm: "0.833rem",
89
+ base: "1rem",
90
+ md: "1.167rem",
91
+ "2md": "1.333rem",
92
+ xl: "1.5rem",
93
+ "2xl": "1.75rem",
94
+ "3xl": "3rem",
95
+ },
96
+ fontWeight: {
97
+ thin: 200,
98
+ normal: 400,
99
+ semibold: 600,
100
+ bold: 700,
101
+ },
102
+ },
103
+ safelist: [
104
+ "bg-primary-50",
105
+ "!bg-primary-50",
106
+ "border-primary-50",
107
+ "!border-primary-50",
108
+ "bg-primary-20",
109
+ "!bg-primary-20",
110
+ "border-primary-20",
111
+ "!border-primary-20",
112
+ "bg-error-20",
113
+ "!bg-error-20",
114
+ "bg-error-10",
115
+ "!bg-error-10",
116
+ "border-error-20",
117
+ "!border-error-20",
118
+ "bg-purple-10",
119
+ "!bg-purple-10",
120
+ "border-purple-10",
121
+ "!border-purple-10",
122
+ "bg-yellow-10",
123
+ "!bg-yellow-10",
124
+ "border-yellow-10",
125
+ "!border-yellow-10",
126
+ "bg-grey-40",
127
+ "!bg-grey-40",
128
+ "border-grey-40",
129
+ "!border-grey-40",
130
+ "success-10",
131
+ "!success-10",
132
+ "bg-success-10",
133
+ "!bg-success-10",
134
+ "border-success-10",
135
+ "!border-success-10",
136
+ "success-20",
137
+ "!success-20",
138
+ "bg-success-20",
139
+ "!bg-success-20",
140
+ "border-success-20",
141
+ "!border-success-20",
142
+ "bg-black-20",
143
+ "!bg-black-20",
144
+ "bg-warning-20",
145
+ "!bg-warning-20",
146
+ "!bg-warning-10",
147
+ "bg-warning-10",
148
+ "border-warning-10",
149
+ "!border-warning-10",
150
+ "cursor-pointer",
151
+ "text-black-40",
152
+ "hover:text-black-50",
153
+ "text-grey-40",
154
+ "mt-auto",
155
+ "items-end",
156
+ "grid",
157
+ "!bg-grey-60",
158
+ "bg-grey-60",
159
+ "!bg-error-40",
160
+ "bg-error-40",
161
+ "!bg-blue-dark-40",
162
+ "bg-blue-dark-40",
163
+ "!bg-blue-dark-60",
164
+ "bg-blue-dark-60",
165
+ "!bg-yellow-10",
166
+ "bg-yellow-10",
167
+ "!bg-blue-dark-20",
168
+ "bg-blue-dark-20",
169
+ "!bg-error-30",
170
+ "bg-error-30",
171
+ "h-[4rem]",
172
+ "px-4",
173
+ "border-grey-light-40",
174
+ "sm:z-30",
175
+ "!bg-blue-dark-50",
176
+ "h-[2.5rem]",
177
+ "w-[2.5rem]",
178
+ "sm:hidden",
179
+ "!text-white-30",
180
+ "!bg-grey-light-20",
181
+ "h-full",
182
+ "lg:col-span-1",
183
+ "lg:col-span-2",
184
+ "lg:col-span-3",
185
+ "lg:col-span-4",
186
+ "lg:col-span-5",
187
+ "lg:col-span-6",
188
+ "lg:col-span-7",
189
+ "lg:col-span-8",
190
+ "lg:col-span-9",
191
+ "lg:col-span-10",
192
+ "lg:col-span-11",
193
+ "lg:col-span-12",
194
+ "col-span-12",
195
+ "inset-0",
196
+ "absolute",
197
+ "py-2",
198
+ "text-3xl",
199
+ "sticky",
200
+ "top-0",
201
+ "text-primary-20",
202
+ "!bg-grey-light-30",
203
+ "bg-grey-light-30",
204
+ "!bg-grey-light-40",
205
+ "bg-grey-light-40",
206
+ "!bg-grey-light-50",
207
+ "bg-grey-light-50",
208
+ "!bg-grey-50",
209
+ "bg-grey-50",
210
+ "whitespace-nowrap",
211
+ "!whitespace-nowrap",
212
+ "!justify-end",
213
+ "!table-cell",
214
+ "!mb-0",
215
+ "ml-2",
216
+ "mr-2",
217
+ "border-b",
218
+ "border-r",
219
+ "text-primary-50",
220
+ "text-md",
221
+ "text-black-10",
222
+ "hover:text-primary-70",
223
+ ],
224
+ };
package/package.json CHANGED
@@ -1,31 +1,31 @@
1
- {
2
- "name": "@kruzer/styles",
3
- "version": "1.3.3",
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.2.7",
27
- "typescript": "^4.9.3",
28
- "vite": "^4.2.0",
29
- "vite-plugin-static-copy": "^0.13.1"
30
- }
1
+ {
2
+ "name": "@kruzer/styles",
3
+ "version": "1.3.4",
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.2.7",
27
+ "typescript": "^4.9.3",
28
+ "vite": "^4.2.0",
29
+ "vite-plugin-static-copy": "^0.13.1"
30
+ }
31
31
  }