app.js in coveragebook_components-0.16.0

- old
+ new

@@ -12971,21 +12971,25 @@
     var colors = {
       transparent: "transparent",
       current: "currentColor",
       black: "#000000",
       white: "#FFFFFF",
+      coco: {
+        gray: {
+          50: "#F9FAFB",
+          100: "#F3F4F6",
+          200: "#E5E7EB",
+          300: "#D1D5DB",
+          400: "#9CA3AF",
+          500: "#6B7280",
+          600: "#4B5563",
+          700: "#374151",
+          800: "#1F2937",
+          900: "#111827"
+        }
+      },
       gray: {
-        50: "#F9FAFB",
-        100: "#F3F4F6",
-        200: "#E5E7EB",
-        300: "#D1D5DB",
-        400: "#9CA3AF",
-        500: "#6B7280",
-        600: "#4B5563",
-        700: "#374151",
-        800: "#1F2937",
-        900: "#111827",
         transparent: {
           50: "rgba(0, 12, 39, 0.06)",
           100: "rgba(0, 12, 39, 0.1)",
           200: "rgba(0, 12, 39, 0.18)"
         }
@@ -13071,17 +13075,17 @@
         header: {
           DEFAULT: "#427484"
         },
         light: {
           1: colors.white,
-          2: colors.gray[50],
-          3: colors.gray[100]
+          2: colors.coco.gray[50],
+          3: colors.coco.gray[100]
         },
         dark: {
-          1: colors.gray[900],
-          2: colors.gray[800],
-          3: colors.gray[700]
+          1: colors.coco.gray[900],
+          2: colors.coco.gray[800],
+          3: colors.coco.gray[700]
         },
         primary: {
           DEFAULT: colors.green[500],
           light: colors.green[100]
         },
@@ -13102,19 +13106,19 @@
           light: colors.blue[100]
         }
       },
       content: {
         dark: {
-          1: colors.gray[900],
-          2: colors.gray[800],
-          3: colors.gray[600],
-          muted: colors.gray[400]
+          1: colors.coco.gray[900],
+          2: colors.coco.gray[800],
+          3: colors.coco.gray[600],
+          muted: colors.coco.gray[400]
         },
         light: {
           1: colors.white,
-          2: colors.gray[200],
-          muted: colors.gray[400]
+          2: colors.coco.gray[200],
+          muted: colors.coco.gray[400]
         },
         primary: {
           DEFAULT: colors.green[500],
           dark: colors.green[600],
           inverse: colors.green[300],
@@ -23094,20 +23098,24 @@
 var alpine_default = import_alpinejs.default;
 
 // ../../../package.json
 var package_default = {
   name: "coveragebook-components",
-  version: "0.15.0",
+  version: "0.16.0",
   repository: "git@github.com:coveragebook/coco.git",
   license: "NO LICENSE",
   author: "Mark Perkins <mark@coveragebook.com>",
-  main: "app/assets/build/coco/core.js",
+  main: "app/assets/build/coco/coc0.js",
+  engines: {
+    node: "20.x"
+  },
   scripts: {
-    build: "npm run js:build && npm run css:build && npm run lookbook:build",
+    build: "npm run js:build && npm run css:build npm run build:tailwind-preset && npm run lookbook:build",
+    "build:tailwind-preset": "esbuild ./config/tailwind.preset.js --bundle --format=cjs --outdir=./app/assets/build/coco --log-level=error",
     "build:dev": "npm run js:dev && npm run css:dev",
-    "css:build": "postcss ./app/assets/css/{app,book}.css -d ./app/assets/build/coco",
-    "css:dev": "postcss ./app/assets/css/{app,book}.css -d ./app/assets/build/coco/dev",
-    "css:watch": "postcss ./app/assets/css/{app,book}.css -d ./app/assets/build/coco/dev --watch",
+    "css:build": "postcss ./app/assets/css/{app,book,coco}.css -d ./app/assets/build/coco",
+    "css:dev": "postcss ./app/assets/css/{app,book,coco}.css -d ./app/assets/build/coco/dev",
+    "css:watch": "postcss ./app/assets/css/{app,book,coco}.css -d ./app/assets/build/coco/dev --watch",
     "js:build": "node esbuild.config.mjs",
     "js:dev": "node esbuild.config.mjs --dev",
     "js:watch": "node esbuild.config.mjs --watch",
     "lint:fix": "bundle exec standardrb --fix && prettier --write .",
     "lookbook:build": "cd lookbook && npm run build",