coveragebook_components 0.19.1 → 0.19.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ddda4d2e278e6259a45856fe50f05eefffa161a337489494e12b8198584b7afb
-  data.tar.gz: e2476d7be98d6c3b35529d498cb3d4c1c88b4eb51ce1cc11b76bbf3fdc927d79
+  metadata.gz: 368eb60300a5e23c37fa7220eab88a4a5043adddea4c0ee94b2838e7eec73127
+  data.tar.gz: 9d81733dffedd3b5797b5e1879883f53f7eae1643928186f2a82983c1fa18e2c
 SHA512:
-  metadata.gz: 6457b878c1d4891014e51a9439fe3e145b0bc55612b79ab594c98c1999929385015d9d37f983e35b48bee973af1409aabd2d08577b8587c9d51f68da2597f178
-  data.tar.gz: 382ec0a0021eb489bc7901c67f4cac5825cdf115d3b8d3f439b6873092790413be6c8357968b522b4ab32e954a59a5bd3933b024dd73fa83e8ba1d7e4aeb6d28
+  metadata.gz: 960be5bbd262be9a0f74ed58de7e2e687882901905bcc5e08c55eb1c97c774a620aa68551bf59e09ae168eb9cf6be6c0aba5f418bcf314dbbd8aeea602ff4ff0
+  data.tar.gz: de9e449841409d9028cff1c32c5c6f4249b25c6f9784727135047c3f3734ac30243fd26a7f7138374928f7af9849662f3ede69de8d01eb4ea78b06ad8e9b7cd5

data/app/assets/build/coco/coco.css

@@ -591,10 +591,168 @@ select{
   outline: 1px solid ButtonText;
   outline: 1px auto -webkit-focus-ring-color
 }
-  :root {
+
+:root{
+  --coco-colors-transparent: transparent;
+  --coco-colors-current: currentColor;
+  --coco-colors-black: #000000;
+  --coco-colors-white: #FFFFFF;
+  --coco-colors-gray-50: #F9FAFB;
+  --coco-colors-gray-100: #F3F4F6;
+  --coco-colors-gray-200: #E5E7EB;
+  --coco-colors-gray-300: #D1D5DB;
+  --coco-colors-gray-400: #9CA3AF;
+  --coco-colors-gray-500: #6B7280;
+  --coco-colors-gray-600: #4B5563;
+  --coco-colors-gray-700: #374151;
+  --coco-colors-gray-800: #1F2937;
+  --coco-colors-gray-900: #111827;
+  --coco-colors-gray-transparent-50: rgba(0, 12, 39, 0.06);
+  --coco-colors-gray-transparent-100: rgba(0, 12, 39, 0.1);
+  --coco-colors-gray-transparent-200: rgba(0, 12, 39, 0.18);
+  --coco-colors-green-50: #E8F3F1;
+  --coco-colors-green-100: #D1E7E2;
+  --coco-colors-green-200: #A3CFC5;
+  --coco-colors-green-300: #76B8AA;
+  --coco-colors-green-400: #48A08D;
+  --coco-colors-green-500: #1A8871;
+  --coco-colors-green-600: #137464;
+  --coco-colors-green-700: #0D6159;
+  --coco-colors-green-800: #084C4E;
+  --coco-colors-green-900: #013C43;
+  --coco-colors-red-50: #FEF2F2;
+  --coco-colors-red-100: #FEE2E2;
+  --coco-colors-red-200: #FECACA;
+  --coco-colors-red-300: #FCA5A5;
+  --coco-colors-red-400: #F87171;
+  --coco-colors-red-500: #EF4444;
+  --coco-colors-red-600: #DC2626;
+  --coco-colors-red-700: #B91C1C;
+  --coco-colors-red-800: #991B1B;
+  --coco-colors-red-900: #7F1D1D;
+  --coco-colors-amber-50: #FFFBEB;
+  --coco-colors-amber-100: #FEF3C7;
+  --coco-colors-amber-200: #FDE68A;
+  --coco-colors-amber-300: #FCD34D;
+  --coco-colors-amber-400: #FBBF24;
+  --coco-colors-amber-500: #F59E0B;
+  --coco-colors-amber-600: #D97706;
+  --coco-colors-amber-700: #B45309;
+  --coco-colors-amber-800: #92400E;
+  --coco-colors-amber-900: #78350F;
+  --coco-colors-blue-50: #F0F9FF;
+  --coco-colors-blue-100: #E0F2FE;
+  --coco-colors-blue-200: #BAE6FD;
+  --coco-colors-blue-300: #7DD3FC;
+  --coco-colors-blue-400: #38BDF8;
+  --coco-colors-blue-500: #0EA5E9;
+  --coco-colors-blue-600: #0284C7;
+  --coco-colors-blue-700: #0369A1;
+  --coco-colors-blue-800: #075985;
+  --coco-colors-blue-900: #0C4A6E;
+  --coco-colors-teal-50: #F0FDFA;
+  --coco-colors-teal-100: #CCFBF1;
+  --coco-colors-teal-200: #99F6E4;
+  --coco-colors-teal-300: #5EEAD4;
+  --coco-colors-teal-400: #2DD4BF;
+  --coco-colors-teal-500: #14B8A6;
+  --coco-colors-teal-600: #0D9488;
+  --coco-colors-teal-700: #0F766E;
+  --coco-colors-teal-800: #115E59;
+  --coco-colors-teal-900: #134E4A;
+  --coco-colors-primary-50: #E8F3F1;
+  --coco-colors-primary-100: #D1E7E2;
+  --coco-colors-primary-200: #A3CFC5;
+  --coco-colors-primary-300: #76B8AA;
+  --coco-colors-primary-400: #48A08D;
+  --coco-colors-primary-500: #1A8871;
+  --coco-colors-primary-600: #137464;
+  --coco-colors-primary-700: #0D6159;
+  --coco-colors-primary-800: #084C4E;
+  --coco-colors-primary-900: #013C43;
+  --coco-colors-positive-50: #E8F3F1;
+  --coco-colors-positive-100: #D1E7E2;
+  --coco-colors-positive-200: #A3CFC5;
+  --coco-colors-positive-300: #76B8AA;
+  --coco-colors-positive-400: #48A08D;
+  --coco-colors-positive-500: #1A8871;
+  --coco-colors-positive-600: #137464;
+  --coco-colors-positive-700: #0D6159;
+  --coco-colors-positive-800: #084C4E;
+  --coco-colors-positive-900: #013C43;
+  --coco-colors-negative-50: #FEF2F2;
+  --coco-colors-negative-100: #FEE2E2;
+  --coco-colors-negative-200: #FECACA;
+  --coco-colors-negative-300: #FCA5A5;
+  --coco-colors-negative-400: #F87171;
+  --coco-colors-negative-500: #EF4444;
+  --coco-colors-negative-600: #DC2626;
+  --coco-colors-negative-700: #B91C1C;
+  --coco-colors-negative-800: #991B1B;
+  --coco-colors-negative-900: #7F1D1D;
+  --coco-colors-warning-50: #FFFBEB;
+  --coco-colors-warning-100: #FEF3C7;
+  --coco-colors-warning-200: #FDE68A;
+  --coco-colors-warning-300: #FCD34D;
+  --coco-colors-warning-400: #FBBF24;
+  --coco-colors-warning-500: #F59E0B;
+  --coco-colors-warning-600: #D97706;
+  --coco-colors-warning-700: #B45309;
+  --coco-colors-warning-800: #92400E;
+  --coco-colors-warning-900: #78350F;
+  --coco-colors-info-50: #F0F9FF;
+  --coco-colors-info-100: #E0F2FE;
+  --coco-colors-info-200: #BAE6FD;
+  --coco-colors-info-300: #7DD3FC;
+  --coco-colors-info-400: #38BDF8;
+  --coco-colors-info-500: #0EA5E9;
+  --coco-colors-info-600: #0284C7;
+  --coco-colors-info-700: #0369A1;
+  --coco-colors-info-800: #075985;
+  --coco-colors-info-900: #0C4A6E;
+  --coco-colors-background-header: #427484;
+  --coco-colors-background-light-1: #FFFFFF;
+  --coco-colors-background-light-2: #F9FAFB;
+  --coco-colors-background-light-3: #F3F4F6;
+  --coco-colors-background-dark-1: #111827;
+  --coco-colors-background-dark-2: #1F2937;
+  --coco-colors-background-dark-3: #374151;
+  --coco-colors-background-primary: #1A8871;
+  --coco-colors-background-primary-light: #D1E7E2;
+  --coco-colors-background-negative: #DC2626;
+  --coco-colors-background-negative-light: #FEE2E2;
+  --coco-colors-background-warning: #F59E0B;
+  --coco-colors-background-warning-light: #FFFBEB;
+  --coco-colors-background-positive: #1A8871;
+  --coco-colors-background-positive-light: #D1E7E2;
+  --coco-colors-background-info: #0284C7;
+  --coco-colors-background-info-light: #E0F2FE;
+  --coco-colors-content-dark-1: #111827;
+  --coco-colors-content-dark-2: #1F2937;
+  --coco-colors-content-dark-3: #4B5563;
+  --coco-colors-content-dark-muted: #9CA3AF;
+  --coco-colors-content-light-1: #FFFFFF;
+  --coco-colors-content-light-2: #E5E7EB;
+  --coco-colors-content-light-muted: #9CA3AF;
+  --coco-colors-content-primary: #1A8871;
+  --coco-colors-content-primary-dark: #137464;
+  --coco-colors-content-primary-inverse: #76B8AA;
+  --coco-colors-content-primary-inverse-vivid: #009979;
+  --coco-colors-content-negative: #DC2626;
+  --coco-colors-content-negative-dark: #B91C1C;
+  --coco-colors-content-negative-inverse: #FCA5A5;
+  --coco-colors-content-warning: #D97706;
+  --coco-colors-content-warning-dark: #B45309;
+  --coco-colors-content-warning-inverse: #FCD34D;
+  --coco-colors-content-positive: #1A8871;
+  --coco-colors-content-positive-dark: #137464;
+  --coco-colors-content-positive-inverse: #76B8AA;
+  --coco-colors-content-info: #0284C7;
+  --coco-colors-content-info-dark: #0369A1;
+  --coco-colors-content-info-inverse: #7DD3FC;
     --snackbar-bottom-offset: 2rem;
-    --app-height: 100%;
-  }
+    --app-height: 100%
+}
 
   html{
   scroll-behavior: smooth;

data/app/assets/build/coco/coco.js

@@ -11449,6 +11449,8 @@ var require_tokens = __commonJS({
         900: "#134E4A"
       }
     };
+    var { coco, ...colorVariables } = colors;
+    colorVariables.gray = { ...colors.coco.gray, ...colorVariables.gray };
     var colorAliases = {
       primary: {
         ...colors.green
@@ -11599,6 +11601,16 @@ var require_tokens = __commonJS({
         displaySans: "proxima-nova",
         bodySans: "proxima-nova",
         displaySerif: "merriweather"
+      },
+      variables: {
+        DEFAULT: {
+          coco: {
+            colors: {
+              ...colorVariables,
+              ...colorAliases
+            }
+          }
+        }
       }
     };
   }
@@ -15326,7 +15338,7 @@ var alpine_default = import_alpinejs.default;
 // ../../../package.json
 var package_default = {
   name: "coveragebook-components",
-  version: "0.19.1",
+  version: "0.19.3",
   repository: "git@github.com:coveragebook/coco.git",
   license: "NO LICENSE",
   author: "Mark Perkins <mark@coveragebook.com>",
@@ -15421,6 +15433,9 @@ var package_default = {
       "after:version:bump": "bundle exec rake coco:gem:bump_version[${version}] && bundle && cd lookbook && bundle",
       "after:release": "rake coco:gem:release[${version}]"
     }
+  },
+  devDependencies: {
+    "@mertasan/tailwindcss-variables": "^2.7.0"
   }
 };
 

data/config/tailwind.preset.js

@@ -1,12 +1,19 @@
 /** @type {import('tailwindcss').Config} */
 
 const defaultTheme = require("tailwindcss/defaultTheme");
-const { fontSize, fontFamily, colors, screens } = require("./tokens.js");
+const {
+  fontSize,
+  fontFamily,
+  colors,
+  variables,
+  screens,
+} = require("./tokens.js");
 
 module.exports = {
   theme: {
     colors,
     screens,
+    variables,
     fontFamily: {
       display: [fontFamily.displaySans, ...defaultTheme.fontFamily.sans],
       body: [fontFamily.bodySans, ...defaultTheme.fontFamily.sans],
@@ -58,6 +65,7 @@ module.exports = {
   plugins: [
     require("@tailwindcss/forms"),
     require("@tailwindcss/container-queries"),
+    require("@mertasan/tailwindcss-variables"),
     require("../app/assets/css/plugins/colors.js"),
     require("../app/assets/css/plugins/icons.js"),
     require("../app/assets/css/plugins/layout.js"),

data/config/tokens.js

@@ -86,6 +86,9 @@ const colors = {
   },
 };
 
+const { coco, ...colorVariables } = colors;
+colorVariables.gray = { ...colors.coco.gray, ...colorVariables.gray };
+
 const colorAliases = {
   primary: {
     ...colors.green,
@@ -244,4 +247,14 @@ module.exports = {
     bodySans: "proxima-nova",
     displaySerif: "merriweather",
   },
+  variables: {
+    DEFAULT: {
+      coco: {
+        colors: {
+          ...colorVariables,
+          ...colorAliases,
+        },
+      },
+    },
+  },
 };

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.19.1"
+  VERSION = "0.19.3"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.19.1
+  version: 0.19.3
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-09-10 00:00:00.000000000 Z
+date: 2024-09-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails