@caseparts-org/caseblocks 0.0.55 → 0.0.57

package/dist/organisms/NotFound/NotFound.stories.js

@@ -0,0 +1,65 @@
+import { NotFound as o } from "./NotFound.js";
+const e = {
+  title: "Case Parts/Organisms/NotFound",
+  component: o,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: [
+          "A presentational 404 style page section that shows a friendly message,",
+          "an illustration image, and two prominent calls-to-action implemented with",
+          `LinkButton components.
+`,
+          `
+Usage notes:`,
+          `
+- Use this component on routes that are not found or content that is missing.`,
+          `
+- Provide meaningful primary and secondary actions to help the user recover.`,
+          `
+- Keep labels concise (ideally 2–3 words).`
+        ].join(" ")
+      }
+    }
+  },
+  argTypes: {
+    primaryLinkButtonProps: {
+      control: "object",
+      description: "Primary call-to-action link button (e.g., Go Home). Provide a { label, href } object.",
+      table: {
+        type: { summary: "{ label: string; href: string }" }
+      }
+    },
+    secondaryLinkButtonProps: {
+      control: "object",
+      description: "Secondary link button (e.g., Contact Support). Provide a { label, href } object.",
+      table: {
+        type: { summary: "{ label: string; href: string }" }
+      }
+    }
+  },
+  args: {
+    primaryLinkButtonProps: { label: "Return Home to CaseParts.com", href: "/" },
+    secondaryLinkButtonProps: { label: "Sign In or Go to My Account", href: "/account" }
+  }
+}, n = {
+  name: "Playground"
+}, r = {
+  args: {
+    primaryLinkButtonProps: { label: "Search Products", href: "/search" },
+    secondaryLinkButtonProps: { label: "Support", href: "/support" }
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Variant emphasizing a support-oriented recovery path."
+      }
+    }
+  }
+};
+export {
+  n as Playground,
+  r as SupportFocused,
+  e as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.55",
+  "version": "0.0.57",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/Button.css

@@ -1 +0,0 @@
-._button_1fy9r_1{--inset-shadow-color: var(--surface-surface-primary-btn);--inset-shadow-style: 0 0 0, inset 0 0 0 var(--spacing-0-125) var(--inset-shadow-color);transition-property:background-color,border-width,box-shadow,color;transition-duration:.1s;transition-timing-function:ease-in;padding:var(--spacing-1);border:none;cursor:pointer}._button_1fy9r_1:hover{box-shadow:var(--color-neutrals-neutral-2) var(--spacing-0-125) var(--spacing-0-25) var(--spacing-0-5)}._button_1fy9r_1:active{box-shadow:none}._button_1fy9r_1:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert);transition:none;cursor:default}._button_1fy9r_1:disabled:hover{box-shadow:none}._button-primary_1fy9r_36{background-color:var(--surface-surface-primary-btn);color:var(--surface-surface-primary)}._button-primary_1fy9r_36:active{background-color:var(--color-brand-secondary-dark-teal-blue)}._button-primary_1fy9r_36:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_1fy9r_50{background-color:var(--surface-surface-secondary-btn);border:1px solid var(--border-border-secondary-btn);color:var(--text-text-links)}._button-secondary_1fy9r_50:active{--inset-shadow-color: var(--surface-surface-secondary);box-shadow:var(--inset-shadow-style)}._button-secondary_1fy9r_50:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_1fy9r_50:disabled:hover{box-shadow:var(--inset-shadow-style)}._button-cta-primary_1fy9r_72{background-color:var(--surface-surface-call-to-action-btn);color:var(--surface-surface-primary)}._button-cta-primary_1fy9r_72:active{background-color:var(--surface-surface-call-to-action-btn-focus)}._button-cta-primary_1fy9r_72:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-tertiary_1fy9r_86{background-color:var(--surface-surface-tertiary-btn);color:var(--surface-surface-tertiary-btn-focus)}._button-tertiary_1fy9r_86:active{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-tertiary_1fy9r_86:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-destructive_1fy9r_104{background-color:var(--surface-surface-error-warning-btn);color:var(--surface-surface-primary)}._button-destructive_1fy9r_104:active{color:var(--surface-surface-error-warning-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--border-border-error-warning);box-shadow:var(--inset-shadow-style)}._button-destructive_1fy9r_104:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-size-xxs_1fy9r_122{border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-4xs)}._button-size-xs_1fy9r_126{border-radius:var(--border-radius-xs);padding:calc(var(--spacing-spacing-4xs) - 1px) var(--spacing-spacing-2xs)}._button-size-sm_1fy9r_130{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-3xs) - 1px) var(--spacing-0-75)}._button-size-md_1fy9r_134,._button-size-lg_1fy9r_138{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-2xs) - 1px) var(--spacing-spacing-default)}._button-size-xl_1fy9r_142{border-radius:var(--border-radius-sm);padding:var(--spacing-0-75) var(--spacing-spacing-default)}