@caseparts-org/caseblocks 0.0.15 → 0.0.17

package/dist/molecules/Tooltip/Tooltip.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Tooltip } from './Tooltip';
 declare const meta: {
     title: string;

package/dist/organisms/ChipSelector/ChipSelector.stories.d.ts

@@ -1,5 +1,5 @@
 import { ChipSelector } from './ChipSelector';
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: typeof ChipSelector;

package/dist/organisms/MainNav/MainNav.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { Text as l } from "../../atoms/Text/Text.js";
 import { Link as a } from "../../atoms/Link/Link.js";
 import { Icon as p } from "../../atoms/Icon/Icon.js";
@@ -12,19 +12,18 @@ import { Tooltip as k } from "../../molecules/Tooltip/Tooltip.js";
 import { Account as y } from "../../molecules/Account/Account.js";
 import { getHideAtStyles as z } from "../../atoms/HideAt.js";
 import { c as T } from "../../clsx-OuTLNxxd.js";
-import '../../assets/MainNav.css';const j = "_topNav_c5ei0_1", D = "_operations_c5ei0_9", F = "_search_c5ei0_16", I = "_siteLink_c5ei0_19", U = "_accountArea_c5ei0_23", H = "_cart_c5ei0_29", K = "_categories_c5ei0_36", M = "_category_c5ei0_50", Q = "_submenuTooltip_c5ei0_72", S = "_menuList_c5ei0_79", i = {
+import '../../assets/MainNav.css';const j = "_topNav_c5ei0_1", D = "_operations_c5ei0_9", F = "_search_c5ei0_16", I = "_siteLink_c5ei0_19", U = "_accountArea_c5ei0_23", H = "_categories_c5ei0_36", K = "_category_c5ei0_50", M = "_submenuTooltip_c5ei0_72", Q = "_menuList_c5ei0_79", i = {
   topNav: j,
   operations: D,
   search: F,
   siteLink: I,
   accountArea: U,
-  cart: H,
-  categories: K,
-  category: M,
-  submenuTooltip: Q,
-  menuList: S
+  categories: H,
+  category: K,
+  submenuTooltip: M,
+  menuList: Q
 };
-function ee({
+function R({
   account: m,
   categories: n,
   faqRoute: c,
@@ -37,8 +36,8 @@ function ee({
   onCartClick: b
   // chat,
 }) {
-  return /* @__PURE__ */ e(v, { children: /* @__PURE__ */ o(x, { span: 12, children: [
-    /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(v, { children: /* @__PURE__ */ t(x, { span: 12, children: [
+    /* @__PURE__ */ t(
       s,
       {
         flexDirection: "row",
@@ -47,7 +46,7 @@ function ee({
         className: i.topNav,
         children: [
           /* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(L, {}) }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ t(
             s,
             {
               flexDirection: "row",
@@ -56,9 +55,9 @@ function ee({
               className: i.operations,
               children: [
                 /* @__PURE__ */ e(s, { flexDirection: "row", hideAt: ["sm"], className: i.search, children: /* @__PURE__ */ e(u, { action: "/search" }) }),
-                /* @__PURE__ */ e(t, { href: h, hideAt: ["sm", "md"], children: "Custom Parts" }),
-                /* @__PURE__ */ e(t, { href: c, hideAt: ["sm", "md"], children: "FAQ" }),
-                /* @__PURE__ */ e(t, { href: d, hideAt: ["sm", "md"], children: "Contact Us" }),
+                /* @__PURE__ */ e(o, { href: h, hideAt: ["sm", "md"], children: "Custom Parts" }),
+                /* @__PURE__ */ e(o, { href: c, hideAt: ["sm", "md"], children: "FAQ" }),
+                /* @__PURE__ */ e(o, { href: d, hideAt: ["sm", "md"], children: "Contact Us" }),
                 /* @__PURE__ */ e("div", { className: i.accountArea, children: /* @__PURE__ */ e(
                   y,
                   {
@@ -69,12 +68,12 @@ function ee({
                   }
                 ) }),
                 /* @__PURE__ */ e(C, { onClick: b, cartItemCount: g }),
-                /* @__PURE__ */ e(w, { hideAt: ["lg"], children: /* @__PURE__ */ o("ul", { className: i.menuList, children: [
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(t, { href: h, children: "Custom Parts" }) }),
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(t, { href: c, children: "FAQ" }) }),
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(t, { href: d, children: "Contact Us" }) }),
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(t, { href: _, children: "About Us" }) }),
-                  n && n.map((r) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ o(a, { href: r.route, children: [
+                /* @__PURE__ */ e(w, { hideAt: ["lg"], children: /* @__PURE__ */ t("ul", { className: i.menuList, children: [
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(o, { href: h, children: "Custom Parts" }) }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(o, { href: c, children: "FAQ" }) }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(o, { href: d, children: "Contact Us" }) }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(o, { href: _, children: "About Us" }) }),
+                  n && n.map((r) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ t(a, { href: r.route, children: [
                     /* @__PURE__ */ e(l, { size: "sm", weight: "semibold", children: r.label }),
                     /* @__PURE__ */ e(
                       p,
@@ -96,7 +95,7 @@ function ee({
     n && n.length > 0 && /* @__PURE__ */ e("ul", { className: T(i.categories, z(["sm"])), children: n.map((r) => /* @__PURE__ */ e(
       k,
       {
-        trigger: /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ o(a, { href: r.route, children: [
+        trigger: /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ t(a, { href: r.route, children: [
           /* @__PURE__ */ e(l, { size: "sm", weight: "semibold", children: r.label }),
           r.showChevron && /* @__PURE__ */ e(
             p,
@@ -114,7 +113,7 @@ function ee({
     )) })
   ] }) });
 }
-function t({
+function o({
   href: m,
   children: n,
   ...c
@@ -122,5 +121,5 @@ function t({
   return /* @__PURE__ */ e(a, { href: m, className: i.siteLink, ...c, children: /* @__PURE__ */ e(l, { size: "md", variant: "display", children: n }) });
 }
 export {
-  ee as MainNav
+  R as MainNav
 };

package/dist/organisms/MainNav/MainNav.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { MainNav } from './MainNav';
 declare const meta: {
     title: string;

package/dist/organisms/SpinZoomViewer/SpinZoomViewer.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { default as SpinZoomViewer } from './SpinZoomViewer';
 declare const meta: Meta<typeof SpinZoomViewer>;
 export default meta;

package/dist/styles/tokens.css

@@ -1,6 +1,45 @@
 /* Exported from Figma on Feb 24, 2025, using the variables2css plugin. */
 /*  Note that Figma contains both Desktop and Mobile modes, but we only capture the Desktop ones. */
 
+/*
+  rem to pixel conversion: 1rem = 16px
+  Note that the values in Figma are in pixels, so we convert them to rems 
+  by dividing by 16.
+
+  10 px = 0.625rem
+  12 px = 0.75rem
+  14 px = 0.875rem
+  16 px = 1rem
+  18 px = 1.125rem
+  20 px = 1.25rem
+  22 px = 1.375rem
+  24 px = 1.5rem
+  26 px = 1.625rem
+  28 px = 1.75rem
+  30 px = 1.875rem
+  32 px = 2rem
+  34 px = 2.125rem
+  36 px = 2.25rem 
+  38 px = 2.375rem
+  40 px = 2.5rem
+  42 px = 2.625rem
+  44 px = 2.75rem
+  46 px = 2.875rem  
+  48 px = 3rem
+  50 px = 3.125rem  
+  52 px = 3.25rem
+  54 px = 3.375rem
+  56 px = 3.5rem
+  58 px = 3.625rem
+  60 px = 3.75rem
+  62 px = 3.875rem
+  64 px = 4rem
+  66 px = 4.125rem
+  68 px = 4.25rem
+  70 px = 4.375rem
+  72 px = 4.5rem
+*/
+
 /* Primitives */
 :root {
   /* Desktop */
@@ -54,6 +93,8 @@
   --font-size-4xl: 2.5rem;
   --font-size-5xl: 3rem;
   --font-size-6xl: 3.5rem;
+  --font-size-7xl: 4rem;
+  --font-size-8xl: 4.5rem;
   --font-weight-thin: 100;
   --font-weight-extra-light: 200;
   --font-weight-light: 300;
@@ -78,6 +119,7 @@
   --grid-columns-4-column: 0.25rem;
   */
 
+  --line-height-xxxs: 0.625rem;
   --line-height-xxs: 0.75rem;
   --line-height-xs: 0.875rem;
   --line-height-sm: 1rem;
@@ -107,6 +149,10 @@
   --spacing-6: 6rem;
   --spacing-7: 7rem;
   --spacing-8: 8rem;
+  --spacing-9: 9rem;
+  --spacing-10: 10rem;
+  --spacing-11: 11rem;
+  --spacing-12: 12rem;
 }
 /* Tokens */
 :root {
@@ -197,6 +243,10 @@
   --spacing-spacing-6xl: var(--spacing-6);
   --spacing-spacing-7xl: var(--spacing-7);
   --spacing-spacing-8xl: var(--spacing-8);
+  --spacing-spacing-9xl: var(--spacing-9);
+  --spacing-spacing-10xl: var(--spacing-10);
+  --spacing-spacing-11xl: var(--spacing-11);
+  --spacing-spacing-12xl: var(--spacing-12);
 }
 /* Typography Tokens */
 :root {
@@ -225,6 +275,8 @@
   --font-size-4xl: 2.5rem;
   --font-size-5xl: 3rem;
   --font-size-6xl: 3.5rem;
+  --font-size-7xl: 4rem;
+  --font-size-8xl: 4.5rem;
   --font-weight-thin: 100;
   --font-weight-extra-light: 200;
   --font-weight-light: 300;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.15",
+  "version": "0.0.17",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -22,25 +22,19 @@
     "@fontsource-variable/roboto-condensed": "^5.1.1",
     "@fontsource/roboto": "^5.1.0",
     "clsx": "^2.1.1",
-    "csstype": "^3.1.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "csstype": "^3.1.3"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": ">=18.3.1 <20.0.0",
+    "react-dom": ">=18.3.1 <20.0.0",
     "reactjs-popup": ">=2.0.0 <3.0.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
+    "@chromatic-com/storybook": "^4.0.1",
     "@eslint/js": "^9.13.0",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-interactions": "^8.4.5",
-    "@storybook/addon-onboarding": "^8.4.5",
-    "@storybook/blocks": "^8.4.5",
-    "@storybook/react": "^8.4.5",
-    "@storybook/react-vite": "^8.4.5",
-    "@storybook/test": "^8.4.5",
+    "@storybook/addon-docs": "^9.0.18",
+    "@storybook/addon-onboarding": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
     "@types/node": "^22.9.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
@@ -49,14 +43,16 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.14",
-    "eslint-plugin-storybook": "^0.11.1",
+    "eslint-plugin-storybook": "^9.0.18",
     "glob": "^11.0.0",
     "globals": "^15.11.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.2.10",
     "prettier": "3.4.2",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "reactjs-popup": "^2.0.6",
-    "storybook": "^8.4.5",
+    "storybook": "^9.0.18",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.11.0",
     "vite": "^5.4.10",