@caseparts-org/caseblocks 0.0.12 → 0.0.16

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 {
@@ -161,6 +207,7 @@
   --surface-surface-tertiary-btn: var(--color-brand-primary-primary-black);
   --surface-surface-tertiary-btn-focus: var(--color-brand-primary-white);
   --surface-surface-text-links: var(--color-brand-primary-white);
+  --surface-surface-searchBar: var(--color-neutrals-neutral-1);
   --text-text-caution: var(--color-brand-primary-primary-tangerine);
   --text-text-disabled: var(--color-neutrals-text-disabled);
   --text-text-error-warning: var(--color-alerts-error-warning);
@@ -196,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 {
@@ -224,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.12",
+  "version": "0.0.16",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -22,24 +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",
@@ -48,13 +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",
-    "storybook": "^8.4.5",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "reactjs-popup": "^2.0.6",
+    "storybook": "^9.0.18",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.11.0",
     "vite": "^5.4.10",

package/dist/assets/Logo.css

@@ -1 +0,0 @@
-._container_sgvuc_1{gap:var(--spacing-1);flex-shrink:0}._wordmark_sgvuc_6{margin-bottom:var(--spacing-0-25)}._tagline_sgvuc_10{color:var(--color-brand-primary-primary-black)}