@camunda/design-system 0.24.0 → 0.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../carbon-compat/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,aAAa,IAAI,mBAAmB,EACpC,cAAc,IAAI,oBAAoB,EACtC,QAAQ,IAAI,cAAc,EAC1B,SAAS,IAAI,eAAe,EAC7B,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AACxC,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC;AACtC,MAAM,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAkBlD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,qBA2B7B;AAED,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,qBA4BnC;AAED,iBAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,qBA6B3B;AAED,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,qBAGvC;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAQrC;AAED,OAAO,EAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../carbon-compat/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,aAAa,IAAI,mBAAmB,EACpC,cAAc,IAAI,oBAAoB,EACtC,QAAQ,IAAI,cAAc,EAC1B,SAAS,IAAI,eAAe,EAC7B,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AACxC,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC;AACtC,MAAM,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAkBlD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,qBAmC7B;AAED,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,qBA6BnC;AAED,iBAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,qBA+B3B;AAED,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,qBAGvC;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAYrC;AAED,OAAO,EAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC"}
@@ -17,7 +17,7 @@ function withSequentialIndex(children) {
17
17
  });
18
18
  }
19
19
  function Tabs(props) {
20
- const { children, selectedIndex, defaultSelectedIndex, onChange, onTabCloseRequest, dismissable, selectionMode, } = props;
20
+ const { children, className, style, selectedIndex, defaultSelectedIndex, onChange, onTabCloseRequest, dismissable, selectionMode, } = props;
21
21
  warnDroppedProps('Tabs', { onTabCloseRequest, dismissable, selectionMode });
22
22
  const value = selectedIndex !== undefined ? indexValue(selectedIndex) : undefined;
23
23
  const defaultValue = defaultSelectedIndex !== undefined ? indexValue(defaultSelectedIndex) : indexValue(0);
@@ -29,30 +29,30 @@ function Tabs(props) {
29
29
  return;
30
30
  onChange({ selectedIndex: Number.parseInt(match[1], 10) });
31
31
  };
32
- return (_jsx(ShadcnTabs, { value: value, defaultValue: defaultValue, onValueChange: handleValueChange, children: children }));
32
+ return (_jsx(ShadcnTabs, { value: value, defaultValue: defaultValue, onValueChange: handleValueChange, className: className, style: style, children: children }));
33
33
  }
34
34
  function TabList(props) {
35
- const { children, className, 'aria-label': ariaLabel, contained, iconSize, fullWidth, activation, light, leftOverflowButtonProps, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, } = props;
35
+ const { children, className, style, 'aria-label': ariaLabel, contained, iconSize, fullWidth, activation, light, leftOverflowButtonProps, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, } = props;
36
36
  warnDroppedProps('TabList', {
37
37
  contained, iconSize, fullWidth, activation, light,
38
38
  leftOverflowButtonProps, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView,
39
39
  });
40
- return (_jsx(TabsList, { "aria-label": ariaLabel, className: className, children: withSequentialIndex(children) }));
40
+ return (_jsx(TabsList, { "aria-label": ariaLabel, className: className, style: style, children: withSequentialIndex(children) }));
41
41
  }
42
42
  function Tab(props) {
43
- const { children, className, disabled, onClick, renderIcon: RenderIcon, secondaryLabel, onKeyDown, title, } = props;
43
+ const { children, className, style, disabled, onClick, renderIcon: RenderIcon, secondaryLabel, onKeyDown, title, } = props;
44
44
  const index = React.useContext(TabIndexContext);
45
45
  warnDroppedProps('Tab', { secondaryLabel });
46
- return (_jsxs(TabsTrigger, { value: indexValue(index), disabled: disabled, onClick: onClick, onKeyDown: onKeyDown, title: title, className: className, children: [RenderIcon ? _jsx(RenderIcon, {}) : null, children] }));
46
+ return (_jsxs(TabsTrigger, { value: indexValue(index), disabled: disabled, onClick: onClick, onKeyDown: onKeyDown, title: title, className: className, style: style, children: [RenderIcon ? _jsx(RenderIcon, {}) : null, children] }));
47
47
  }
48
48
  function TabPanels(props) {
49
49
  const { children } = props;
50
50
  return _jsx(_Fragment, { children: withSequentialIndex(children) });
51
51
  }
52
52
  function TabPanel(props) {
53
- const { children, className } = props;
53
+ const { children, className, style } = props;
54
54
  const index = React.useContext(TabIndexContext);
55
- return (_jsx(TabsContent, { value: indexValue(index), className: className, children: children }));
55
+ return (_jsx(TabsContent, { value: indexValue(index), className: className, style: style, children: children }));
56
56
  }
57
57
  export { Tab, TabList, TabPanel, TabPanels, Tabs };
58
58
  //# sourceMappingURL=tabs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../carbon-compat/tabs.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../carbon-compat/tabs.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,9 @@
1
1
  import * as React from "react";
2
- type PageContentLayoutProps = React.ComponentProps<"div"> & {
2
+ import { type VariantProps } from "class-variance-authority";
3
+ declare const pageContentLayoutVariants: (props?: ({
4
+ padding?: "default" | "none" | null | undefined;
5
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
+ type PageContentLayoutProps = React.ComponentProps<"div"> & VariantProps<typeof pageContentLayoutVariants> & {
3
7
  /** Panel rendered at the fixed sidebarWidth. */
4
8
  sidebar: React.ReactNode;
5
9
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"page-content-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/page-content-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,gDAAgD;IAChD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAgEF,QAAA,MAAM,iBAAiB,4GAEtB,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,EAAE,CAAC"}
1
+ {"version":3,"file":"page-content-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/page-content-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AASlE,QAAA,MAAM,yBAAyB;;8EAc7B,CAAC;AAEH,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GACvD,YAAY,CAAC,OAAO,yBAAyB,CAAC,GAAG;IAC/C,gDAAgD;IAChD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAqEJ,QAAA,MAAM,iBAAiB,4GAEtB,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,EAAE,CAAC"}
@@ -1,8 +1,27 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
+ import { cva } from "class-variance-authority";
3
4
  import { cn } from "../../lib/utils.js";
4
5
  import { withRef } from "../../lib/with-ref.js";
5
- function PageContentLayoutImpl({ ref, sidebar, sidebarPosition = "right", sidebarWidth = "320px", gap = "1.5rem", className, children, style, ...props }) {
6
+ // ---------------------------------------------------------------------------
7
+ // PageContentLayout
8
+ // ---------------------------------------------------------------------------
9
+ const pageContentLayoutVariants = cva("grid grid-cols-1", {
10
+ variants: {
11
+ /**
12
+ * Inset padding applied to the layout container on all sides.
13
+ * Mirror's PageLayout's padding variant so callers get consistent
14
+ * spacing without a separate wrapper.
15
+ * @default "none"
16
+ */
17
+ padding: {
18
+ none: "",
19
+ default: "p-6",
20
+ },
21
+ },
22
+ defaultVariants: { padding: "none" },
23
+ });
24
+ function PageContentLayoutImpl({ ref, sidebar, sidebarPosition = "right", sidebarWidth = "320px", gap = "1.5rem", padding, className, children, style, ...props }) {
6
25
  const resolvedWidth = typeof sidebarWidth === "number" ? `${sidebarWidth}px` : sidebarWidth;
7
26
  const resolvedGap = typeof gap === "number" ? `${gap}px` : gap;
8
27
  const isLeft = sidebarPosition === "left";
@@ -14,7 +33,7 @@ function PageContentLayoutImpl({ ref, sidebar, sidebarPosition = "right", sideba
14
33
  // the single-column stack is active below md.
15
34
  // Left: no order needed — sidebar is already first in DOM.
16
35
  className: cn(!isLeft && "order-1"), children: sidebar }));
17
- return (_jsx("div", { "data-slot": "page-content-layout", ref: ref, className: cn("grid grid-cols-1", gridCols, className), style: {
36
+ return (_jsx("div", { "data-slot": "page-content-layout", ref: ref, className: cn(pageContentLayoutVariants({ padding }), gridCols, className), style: {
18
37
  "--sidebar-width": resolvedWidth,
19
38
  gap: resolvedGap,
20
39
  ...style,
@@ -1 +1 @@
1
- {"version":3,"file":"page-content-layout.js","sourceRoot":"","sources":["../../../../src/components/ui/page-content-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AA+BvC,SAAS,qBAAqB,CAAC,EAC7B,GAAG,EACH,OAAO,EACP,eAAe,GAAG,OAAO,EACzB,YAAY,GAAG,OAAO,EACtB,GAAG,GAAG,QAAQ,EACd,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACqD;IAC7D,MAAM,aAAa,GACjB,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;IACxE,MAAM,WAAW,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAE/D,MAAM,MAAM,GAAG,eAAe,KAAK,MAAM,CAAC;IAE1C,MAAM,QAAQ,GAAG,MAAM;QACrB,CAAC,CAAC,mDAAmD;QACrD,CAAC,CAAC,mDAAmD,CAAC;IAExD,MAAM,SAAS,GAAG,CAChB,2BACY,6BAA6B;QACvC,oEAAoE;QACpE,8CAA8C;QAC9C,2DAA2D;QAC3D,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,YAElC,OAAO,GACJ,CACP,CAAC;IAEF,OAAO,CACL,2BACY,qBAAqB,EAC/B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,QAAQ,EAAE,SAAS,CAAC,EACtD,KAAK,EACH;YACE,iBAAiB,EAAE,aAAa;YAChC,GAAG,EAAE,WAAW;YAChB,GAAG,KAAK;SACc,KAEtB,KAAK,YAER,MAAM,CAAC,CAAC,CAAC,CACR,8BACG,SAAS,EACT,QAAQ,IACR,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,QAAQ,EACR,SAAS,IACT,CACJ,GACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,iBAAiB,GAAG,OAAO,CAC/B,qBAAqB,CACtB,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"page-content-layout.js","sourceRoot":"","sources":["../../../../src/components/ui/page-content-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,8EAA8E;AAC9E,oBAAoB;AACpB,8EAA8E;AAE9E,MAAM,yBAAyB,GAAG,GAAG,CAAC,kBAAkB,EAAE;IACxD,QAAQ,EAAE;QACR;;;;;WAKG;QACH,OAAO,EAAE;YACP,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,KAAK;SACf;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;CACrC,CAAC,CAAC;AA4BH,SAAS,qBAAqB,CAAC,EAC7B,GAAG,EACH,OAAO,EACP,eAAe,GAAG,OAAO,EACzB,YAAY,GAAG,OAAO,EACtB,GAAG,GAAG,QAAQ,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACqD;IAC7D,MAAM,aAAa,GACjB,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;IACxE,MAAM,WAAW,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAE/D,MAAM,MAAM,GAAG,eAAe,KAAK,MAAM,CAAC;IAE1C,MAAM,QAAQ,GAAG,MAAM;QACrB,CAAC,CAAC,mDAAmD;QACrD,CAAC,CAAC,mDAAmD,CAAC;IAExD,MAAM,SAAS,GAAG,CAChB,2BACY,6BAA6B;QACvC,oEAAoE;QACpE,8CAA8C;QAC9C,2DAA2D;QAC3D,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,YAElC,OAAO,GACJ,CACP,CAAC;IAEF,OAAO,CACL,2BACY,qBAAqB,EAC/B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,yBAAyB,CAAC,EAAE,OAAO,EAAE,CAAC,EACtC,QAAQ,EACR,SAAS,CACV,EACD,KAAK,EACH;YACE,iBAAiB,EAAE,aAAa;YAChC,GAAG,EAAE,WAAW;YAChB,GAAG,KAAK;SACc,KAEtB,KAAK,YAER,MAAM,CAAC,CAAC,CAAC,CACR,8BACG,SAAS,EACT,QAAQ,IACR,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,QAAQ,EACR,SAAS,IACT,CACJ,GACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,iBAAiB,GAAG,OAAO,CAC/B,qBAAqB,CACtB,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camunda/design-system",
3
- "version": "0.24.0",
3
+ "version": "0.25.0",
4
4
  "description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {