@ucdavis/gunrock-tailwind 1.0.0 → 1.2.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.
- package/README.md +15 -0
- package/colors.js +34 -0
- package/daisyui-theme.js +16 -0
- package/index.js +63 -97
- package/package.json +11 -18
package/README.md
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
1
|
tailwind config file for UC D projects
|
|
2
|
+
|
|
3
|
+
npm install @ucdavis/gunrock-tailwind
|
|
4
|
+
|
|
5
|
+
// tailwind.config.js
|
|
6
|
+
const preset = require('@ucdavis/gunrock-tailwind');
|
|
7
|
+
|
|
8
|
+
module.exports = {
|
|
9
|
+
...preset,
|
|
10
|
+
content: ['./src/**/*.{js,ts,jsx,tsx,html}'],
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
global css
|
|
14
|
+
@tailwind base;
|
|
15
|
+
@tailwind components;
|
|
16
|
+
@tailwind utilities;
|
package/colors.js
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
// colors.js
|
|
2
|
+
module.exports = {
|
|
3
|
+
"primary-font": "rgb(31 31 31 / <alpha-value>)",
|
|
4
|
+
"secondary-font": "rgb(31 31 31 / <alpha-value>)",
|
|
5
|
+
"tertiary-font": "rgb(31 31 31 / <alpha-value>)",
|
|
6
|
+
"primary-white": "rgb(254 254 254 / <alpha-value>)",
|
|
7
|
+
"secondary-white": "rgb(254 254 254 / <alpha-value>)",
|
|
8
|
+
ucd: {
|
|
9
|
+
recpool: "rgb(111 207 235 / <alpha-value>)",
|
|
10
|
+
tahoe: "rgb(0 178 227 / <alpha-value>)",
|
|
11
|
+
gunrock: "rgb(0 71 186 / <alpha-value>)",
|
|
12
|
+
bodega: "rgb(0 58 93 / <alpha-value>)",
|
|
13
|
+
rain: "rgb(3 249 230 / <alpha-value>)",
|
|
14
|
+
arboretum: "rgb(0 196 179 / <alpha-value>)",
|
|
15
|
+
putahcreek: "rgb(0 142 170 / <alpha-value>)",
|
|
16
|
+
delta: "rgb(0 82 76 / <alpha-value>)",
|
|
17
|
+
farmersmarket: "rgb(170 218 145 / <alpha-value>)",
|
|
18
|
+
sage: "rgb(108 202 152 / <alpha-value>)",
|
|
19
|
+
quad: "rgb(61 174 43 / <alpha-value>)",
|
|
20
|
+
redwood: "rgb(38 96 65 / <alpha-value>)",
|
|
21
|
+
goldenstate: "rgb(255 255 59 / <alpha-value>)",
|
|
22
|
+
sunflower: "rgb(255 220 0 / <alpha-value>)",
|
|
23
|
+
poppy: "rgb(241 138 0 / <alpha-value>)",
|
|
24
|
+
california: "rgb(138 83 47 / <alpha-value>)",
|
|
25
|
+
rose: "rgb(255 129 137 / <alpha-value>)",
|
|
26
|
+
strawberry: "rgb(249 53 73 / <alpha-value>)",
|
|
27
|
+
doubledecker: "rgb(193 2 48 / <alpha-value>)",
|
|
28
|
+
merlot: "rgb(121 36 47 / <alpha-value>)",
|
|
29
|
+
thiebauldicing: "rgb(240 149 205 / <alpha-value>)",
|
|
30
|
+
redbud: "rgb(198 0 126 / <alpha-value>)",
|
|
31
|
+
pinot: "rgb(118 35 108 / <alpha-value>)",
|
|
32
|
+
cabernet: "rgb(72 18 104 / <alpha-value>)",
|
|
33
|
+
},
|
|
34
|
+
};
|
package/daisyui-theme.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
const colors = require("./colors");
|
|
2
|
+
|
|
3
|
+
module.exports = {
|
|
4
|
+
gunrock: {
|
|
5
|
+
...colors.ucd,
|
|
6
|
+
primary: colors.ucd.gunrock,
|
|
7
|
+
secondary: colors.ucd.sunflower,
|
|
8
|
+
accent: colors.ucd.arboretum,
|
|
9
|
+
neutral: colors.ucd.bodega,
|
|
10
|
+
"base-100": "#ffffff",
|
|
11
|
+
info: colors.ucd.rain,
|
|
12
|
+
success: colors.ucd.quad,
|
|
13
|
+
warning: colors.ucd.poppy,
|
|
14
|
+
error: colors.ucd.doubledecker,
|
|
15
|
+
},
|
|
16
|
+
};
|
package/index.js
CHANGED
|
@@ -1,101 +1,67 @@
|
|
|
1
1
|
const plugin = require("tailwindcss/plugin");
|
|
2
|
+
const daisyui = require("daisyui");
|
|
3
|
+
const colors = require("./colors");
|
|
4
|
+
const daisyuiTheme = require("./daisyui-theme");
|
|
2
5
|
|
|
3
|
-
module.exports =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
fontFamily: "proxima-nova-b",
|
|
24
|
-
src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-bold-webfont.woff") format("woff")',
|
|
25
|
-
fontWeight: "normal",
|
|
26
|
-
fontStyle: "normal",
|
|
27
|
-
fontDisplay: "fallback",
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
fontFamily: "ryman",
|
|
31
|
-
src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/ryman-eco-webfont.woff") format("woff")',
|
|
32
|
-
fontWeight: "normal",
|
|
33
|
-
fontStyle: "normal",
|
|
34
|
-
fontDisplay: "fallback",
|
|
35
|
-
},
|
|
36
|
-
],
|
|
37
|
-
// Element styling
|
|
38
|
-
// "h1, h2, h3, h4, h5, h6": { "@apply font-sans": {} },
|
|
39
|
-
// h1: { "@apply text-5xl font-bold": {} },
|
|
40
|
-
// h2: { "@apply text-4xl font-semibold": {} },
|
|
41
|
-
// h3: { "@apply text-3xl font-semibold": {} },
|
|
42
|
-
// h4: { "@apply text-2xl font-medium": {} },
|
|
43
|
-
// h5: { "@apply text-xl font-medium": {} },
|
|
44
|
-
// h6: { "@apply text-lg font-normal": {} },
|
|
45
|
-
// p: { lineHeight: "1.6" },
|
|
46
|
-
});
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
theme: {
|
|
50
|
-
extend: {
|
|
51
|
-
fontFamily: {
|
|
52
|
-
sans: ["proxima-nova-r", "Arial", "sans-serif"],
|
|
53
|
-
"sans-bold": ["proxima-nova-b", "Arial", "sans-serif"],
|
|
54
|
-
"sans-italic": ["proxima-nova-i", "Arial", "sans-serif"],
|
|
55
|
-
ryman: ["ryman", "Georgia", "serif"],
|
|
56
|
-
},
|
|
57
|
-
colors: {
|
|
58
|
-
"primary-font": "rgb(31 31 31 / <alpha-value>)",
|
|
59
|
-
"secondary-font": "rgb(31 31 31 / <alpha-value>)",
|
|
60
|
-
"tertiary-font": "rgb(31 31 31 / <alpha-value>)",
|
|
61
|
-
"primary-white": "rgb(254 254 254 / <alpha-value>)",
|
|
62
|
-
"secondary-white": "rgb(254 254 254 / <alpha-value>)",
|
|
63
|
-
ucd: {
|
|
64
|
-
recpool: "rgb(111 207 235 / <alpha-value>)",
|
|
65
|
-
tahoe: "rgb(0 178 227 / <alpha-value>)",
|
|
66
|
-
gunrock: "rgb(0 71 186 / <alpha-value>)",
|
|
67
|
-
bodega: "rgb(0 58 93 / <alpha-value>)",
|
|
68
|
-
rain: "rgb(3 249 230 / <alpha-value>)",
|
|
69
|
-
arboretum: "rgb(0 196 179 / <alpha-value>)",
|
|
70
|
-
putahcreek: "rgb(0 142 170 / <alpha-value>)",
|
|
71
|
-
delta: "rgb(0 82 76 / <alpha-value>)",
|
|
72
|
-
farmersmarket: "rgb(170 218 145 / <alpha-value>)",
|
|
73
|
-
sage: "rgb(108 202 152 / <alpha-value>)",
|
|
74
|
-
quad: "rgb(61 174 43 / <alpha-value>)",
|
|
75
|
-
redwood: "rgb(38 96 65 / <alpha-value>)",
|
|
76
|
-
goldenstate: "rgb(255 255 59 / <alpha-value>)",
|
|
77
|
-
sunflower: "rgb(255 220 0 / <alpha-value>)",
|
|
78
|
-
poppy: "rgb(241 138 0 / <alpha-value>)",
|
|
79
|
-
california: "rgb(138 83 47 / <alpha-value>)",
|
|
80
|
-
rose: "rgb(255 129 137 / <alpha-value>)",
|
|
81
|
-
strawberry: "rgb(249 53 73 / <alpha-value>)",
|
|
82
|
-
doubledecker: "rgb(193 2 48 / <alpha-value>)",
|
|
83
|
-
merlot: "rgb(121 36 47 / <alpha-value>)",
|
|
84
|
-
thiebauldicing: "rgb(240 149 205 / <alpha-value>)",
|
|
85
|
-
redbud: "rgb(198 0 126 / <alpha-value>)",
|
|
86
|
-
pinot: "rgb(118 35 108 / <alpha-value>)",
|
|
87
|
-
cabernet: "rgb(72 18 104 / <alpha-value>)",
|
|
88
|
-
},
|
|
89
|
-
},
|
|
90
|
-
borderColor: {
|
|
91
|
-
DEFAULT: "#C8C7CC",
|
|
92
|
-
border: "#C8C7CC",
|
|
93
|
-
},
|
|
94
|
-
boxShadow: {
|
|
95
|
-
subtle:
|
|
96
|
-
"0 0 0 1px rgba(49, 49, 93, 0.03), 0 2px 5px 0 rgba(49, 49, 93, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.08)",
|
|
97
|
-
},
|
|
6
|
+
module.exports = {
|
|
7
|
+
content: [],
|
|
8
|
+
theme: {
|
|
9
|
+
extend: {
|
|
10
|
+
colors,
|
|
11
|
+
fontFamily: {
|
|
12
|
+
sans: ["proxima-nova-r", "Arial", "sans-serif"],
|
|
13
|
+
"sans-bold": ["proxima-nova-b", "Arial", "sans-serif"],
|
|
14
|
+
"sans-italic": ["proxima-nova-i", "Arial", "sans-serif"],
|
|
15
|
+
ryman: ["ryman", "Georgia", "serif"],
|
|
16
|
+
},
|
|
17
|
+
borderColor: {
|
|
18
|
+
DEFAULT: "#C8C7CC",
|
|
19
|
+
border: "#C8C7CC",
|
|
20
|
+
},
|
|
21
|
+
boxShadow: {
|
|
22
|
+
subtle:
|
|
23
|
+
"0 0 0 1px rgba(49, 49, 93, 0.03), 0 2px 5px 0 rgba(49, 49, 93, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.08)",
|
|
98
24
|
},
|
|
99
25
|
},
|
|
100
|
-
}
|
|
101
|
-
|
|
26
|
+
},
|
|
27
|
+
plugins: [
|
|
28
|
+
plugin(({ addBase }) => {
|
|
29
|
+
addBase({
|
|
30
|
+
"@font-face": [
|
|
31
|
+
{
|
|
32
|
+
fontFamily: "proxima-nova-r",
|
|
33
|
+
src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-regular-webfont.woff") format("woff")',
|
|
34
|
+
fontWeight: "normal",
|
|
35
|
+
fontStyle: "normal",
|
|
36
|
+
fontDisplay: "fallback",
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
fontFamily: "proxima-nova-i",
|
|
40
|
+
src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-regularit-webfont.woff") format("woff")',
|
|
41
|
+
fontWeight: "normal",
|
|
42
|
+
fontStyle: "normal",
|
|
43
|
+
fontDisplay: "fallback",
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
fontFamily: "proxima-nova-b",
|
|
47
|
+
src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-bold-webfont.woff") format("woff")',
|
|
48
|
+
fontWeight: "normal",
|
|
49
|
+
fontStyle: "normal",
|
|
50
|
+
fontDisplay: "fallback",
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
fontFamily: "ryman",
|
|
54
|
+
src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/ryman-eco-webfont.woff") format("woff")',
|
|
55
|
+
fontWeight: "normal",
|
|
56
|
+
fontStyle: "normal",
|
|
57
|
+
fontDisplay: "fallback",
|
|
58
|
+
},
|
|
59
|
+
],
|
|
60
|
+
});
|
|
61
|
+
}),
|
|
62
|
+
daisyui,
|
|
63
|
+
],
|
|
64
|
+
daisyui: {
|
|
65
|
+
themes: [daisyuiTheme],
|
|
66
|
+
},
|
|
67
|
+
};
|
package/package.json
CHANGED
|
@@ -1,29 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ucdavis/gunrock-tailwind",
|
|
3
|
-
"version": "1.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "1.2.0",
|
|
4
|
+
"description": "Tailwind + DaisyUI preset for UC Davis branding",
|
|
5
5
|
"main": "index.js",
|
|
6
|
+
"files": [
|
|
7
|
+
"index.js",
|
|
8
|
+
"colors.js",
|
|
9
|
+
"daisyui-theme.js"
|
|
10
|
+
],
|
|
6
11
|
"keywords": [
|
|
7
12
|
"tailwind",
|
|
13
|
+
"daisyui",
|
|
8
14
|
"ucdavis",
|
|
9
|
-
"tailwindcss",
|
|
10
|
-
"plugin",
|
|
11
15
|
"theme"
|
|
12
16
|
],
|
|
13
|
-
"author": "cydoval <cydoval@ucdavis.edu>",
|
|
14
|
-
"license": "MIT",
|
|
15
|
-
"repository": {
|
|
16
|
-
"type": "git",
|
|
17
|
-
"url": "git+https://github.com/ucdavis/gunrock-tailwind.git"
|
|
18
|
-
},
|
|
19
|
-
"bugs": {
|
|
20
|
-
"url": "https://github.com/ucdavis/gunrock-tailwind/issues"
|
|
21
|
-
},
|
|
22
|
-
"homepage": "https://github.com/ucdavis/gunrock-tailwind#readme",
|
|
23
17
|
"peerDependencies": {
|
|
24
|
-
"tailwindcss": "^
|
|
18
|
+
"tailwindcss": "^4.0.0",
|
|
19
|
+
"daisyui": "^3.0.0"
|
|
25
20
|
},
|
|
26
|
-
"
|
|
27
|
-
"tailwindcss": "^3.0.0"
|
|
28
|
-
}
|
|
21
|
+
"license": "MIT"
|
|
29
22
|
}
|