@ucdavis/gunrock-tailwind 1.2.0 → 2.0.0

package/README.md

@@ -2,15 +2,8 @@ tailwind config file for UC D projects
 
 npm install @ucdavis/gunrock-tailwind
 
-// tailwind.config.js
-const preset = require('@ucdavis/gunrock-tailwind');
+global.css should look like
 
-module.exports = {
-...preset,
-content: ['./src/**/*.{js,ts,jsx,tsx,html}'],
-};
-
-global css
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+@plugin "daisyui";
+@import './gunrocktailwind.css';

package/imports.css

@@ -0,0 +1,43 @@
+@font-face {
+  font-family: "proxima-nova-r";
+  src: url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-regular-webfont.woff")
+    format("woff");
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
+}
+@font-face {
+  font-family: "proxima-nova-i";
+  src: url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-regularit-webfont.woff")
+    format("woff");
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
+}
+@font-face {
+  font-family: "proxima-nova-b";
+  src: url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-bold-webfont.woff")
+    format("woff");
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
+}
+@font-face {
+  font-family: "ryman";
+  src: url("https://ucdcdn.azureedge.net/public/media/fonts/ryman-eco-webfont.woff")
+    format("woff");
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
+}
+
+@theme {
+  --color-primary: rgba(88, 10, 36, 1); /* solid */
+  --color-primary-dark: rgba(65, 7, 27, 1); /* darker */
+  --color-primary-light: rgba(134, 15, 55, 1); /* lighter */
+  --color-bg: rgba(253, 246, 238, 1); /* background */
+  --color-primary-f: rgba(31, 31, 31, 0.99);
+  --color-secondary-f: rgba(31, 31, 31, 0.7);
+  --color-tertiary-f: rgba(31, 31, 31, 0.48);
+  --color-nav: rgba(255, 255, 255, 0.8);
+}

package/package.json

@@ -1,22 +1,23 @@
 {
   "name": "@ucdavis/gunrock-tailwind",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "description": "Tailwind + DaisyUI preset for UC Davis branding",
-  "main": "index.js",
+  "main": "imports.css",
   "files": [
-    "index.js",
-    "colors.js",
-    "daisyui-theme.js"
+    "imports.css"
   ],
   "keywords": [
     "tailwind",
-    "daisyui",
     "ucdavis",
     "theme"
   ],
   "peerDependencies": {
     "tailwindcss": "^4.0.0",
-    "daisyui": "^3.0.0"
+    "daisyui": "^5.0.0"
   },
-  "license": "MIT"
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ucdavis/gunrock-tailwind"
+  }
 }

package/colors.js

@@ -1,34 +0,0 @@
-// colors.js
-module.exports = {
-  "primary-font": "rgb(31 31 31 / <alpha-value>)",
-  "secondary-font": "rgb(31 31 31 / <alpha-value>)",
-  "tertiary-font": "rgb(31 31 31 / <alpha-value>)",
-  "primary-white": "rgb(254 254 254 / <alpha-value>)",
-  "secondary-white": "rgb(254 254 254 / <alpha-value>)",
-  ucd: {
-    recpool: "rgb(111 207 235 / <alpha-value>)",
-    tahoe: "rgb(0 178 227 / <alpha-value>)",
-    gunrock: "rgb(0 71 186 / <alpha-value>)",
-    bodega: "rgb(0 58 93 / <alpha-value>)",
-    rain: "rgb(3 249 230 / <alpha-value>)",
-    arboretum: "rgb(0 196 179 / <alpha-value>)",
-    putahcreek: "rgb(0 142 170 / <alpha-value>)",
-    delta: "rgb(0 82 76 / <alpha-value>)",
-    farmersmarket: "rgb(170 218 145 / <alpha-value>)",
-    sage: "rgb(108 202 152 / <alpha-value>)",
-    quad: "rgb(61 174 43 / <alpha-value>)",
-    redwood: "rgb(38 96 65 / <alpha-value>)",
-    goldenstate: "rgb(255 255 59 / <alpha-value>)",
-    sunflower: "rgb(255 220 0 / <alpha-value>)",
-    poppy: "rgb(241 138 0 / <alpha-value>)",
-    california: "rgb(138 83 47 / <alpha-value>)",
-    rose: "rgb(255 129 137 / <alpha-value>)",
-    strawberry: "rgb(249 53 73 / <alpha-value>)",
-    doubledecker: "rgb(193 2 48 / <alpha-value>)",
-    merlot: "rgb(121 36 47 / <alpha-value>)",
-    thiebauldicing: "rgb(240 149 205 / <alpha-value>)",
-    redbud: "rgb(198 0 126 / <alpha-value>)",
-    pinot: "rgb(118 35 108 / <alpha-value>)",
-    cabernet: "rgb(72 18 104 / <alpha-value>)",
-  },
-};

package/daisyui-theme.js

@@ -1,16 +0,0 @@
-const colors = require("./colors");
-
-module.exports = {
-  gunrock: {
-    ...colors.ucd,
-    primary: colors.ucd.gunrock,
-    secondary: colors.ucd.sunflower,
-    accent: colors.ucd.arboretum,
-    neutral: colors.ucd.bodega,
-    "base-100": "#ffffff",
-    info: colors.ucd.rain,
-    success: colors.ucd.quad,
-    warning: colors.ucd.poppy,
-    error: colors.ucd.doubledecker,
-  },
-};

package/index.js

@@ -1,67 +0,0 @@
-const plugin = require("tailwindcss/plugin");
-const daisyui = require("daisyui");
-const colors = require("./colors");
-const daisyuiTheme = require("./daisyui-theme");
-
-module.exports = {
-  content: [],
-  theme: {
-    extend: {
-      colors,
-      fontFamily: {
-        sans: ["proxima-nova-r", "Arial", "sans-serif"],
-        "sans-bold": ["proxima-nova-b", "Arial", "sans-serif"],
-        "sans-italic": ["proxima-nova-i", "Arial", "sans-serif"],
-        ryman: ["ryman", "Georgia", "serif"],
-      },
-      borderColor: {
-        DEFAULT: "#C8C7CC",
-        border: "#C8C7CC",
-      },
-      boxShadow: {
-        subtle:
-          "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)",
-      },
-    },
-  },
-  plugins: [
-    plugin(({ addBase }) => {
-      addBase({
-        "@font-face": [
-          {
-            fontFamily: "proxima-nova-r",
-            src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-regular-webfont.woff") format("woff")',
-            fontWeight: "normal",
-            fontStyle: "normal",
-            fontDisplay: "fallback",
-          },
-          {
-            fontFamily: "proxima-nova-i",
-            src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-regularit-webfont.woff") format("woff")',
-            fontWeight: "normal",
-            fontStyle: "normal",
-            fontDisplay: "fallback",
-          },
-          {
-            fontFamily: "proxima-nova-b",
-            src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-bold-webfont.woff") format("woff")',
-            fontWeight: "normal",
-            fontStyle: "normal",
-            fontDisplay: "fallback",
-          },
-          {
-            fontFamily: "ryman",
-            src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/ryman-eco-webfont.woff") format("woff")',
-            fontWeight: "normal",
-            fontStyle: "normal",
-            fontDisplay: "fallback",
-          },
-        ],
-      });
-    }),
-    daisyui,
-  ],
-  daisyui: {
-    themes: [daisyuiTheme],
-  },
-};