@camunda/design-system 0.1.0 → 0.2.0

package/dist/styles.css

@@ -18,6 +18,7 @@
   --breakpoint-xl: 80rem;
   --container-xs: 20rem;
   --container-sm: 24rem;
+  --container-md: 28rem;
   --text-xs: 0.75rem;
   --text-xs--line-height: calc(1 / 0.75);
   --text-sm: 0.875rem;
@@ -36,6 +37,7 @@
   --font-weight-normal: 400;
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
+  --tracking-tight: -0.025em;
   --tracking-wide: 0.025em;
   --tracking-widest: 0.1em;
   --leading-snug: 1.375;
@@ -251,6 +253,12 @@
 .mt-4 {
   margin-top: calc(var(--spacing) * 4);
 }
+.mt-6 {
+  margin-top: calc(var(--spacing) * 6);
+}
+.mt-12 {
+  margin-top: calc(var(--spacing) * 12);
+}
 .mt-auto {
   margin-top: auto;
 }
@@ -284,6 +292,12 @@
 .-ml-0\.5 {
   margin-left: calc(var(--spacing) * -0.5);
 }
+.-ml-px {
+  margin-left: -1px;
+}
+.ml-0\.5 {
+  margin-left: calc(var(--spacing) * 0.5);
+}
 .ml-1 {
   margin-left: calc(var(--spacing) * 1);
 }
@@ -339,6 +353,10 @@
   width: calc(var(--spacing) * 2);
   height: calc(var(--spacing) * 2);
 }
+.size-2\.5 {
+  width: calc(var(--spacing) * 2.5);
+  height: calc(var(--spacing) * 2.5);
+}
 .size-3 {
   width: calc(var(--spacing) * 3);
   height: calc(var(--spacing) * 3);
@@ -379,6 +397,10 @@
   width: calc(var(--spacing) * 11);
   height: calc(var(--spacing) * 11);
 }
+.size-12 {
+  width: calc(var(--spacing) * 12);
+  height: calc(var(--spacing) * 12);
+}
 .size-full {
   width: 100%;
   height: 100%;
@@ -440,9 +462,15 @@
 .h-40 {
   height: calc(var(--spacing) * 40);
 }
+.h-44 {
+  height: calc(var(--spacing) * 44);
+}
 .h-56 {
   height: calc(var(--spacing) * 56);
 }
+.h-72 {
+  height: calc(var(--spacing) * 72);
+}
 .h-\[32rem\] {
   height: 32rem;
 }
@@ -482,6 +510,9 @@
 .max-h-\[60vh\] {
   max-height: 60vh;
 }
+.min-h-9 {
+  min-height: calc(var(--spacing) * 9);
+}
 .min-h-10 {
   min-height: calc(var(--spacing) * 10);
 }
@@ -497,6 +528,12 @@
 .min-h-32 {
   min-height: calc(var(--spacing) * 32);
 }
+.min-h-\[80px\] {
+  min-height: 80px;
+}
+.min-h-\[120px\] {
+  min-height: 120px;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -566,6 +603,9 @@
 .w-40 {
   width: calc(var(--spacing) * 40);
 }
+.w-44 {
+  width: calc(var(--spacing) * 44);
+}
 .w-48 {
   width: calc(var(--spacing) * 48);
 }
@@ -632,6 +672,9 @@
 .max-w-\[calc\(100\%-2rem\)\] {
   max-width: calc(100% - 2rem);
 }
+.max-w-md {
+  max-width: var(--container-md);
+}
 .max-w-sm {
   max-width: var(--container-sm);
 }
@@ -766,6 +809,9 @@
 .auto-rows-min {
   grid-auto-rows: min-content;
 }
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -887,6 +933,25 @@
     margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
   }
 }
+.space-y-6 {
+  :where(& > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+  }
+}
+.gap-x-5 {
+  column-gap: calc(var(--spacing) * 5);
+}
+.gap-x-8 {
+  column-gap: calc(var(--spacing) * 8);
+}
+.gap-y-1 {
+  row-gap: calc(var(--spacing) * 1);
+}
+.gap-y-2 {
+  row-gap: calc(var(--spacing) * 2);
+}
 .divide-x {
   :where(& > :not(:last-child)) {
     --tw-divide-x-reverse: 0;
@@ -942,6 +1007,9 @@
 .rounded-4xl {
   border-radius: var(--radius-4xl);
 }
+.rounded-\[2px\] {
+  border-radius: 2px;
+}
 .rounded-\[4px\] {
   border-radius: 4px;
 }
@@ -981,10 +1049,18 @@
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
+.rounded-l-none {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
 .rounded-r-md {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
+.rounded-r-none {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
 .rounded-b-md {
   border-bottom-right-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
@@ -1025,6 +1101,10 @@
   border-left-style: var(--tw-border-style);
   border-left-width: 3px;
 }
+.border-dashed {
+  --tw-border-style: dashed;
+  border-style: dashed;
+}
 .border-none {
   --tw-border-style: none;
   border-style: none;
@@ -1152,6 +1232,12 @@
     background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
   }
 }
+.bg-destructive\/15 {
+  background-color: var(--destructive);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
+  }
+}
 .bg-destructive\/20 {
   background-color: var(--destructive);
   @supports (color: color-mix(in lab, red, red)) {
@@ -1167,6 +1253,9 @@
     background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
   }
 }
+.bg-info {
+  background-color: var(--info);
+}
 .bg-info\/10 {
   background-color: var(--info);
   @supports (color: color-mix(in lab, red, red)) {
@@ -1251,6 +1340,12 @@
     background-color: color-mix(in oklab, var(--success) 10%, transparent);
   }
 }
+.bg-success\/15 {
+  background-color: var(--success);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--success) 15%, transparent);
+  }
+}
 .bg-switch-background {
   background-color: var(--switch-background);
 }
@@ -1275,15 +1370,48 @@
 .fill-background {
   fill: var(--background);
 }
+.fill-card {
+  fill: var(--card);
+}
 .fill-current {
   fill: currentcolor;
 }
+.fill-destructive\/10 {
+  fill: var(--destructive);
+  @supports (color: color-mix(in lab, red, red)) {
+    fill: color-mix(in oklab, var(--destructive) 10%, transparent);
+  }
+}
 .fill-foreground {
   fill: var(--foreground);
 }
+.fill-info\/10 {
+  fill: var(--info);
+  @supports (color: color-mix(in lab, red, red)) {
+    fill: color-mix(in oklab, var(--info) 10%, transparent);
+  }
+}
+.fill-muted {
+  fill: var(--muted);
+}
+.fill-muted-foreground {
+  fill: var(--muted-foreground);
+}
 .fill-primary {
   fill: var(--primary);
 }
+.stroke-border {
+  stroke: var(--border);
+}
+.stroke-destructive {
+  stroke: var(--destructive);
+}
+.stroke-info {
+  stroke: var(--info);
+}
+.stroke-muted-foreground {
+  stroke: var(--muted-foreground);
+}
 .p-0 {
   padding: calc(var(--spacing) * 0);
 }
@@ -1383,6 +1511,9 @@
 .py-6 {
   padding-block: calc(var(--spacing) * 6);
 }
+.py-10 {
+  padding-block: calc(var(--spacing) * 10);
+}
 .py-16 {
   padding-block: calc(var(--spacing) * 16);
 }
@@ -1398,6 +1529,9 @@
 .pt-12 {
   padding-top: calc(var(--spacing) * 12);
 }
+.pr-0\.5 {
+  padding-right: calc(var(--spacing) * 0.5);
+}
 .pr-1 {
   padding-right: calc(var(--spacing) * 1);
 }
@@ -1434,6 +1568,9 @@
 .pl-2\.5 {
   padding-left: calc(var(--spacing) * 2.5);
 }
+.pl-5 {
+  padding-left: calc(var(--spacing) * 5);
+}
 .pl-8 {
   padding-left: calc(var(--spacing) * 8);
 }
@@ -1486,6 +1623,15 @@
   font-size: var(--text-xs);
   line-height: var(--tw-leading, var(--text-xs--line-height));
 }
+.text-\[10px\] {
+  font-size: 10px;
+}
+.text-\[11px\] {
+  font-size: 11px;
+}
+.text-\[12px\] {
+  font-size: 12px;
+}
 .text-\[28px\] {
   font-size: 28px;
 }
@@ -1559,6 +1705,10 @@
   --tw-font-weight: var(--font-weight-semibold);
   font-weight: var(--font-weight-semibold);
 }
+.tracking-tight {
+  --tw-tracking: var(--tracking-tight);
+  letter-spacing: var(--tracking-tight);
+}
 .tracking-wide {
   --tw-tracking: var(--tracking-wide);
   letter-spacing: var(--tracking-wide);
@@ -1642,6 +1792,9 @@
 .text-warning {
   color: var(--warning);
 }
+.text-warning-foreground {
+  color: var(--warning-foreground);
+}
 .text-white {
   color: var(--color-white);
 }
@@ -1682,6 +1835,9 @@
 .opacity-50 {
   opacity: 50%;
 }
+.opacity-60 {
+  opacity: 60%;
+}
 .opacity-70 {
   opacity: 70%;
 }
@@ -2124,6 +2280,13 @@
     }
   }
 }
+.hover\:border-primary {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--primary);
+    }
+  }
+}
 .hover\:bg-accent {
   &:hover {
     @media (hover: hover) {
@@ -2348,6 +2511,13 @@
     }
   }
 }
+.hover\:opacity-100 {
+  &:hover {
+    @media (hover: hover) {
+      opacity: 100%;
+    }
+  }
+}
 .hover\:shadow-md {
   &:hover {
     @media (hover: hover) {
@@ -2485,6 +2655,12 @@
     text-decoration-line: underline;
   }
 }
+.focus-visible\:ring-1 {
+  &:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+}
 .focus-visible\:ring-2 {
   &:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -2772,6 +2948,11 @@
     height: calc(var(--spacing) * 8);
   }
 }
+.data-\[size\=sm\]\:min-h-8 {
+  &[data-size="sm"] {
+    min-height: calc(var(--spacing) * 8);
+  }
+}
 .data-\[size\=sm\]\:gap-3 {
   &[data-size="sm"] {
     gap: calc(var(--spacing) * 3);
@@ -2956,6 +3137,11 @@
     max-width: var(--container-sm);
   }
 }
+.sm\:grid-cols-3 {
+  @media (width >= 40rem) {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
 .sm\:flex-row {
   @media (width >= 40rem) {
     flex-direction: row;
@@ -2976,6 +3162,11 @@
     display: none;
   }
 }
+.md\:grid-cols-4 {
+  @media (width >= 48rem) {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
 .md\:grid-cols-8 {
   @media (width >= 48rem) {
     grid-template-columns: repeat(8, minmax(0, 1fr));
@@ -2992,6 +3183,11 @@
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
 }
+.lg\:col-span-2 {
+  @media (width >= 64rem) {
+    grid-column: span 2 / span 2;
+  }
+}
 .lg\:col-span-4 {
   @media (width >= 64rem) {
     grid-column: span 4 / span 4;
@@ -3007,11 +3203,31 @@
     display: flex;
   }
 }
+.lg\:w-80 {
+  @media (width >= 64rem) {
+    width: calc(var(--spacing) * 80);
+  }
+}
+.lg\:grid-cols-3 {
+  @media (width >= 64rem) {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+.lg\:grid-cols-4 {
+  @media (width >= 64rem) {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
 .lg\:grid-cols-16 {
   @media (width >= 64rem) {
     grid-template-columns: repeat(16, minmax(0, 1fr));
   }
 }
+.lg\:flex-row {
+  @media (width >= 64rem) {
+    flex-direction: row;
+  }
+}
 .dark\:border-input {
   &:is(.dark *) {
     border-color: var(--input);
@@ -3357,6 +3573,23 @@
     color: var(--muted-foreground);
   }
 }
+.\[\&_\[data-slot\=table-container\]\]\:rounded-none {
+  & [data-slot=table-container] {
+    border-radius: 0;
+  }
+}
+.\[\&_\[data-slot\=table-container\]\]\:border-0 {
+  & [data-slot=table-container] {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+}
+.\[\&_\[data-slot\=table-container\]\]\:shadow-none {
+  & [data-slot=table-container] {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+}
 .\[\&_svg\]\:pointer-events-none {
   & svg {
     pointer-events: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/design-system",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
   "license": "Apache-2.0",
   "repository": {
@@ -24,6 +24,13 @@
     },
     "./styles.css": "./dist/styles.css"
   },
+  "typesVersions": {
+    "*": {
+      "carbon-compat": [
+        "./dist/carbon-compat/index.d.ts"
+      ]
+    }
+  },
   "files": [
     "dist",
     "README.md",
@@ -123,6 +130,7 @@
     "react": "19.2.6",
     "react-docgen-typescript": "2.4.0",
     "react-dom": "19.2.6",
+    "recharts": "^3.8.1",
     "remark-gfm": "^4.0.1",
     "rimraf": "6.1.3",
     "storybook": "10.4.1",

package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { BreadcrumbSkeleton } from "../breadcrumb-skeleton";
-declare const meta: Meta<typeof BreadcrumbSkeleton>;
-export default meta;
-type Story = StoryObj<typeof BreadcrumbSkeleton>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const FiveItems: Story;
-export declare const NoTrailingSlash: Story;
-//# sourceMappingURL=breadcrumb-skeleton.stories.d.ts.map

package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb-skeleton.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/breadcrumb-skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CASzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEjD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,KAAK,EAAE,KAAgC,CAAC;AACrD,eAAO,MAAM,SAAS,EAAE,KAA8B,CAAC;AACvD,eAAO,MAAM,eAAe,EAAE,KAA2C,CAAC"}

package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js

@@ -1,17 +0,0 @@
-import { BreadcrumbSkeleton } from "../breadcrumb-skeleton";
-const meta = {
-    title: "Carbon Compat/BreadcrumbSkeleton",
-    component: BreadcrumbSkeleton,
-    argTypes: {
-        items: { control: { type: "number", min: 1, max: 8 } },
-        size: { control: "inline-radio", options: ["sm", "md"] },
-        noTrailingSlash: { control: "boolean" },
-    },
-    args: { items: 3, size: "md", noTrailingSlash: false },
-};
-export default meta;
-export const Default = {};
-export const Small = { args: { size: "sm" } };
-export const FiveItems = { args: { items: 5 } };
-export const NoTrailingSlash = { args: { noTrailingSlash: true } };
-//# sourceMappingURL=breadcrumb-skeleton.stories.js.map

package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb-skeleton.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/breadcrumb-skeleton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,IAAI,GAAoC;IAC5C,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,kBAAkB;IAC7B,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QACtD,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE;QACxD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACxC;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE;CACvD,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AACrD,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;AACvD,MAAM,CAAC,MAAM,eAAe,GAAU,EAAE,IAAI,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,CAAC"}

package/dist/carbon-compat/stories/breadcrumb.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;
-//# sourceMappingURL=breadcrumb.stories.d.ts.map

package/dist/carbon-compat/stories/breadcrumb.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/breadcrumb.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/carbon-compat/stories/breadcrumb.stories.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Breadcrumb, BreadcrumbItem } from "../breadcrumb";
-const meta = {
-    title: "Carbon Compat/Breadcrumb",
-    component: Breadcrumb,
-};
-export default meta;
-export const Default = {
-    render: () => (_jsxs(Breadcrumb, { children: [_jsx(BreadcrumbItem, { href: "/", children: "Home" }), _jsx(BreadcrumbItem, { href: "/processes", children: "Processes" }), _jsx(BreadcrumbItem, { isCurrentPage: true, children: "My Process" })] })),
-};
-//# sourceMappingURL=breadcrumb.stories.js.map

package/dist/carbon-compat/stories/breadcrumb.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/breadcrumb.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3D,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;CACtB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,UAAU,eACT,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,EAC9C,KAAC,cAAc,IAAC,IAAI,EAAC,YAAY,0BAA2B,EAC5D,KAAC,cAAc,IAAC,aAAa,iCAA4B,IAC9C,CACd;CACF,CAAC"}

package/dist/carbon-compat/stories/button.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Button } from "../button";
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof Button>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Tertiary: Story;
-export declare const Ghost: Story;
-export declare const Danger: Story;
-export declare const AllKinds: Story;
-export declare const Sizes: Story;
-//# sourceMappingURL=button.stories.d.ts.map

package/dist/carbon-compat/stories/button.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA2B7B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,SAAS,EAAE,KAAuC,CAAC;AAChE,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAC9D,eAAO,MAAM,KAAK,EAAE,KAAmC,CAAC;AACxD,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC"}

package/dist/carbon-compat/stories/button.stories.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from "../button";
-const meta = {
-    title: "Carbon Compat/Button",
-    component: Button,
-    argTypes: {
-        kind: {
-            control: "inline-radio",
-            options: [
-                "primary",
-                "secondary",
-                "tertiary",
-                "ghost",
-                "danger",
-                "danger--tertiary",
-                "danger--ghost",
-            ],
-        },
-        size: {
-            control: "inline-radio",
-            options: ["sm", "md", "lg", "xl", "2xl"],
-        },
-        disabled: { control: "boolean" },
-    },
-    args: {
-        kind: "primary",
-        size: "md",
-        children: "Create workspace",
-    },
-};
-export default meta;
-export const Primary = {};
-export const Secondary = { args: { kind: "secondary" } };
-export const Tertiary = { args: { kind: "tertiary" } };
-export const Ghost = { args: { kind: "ghost" } };
-export const Danger = {
-    args: { kind: "danger", children: "Delete workspace" },
-};
-export const AllKinds = {
-    render: () => (_jsx("div", { className: "flex flex-wrap gap-2", children: ["primary", "secondary", "tertiary", "ghost", "danger"].map((kind) => (_jsx(Button, { kind: kind, children: kind }, kind))) })),
-};
-export const Sizes = {
-    render: () => (_jsx("div", { className: "flex items-center gap-2", children: ["sm", "md", "lg", "xl", "2xl"].map((size) => (_jsx(Button, { size: size, children: size }, size))) })),
-};
-//# sourceMappingURL=button.stories.js.map

package/dist/carbon-compat/stories/button.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE;gBACP,SAAS;gBACT,WAAW;gBACX,UAAU;gBACV,OAAO;gBACP,QAAQ;gBACR,kBAAkB;gBAClB,eAAe;aAChB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;SACzC;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,kBAAkB;KAC7B;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC;AAChE,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC;AAC9D,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC;AACxD,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,SAAS,EAAC,sBAAsB,YACjC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAW,CAAC,GAAG,CACrE,CAAC,IAAI,EAAE,EAAE,CAAC,CACR,KAAC,MAAM,IAAY,IAAI,EAAE,IAAI,YAC1B,IAAI,IADM,IAAI,CAER,CACV,CACF,GACG,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,SAAS,EAAC,yBAAyB,YACpC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxD,KAAC,MAAM,IAAY,IAAI,EAAE,IAAI,YAC1B,IAAI,IADM,IAAI,CAER,CACV,CAAC,GACE,CACP;CACF,CAAC"}

package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { C3ClusterTag } from "../c3-cluster-tag";
-declare const meta: Meta<typeof C3ClusterTag>;
-export default meta;
-type Story = StoryObj<typeof C3ClusterTag>;
-export declare const Dev: Story;
-export declare const Test: Story;
-export declare const Stage: Story;
-export declare const Prod: Story;
-export declare const Subtle: Story;
-//# sourceMappingURL=c3-cluster-tag.stories.d.ts.map

package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"c3-cluster-tag.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/c3-cluster-tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAGnC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,GAAG,EAAE,KAAkC,CAAC;AACrD,eAAO,MAAM,IAAI,EAAE,KAAmC,CAAC;AACvD,eAAO,MAAM,KAAK,EAAE,KAAoC,CAAC;AACzD,eAAO,MAAM,IAAI,EAAE,KAAmC,CAAC;AACvD,eAAO,MAAM,MAAM,EAAE,KAAiD,CAAC"}

package/dist/carbon-compat/stories/c3-cluster-tag.stories.js

@@ -1,12 +0,0 @@
-import { C3ClusterTag } from "../c3-cluster-tag";
-const meta = {
-    title: "Carbon Compat/C3ClusterTag",
-    component: C3ClusterTag,
-};
-export default meta;
-export const Dev = { args: { stage: "dev" } };
-export const Test = { args: { stage: "test" } };
-export const Stage = { args: { stage: "stage" } };
-export const Prod = { args: { stage: "prod" } };
-export const Subtle = { args: { stage: "prod", subtle: true } };
-//# sourceMappingURL=c3-cluster-tag.stories.js.map

package/dist/carbon-compat/stories/c3-cluster-tag.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"c3-cluster-tag.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/c3-cluster-tag.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,GAAG,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;AACrD,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC;AACvD,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC;AACzD,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC;AACvD,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC"}