@codecavepro/brand 1.1.0 → 1.3.0

package/dist/theme.css

@@ -0,0 +1,81 @@
+/* ==========================================================================
+ * CODECAVE Tailwind theme — @codecavepro/brand/theme.css
+ * --------------------------------------------------------------------------
+ * GENERATED from docs/source_examples/styles/global.css — do not edit.
+ *
+ * Declares the names Tailwind needs in order to emit CODECAVE utility
+ * classes: bg-surface-primary, text-heading-lg, rounded-card and the rest.
+ * Without it the components in this package mount and behave correctly and
+ * render nearly unstyled.
+ *
+ * IMPORT ORDER MATTERS, and this file is wrong without it:
+ *
+ *   @import "tailwindcss";
+ *   @import "@codecavepro/brand/tokens.css";   <- must come first,
+ *   @import "@codecavepro/brand/theme.css";       and stay unlayered
+ *
+ * Several entries here are deliberate self-references (--x: var(--x)). They
+ * exist so Tailwind emits the utility; the value comes from tokens.css,
+ * whose unlayered :root outranks @layer theme. Import tokens.css inside a
+ * cascade layer, or not at all, and those names resolve to nothing.
+ * ======================================================================== */
+
+@theme {
+
+    /* sizes */
+    --max-width-desktop: 1280px;
+    --breakpoint-sm: 457px;
+    --font-sans: Satoshi, sans-serif;
+    --text-heading-lg: 3.5rem;
+    --text-heading-lg--line-height: 130%;
+    --text-heading-md: 2.75rem;
+    --text-heading-md--line-height: 115%;
+    --text-heading-sm: 2rem;
+    --text-heading-sm--line-height: 110%;
+    --radius-custom: 2.75rem;
+
+    /* colors */
+
+    /* primary */
+    --color-primary-25: var(--color-brand-25);
+    --color-primary-50: var(--color-brand-50);
+    --color-primary-100: var(--color-brand-100);
+    --color-primary-200: var(--color-brand-200);
+    --color-primary-300: var(--color-brand-300);
+    --color-primary-400: var(--color-brand-400);
+    --color-primary-500: var(--color-brand-500); /* button primary*/
+    --color-primary-600: var(--color-brand-600);
+    --color-primary-700: var(--color-brand-700); /* button primary hover*/
+    --color-primary-800: var(--color-brand-800); 
+    --color-primary-900: var(--color-brand-900); /* button primary active*/
+
+
+    /* once used? */
+    --color-glow-25: var(--color-glow-25);
+    --color-progress-0: var(--color-progress-0);
+    --color-technology-gradient-0: var(--color-technology-gradient-0);
+    --color-technology-gradient-25: var(--color-technology-gradient-25);
+    --color-technology-gradient-50: var(--color-technology-gradient-50);
+    --color-shadow-0: var(--color-shadow-0);
+    --color-failureproof-0: var(--color-gray-1000);
+
+    --color-heading: var(--color-gray-50);
+    --color-action: var(--color-brand-500);
+    --color-neutral: var(--color-gray-600);
+    --color-hovered: var(--color-brand-200);
+    --color-outline-primary-hover: var(--color-brand-800);
+    --color-body-primary: var(--color-gray-50);
+    --color-text-body-primary: var(--color-gray-200);
+    --color-body-secondary: var(--color-gray-500);
+    --color-body-secondary-lighter: var(--color-gray-300);
+    --color-surface-primary: var(--color-brand-950);
+    --color-surface-primary-hover: var(--color-gray-800);
+    --color-surface-secondary: var(--color-gray-1100); /* Surface/background-secondary*/
+    --color-surface-tertiary: var(--color-gray-900);
+    --color-surface-primary-transparent: hsl(from var(--color-surface-primary) h s l / 0.3);
+    --color-surface-quaternary: var(--color-gray-700);
+    
+    --color-default-transparent: var(--color-gray-100);
+    
+    --color-error: var(--color-error-300);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codecavepro/brand",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "CODECAVE design system — colour, typography and layout tokens as CSS custom properties and as a typed module.",
   "license": "Unlicense",
   "type": "module",
@@ -26,12 +26,26 @@
     },
     "./css": "./dist/colors_and_type.css",
     "./tokens.css": "./dist/tokens.css",
+    "./theme.css": "./dist/theme.css",
     "./fonts.css": "./dist/fonts.css",
+    "./components/*": "./dist/src/components/*",
+    "./assets/*": "./dist/src/assets/*",
+    "./helpers/*": "./dist/src/helpers/*",
+    "./lib/*": "./dist/src/lib/*",
     "./package.json": "./package.json"
   },
   "files": [
     "dist"
   ],
+  "peerDependencies": {
+    "gsap": "^3.13.0",
+    "vue": "^3.5.22"
+  },
+  "peerDependenciesMeta": {
+    "gsap": {
+      "optional": true
+    }
+  },
   "scripts": {
     "build": "node scripts/build.mjs",
     "check": "node scripts/build.mjs --check",