ods-ant 0.2.0 → 0.4.0

package/dist-lib/display/Collapse.js

@@ -0,0 +1,449 @@
+import { dsSemanticTokens as e } from "../theme.js";
+import { t } from "../useCustomIcon-B-VUK-84.js";
+import { Collapse as n } from "antd";
+import { useEffect as r, useMemo as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/ds/display/Collapse.tsx
+var c = {
+	lg: 16,
+	md: 12,
+	sm: 10
+}, l = "ds-collapse-styles-v2", u = "ds-collapse";
+function d() {
+	if (typeof document > "u") return;
+	let { table: t, input: n, button: r } = e, i = document.getElementById(l), a = `
+    .${u}.ant-collapse {
+      background: ${t.surface.container};
+      border: none;
+      border-radius: 0;
+    }
+
+    .${u}.ant-collapse > .ant-collapse-item {
+      background: var(--ds-collapse-content-bg, ${t.surface.container});
+      border-bottom: 1px solid ${t.border.bodyDivider};
+    }
+
+    .${u}.ant-collapse > .ant-collapse-item:first-child {
+      border-top: 1px solid ${t.border.bodyDivider};
+    }
+
+    .${u}.ant-collapse > .ant-collapse-item > .ant-collapse-header {
+      position: relative;
+      align-items: center;
+      color: ${r.primary.default};
+      font-family: 'Nunito', sans-serif;
+      font-weight: 600;
+      background: var(--ds-collapse-header-bg, var(--ds-collapse-panel-bg, ${t.surface.container}));
+    }
+
+    .${u}.ant-collapse:not([data-ds-panel-background='collapsed-all']) > .ant-collapse-item.ant-collapse-item-active > .ant-collapse-header {
+      border-bottom: 1px solid ${t.border.bodyDivider};
+    }
+
+    .${u}.ant-collapse > .ant-collapse-item > .ant-collapse-content,
+    .${u}.ant-collapse > .ant-collapse-item > .ant-collapse-panel {
+      border-top: none;
+      background: var(--ds-collapse-content-bg, ${t.surface.container});
+    }
+
+    .${u}.ant-collapse > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,
+    .${u}.ant-collapse > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+      color: ${t.text.body};
+      font-family: 'Nunito', sans-serif;
+      font-weight: 400;
+    }
+
+    .${u}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-header {
+      min-height: 60px;
+      padding: 19px 40px !important;
+    }
+
+    .${u}[data-ds-size='lg'] .ant-collapse-header,
+    .${u}[data-ds-size='lg'] .ant-collapse-header .ant-collapse-header-text,
+    .${u}[data-ds-size='lg'] .ant-collapse-header .ant-collapse-title {
+      font-size: 18px;
+      line-height: 22px;
+      letter-spacing: -0.036px;
+      font-weight: 600;
+    }
+
+    .${u}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {
+      margin-inline-end: 24px;
+    }
+
+    .${u}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,
+    .${u}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+      padding: 24px 40px !important;
+      font-size: 16px;
+      line-height: 20px;
+      letter-spacing: -0.016px;
+      font-weight: 400;
+    }
+
+    .${u}[data-ds-size='lg'] .ant-collapse-content-box,
+    .${u}[data-ds-size='lg'] .ant-collapse-body,
+    .${u}[data-ds-size='lg'] .ant-collapse-content-box p,
+    .${u}[data-ds-size='lg'] .ant-collapse-body p,
+    .${u}[data-ds-size='lg'] .ant-collapse-content-box span {
+      font-size: 16px;
+      line-height: 20px;
+      letter-spacing: -0.016px;
+      font-weight: 400;
+    }
+
+    .${u}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-header {
+      min-height: 50px;
+      padding: 15px 40px !important;
+    }
+
+    .${u}[data-ds-size='md'] .ant-collapse-header,
+    .${u}[data-ds-size='md'] .ant-collapse-header .ant-collapse-header-text,
+    .${u}[data-ds-size='md'] .ant-collapse-header .ant-collapse-title {
+      font-size: 16px;
+      line-height: 20px;
+      letter-spacing: -0.016px;
+      font-weight: 600;
+    }
+
+    .${u}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {
+      margin-inline-end: 16px;
+    }
+
+    .${u}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,
+    .${u}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+      padding: 24px 40px !important;
+      font-size: 16px;
+      line-height: 20px;
+      letter-spacing: -0.016px;
+      font-weight: 400;
+    }
+
+    .${u}[data-ds-size='md'] .ant-collapse-content-box,
+    .${u}[data-ds-size='md'] .ant-collapse-body,
+    .${u}[data-ds-size='md'] .ant-collapse-content-box p,
+    .${u}[data-ds-size='md'] .ant-collapse-body p,
+    .${u}[data-ds-size='md'] .ant-collapse-content-box span {
+      font-size: 16px;
+      line-height: 20px;
+      letter-spacing: -0.016px;
+      font-weight: 400;
+    }
+
+    .${u}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-header {
+      min-height: 32px;
+      padding: 7px 24px !important;
+    }
+
+    .${u}[data-ds-size='sm'] .ant-collapse-header,
+    .${u}[data-ds-size='sm'] .ant-collapse-header .ant-collapse-header-text,
+    .${u}[data-ds-size='sm'] .ant-collapse-header .ant-collapse-title {
+      font-size: 14px;
+      line-height: 18px;
+      letter-spacing: 0;
+      font-weight: 600;
+    }
+
+    .${u}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {
+      margin-inline-end: 12px;
+    }
+
+    .${u}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,
+    .${u}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+      padding: 24px !important;
+      font-size: 14px;
+      line-height: 18px;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+
+    .${u}[data-ds-size='sm'] .ant-collapse-content-box,
+    .${u}[data-ds-size='sm'] .ant-collapse-body,
+    .${u}[data-ds-size='sm'] .ant-collapse-content-box p,
+    .${u}[data-ds-size='sm'] .ant-collapse-body p,
+    .${u}[data-ds-size='sm'] .ant-collapse-content-box span {
+      font-size: 14px;
+      line-height: 18px;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+
+    .${u}-controls {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 24px;
+      margin-bottom: 12px;
+      color: ${n.text.placeholder};
+      font-family: 'Nunito', sans-serif;
+      font-weight: 600;
+      background: ${t.surface.container};
+      user-select: none;
+    }
+
+    .${u}-controls[data-ds-size='sm'] {
+      font-size: 12px;
+      line-height: 16px;
+      letter-spacing: 0.012px;
+    }
+
+    .${u}-controls[data-ds-size='md'],
+    .${u}-controls[data-ds-size='lg'] {
+      font-size: 14px;
+      line-height: 18px;
+      letter-spacing: 0;
+    }
+
+    .${u}-controls[data-ds-size='sm'] .${u}-control-button {
+      font-size: 12px;
+      line-height: 16px;
+      letter-spacing: 0.012px;
+      font-weight: 600;
+    }
+
+    .${u}-controls[data-ds-size='md'] .${u}-control-button,
+    .${u}-controls[data-ds-size='lg'] .${u}-control-button {
+      font-size: 14px;
+      line-height: 18px;
+      letter-spacing: 0;
+      font-weight: 600;
+    }
+
+    .${u}-control-button {
+      border: 0;
+      background: transparent;
+      color: inherit;
+      cursor: pointer;
+      padding: 0;
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      font: inherit;
+    }
+
+    .${u}-control-button:disabled {
+      opacity: 0.45;
+      cursor: not-allowed;
+    }
+
+    .${u}-control-icon {
+      width: 16px;
+      height: 16px;
+      border-radius: 999px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      line-height: 1;
+    }
+
+    .${u}-control-icon > svg,
+    .${u}-control-icon .anticon,
+    .${u}-control-icon span > svg {
+      width: 16px !important;
+      height: 16px !important;
+      min-width: 16px !important;
+      min-height: 16px !important;
+      display: block;
+    }
+
+    .${u}-chevron {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: var(--ds-collapse-panel-icon-size);
+      height: var(--ds-collapse-panel-icon-size);
+      min-width: var(--ds-collapse-panel-icon-size);
+      min-height: var(--ds-collapse-panel-icon-size);
+      color: ${n.text.disabled};
+      line-height: 1;
+    }
+
+    .${u}.ant-collapse .ant-collapse-expand-icon {
+      width: var(--ds-collapse-panel-icon-size) !important;
+      height: var(--ds-collapse-panel-icon-size) !important;
+      min-width: var(--ds-collapse-panel-icon-size) !important;
+      min-height: var(--ds-collapse-panel-icon-size) !important;
+      flex: 0 0 var(--ds-collapse-panel-icon-size) !important;
+      padding-inline-start: 0 !important;
+      padding-inline-end: 0 !important;
+      margin-inline-start: 0 !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+    }
+
+    .${u}.ant-collapse .ant-collapse-arrow {
+      width: var(--ds-collapse-panel-icon-size) !important;
+      height: var(--ds-collapse-panel-icon-size) !important;
+      min-width: var(--ds-collapse-panel-icon-size) !important;
+      min-height: var(--ds-collapse-panel-icon-size) !important;
+      font-size: var(--ds-collapse-panel-icon-size) !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      line-height: 1 !important;
+    }
+
+    .${u}.ant-collapse .ant-collapse-arrow svg {
+      width: var(--ds-collapse-panel-icon-size) !important;
+      height: var(--ds-collapse-panel-icon-size) !important;
+      min-width: var(--ds-collapse-panel-icon-size) !important;
+      min-height: var(--ds-collapse-panel-icon-size) !important;
+      display: block !important;
+    }
+
+    .${u}.ant-collapse[data-ds-row-gap='true'] {
+      display: flex;
+      flex-direction: column;
+      gap: var(--ds-collapse-row-gap, 0px);
+      background: transparent;
+    }
+
+    .${u}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item {
+      background: var(--ds-collapse-content-bg, ${t.surface.container});
+      border: 1px solid ${t.border.bodyDivider};
+      border-radius: 0;
+      overflow: hidden;
+    }
+
+    .${u}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item:first-child {
+      border-top-left-radius: 8px;
+      border-top-right-radius: 8px;
+      border-top: 1px solid ${t.border.bodyDivider};
+    }
+
+    .${u}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item:last-child {
+      border-bottom-left-radius: 8px;
+      border-bottom-right-radius: 8px;
+    }
+
+    .${u}.ant-collapse[data-ds-panel-background='collapsed-all'] {
+      background: transparent;
+      display: flex;
+      flex-direction: column;
+      gap: var(--ds-collapse-row-gap, 16px);
+    }
+
+    .${u}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item {
+      border: none;
+      border-radius: 0;
+    }
+
+    .${u}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-header {
+      border-radius: 0;
+      border: 1px solid ${t.border.bodyDivider};
+    }
+
+    .${u}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item:first-child > .ant-collapse-header {
+      border-top-left-radius: 8px;
+      border-top-right-radius: 8px;
+    }
+
+    .${u}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item:last-child > .ant-collapse-header {
+      border-bottom-left-radius: 8px;
+      border-bottom-right-radius: 8px;
+    }
+
+    .${u}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-content,
+    .${u}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-panel {
+      border-radius: 0;
+      margin-top: -1px;
+      border: 1px solid ${t.border.bodyDivider};
+      border-top: none;
+    }
+
+    .${u}.ant-collapse[data-ds-open-panel-edge-contrast='true'] > .ant-collapse-item.ant-collapse-item-active {
+      border-left-color: ${t.border.container};
+      border-right-color: ${t.border.container};
+    }
+  `;
+	if (i) {
+		i.textContent = a;
+		return;
+	}
+	let o = document.createElement("style");
+	o.id = l, o.textContent = a, document.head.appendChild(o);
+}
+function f(e) {
+	return e == null ? [] : Array.isArray(e) ? e : [e];
+}
+var p = ({ dsVariant: l = "ant", dsSize: p = "md", dsShowBulkActions: m = !1, dsExpandAllLabel: h = "Expand all", dsCollapseAllLabel: g = "Collapse all", dsPanelBackground: _ = "white", dsHeaderBackground: v = "panel", dsRowGap: y, dsOpenPanelEdgeContrast: b = !1, className: x, activeKey: S, defaultActiveKey: C, items: w, onChange: T, bordered: E, ...D }) => {
+	r(() => {
+		d();
+	}, []);
+	let O = l === "canonical", k = c[p], A = e.table, j = _ === "light-gray" || _ === "collapsed-all" ? A.surface.rowHover : A.surface.container, M = v === "light-gray" ? A.surface.rowHover : j, N = y ?? 0, P = S !== void 0, [F, I] = a(C), L = P ? S : F, R = i(() => (w ?? []).map((e) => e.key), [w]), z = f(L), B = (e) => {
+		P || I(e), T?.(e);
+	}, V = () => {
+		R.length !== 0 && B(R);
+	}, H = () => {
+		B([]);
+	}, U = O ? E ?? !1 : E, W = [O ? u : void 0, x].filter(Boolean).join(" "), G = O ? ({ isActive: e }) => /* @__PURE__ */ o("span", {
+		className: `${u}-chevron`,
+		children: /* @__PURE__ */ o(t, {
+			name: e ? "arrowDown1" : "arrowRight1",
+			size: k,
+			style: {
+				width: `${k}px`,
+				height: `${k}px`,
+				minWidth: `${k}px`,
+				minHeight: `${k}px`,
+				display: "block"
+			}
+		})
+	}) : void 0, K = O ? {
+		...D.style,
+		"--ds-collapse-panel-icon-size": `${k}px`,
+		"--ds-collapse-panel-bg": j,
+		"--ds-collapse-content-bg": A.surface.container,
+		"--ds-collapse-header-bg": M,
+		"--ds-collapse-row-gap": `${N}px`
+	} : D.style;
+	return /* @__PURE__ */ s("div", { children: [O && m && /* @__PURE__ */ s("div", {
+		className: `${u}-controls`,
+		"data-ds-size": p,
+		children: [/* @__PURE__ */ s("button", {
+			type: "button",
+			className: `${u}-control-button`,
+			onClick: V,
+			disabled: R.length > 0 && z.length === R.length,
+			children: [/* @__PURE__ */ o("span", {
+				className: `${u}-control-icon`,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ o(t, {
+					name: "addCircle1",
+					size: 16
+				})
+			}), h]
+		}), /* @__PURE__ */ s("button", {
+			type: "button",
+			className: `${u}-control-button`,
+			onClick: H,
+			disabled: z.length === 0,
+			children: [/* @__PURE__ */ o("span", {
+				className: `${u}-control-icon`,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ o(t, {
+					name: "subtractCircle1",
+					size: 16
+				})
+			}), g]
+		})]
+	}), /* @__PURE__ */ o(n, {
+		...D,
+		items: w,
+		bordered: U,
+		expandIcon: G,
+		activeKey: L,
+		onChange: B,
+		className: W,
+		style: K,
+		"data-ds-size": O ? p : void 0,
+		"data-ds-panel-background": O ? _ : void 0,
+		"data-ds-row-gap": O && N > 0 ? "true" : void 0,
+		"data-ds-open-panel-edge-contrast": O && b ? "true" : void 0
+	})] });
+};
+p.displayName = "Collapse";
+//#endregion
+export { p as Collapse };
+
+//# sourceMappingURL=Collapse.js.map

package/dist-lib/display/Collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.js","names":[],"sources":["../../src/ds/display/Collapse.tsx"],"sourcesContent":["import { Collapse as AntCollapse } from 'antd';\nimport type { CollapseProps } from 'antd';\nimport { useEffect, useMemo, useState } from 'react';\nimport { Icon } from '../../utils/icons';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\n\ntype DSCollapseVariant = 'ant' | 'canonical';\nexport type DSCollapseSize = 'sm' | 'md' | 'lg';\nexport type DSCollapsePanelBackground = 'white' | 'light-gray' | 'collapsed-all';\nexport type DSCollapseHeaderBackground = 'panel' | 'light-gray';\n\ntype CollapseChangeKey = NonNullable<CollapseProps['onChange']> extends (key: infer K) => void ? K : string | number | Array<string | number>;\n\ntype ActiveKey = CollapseProps['activeKey'];\n\ntype ExpandIconPanelProps = {\n  isActive?: boolean;\n};\n\ntype RestrictedAntProps = 'expandIcon';\n\nconst PANEL_ICON_SIZE_BY_DS_SIZE: Record<DSCollapseSize, number> = {\n  lg: 16,\n  md: 12,\n  sm: 10,\n};\n\nexport type DSCollapseProps = Omit<CollapseProps, RestrictedAntProps> & {\n  /** Render Ant defaults or DS canonical accordion styling. */\n  dsVariant?: DSCollapseVariant;\n  /** Canonical DS size from Figma: sm, md, lg. */\n  dsSize?: DSCollapseSize;\n  /** Shows Expand all / Collapse all controls for canonical variants. */\n  dsShowBulkActions?: boolean;\n  /** Label text for bulk expand action. */\n  dsExpandAllLabel?: string;\n  /** Label text for bulk collapse action. */\n  dsCollapseAllLabel?: string;\n  /** Canonical panel background variant from Figma component accordion. */\n  dsPanelBackground?: DSCollapsePanelBackground;\n  /** Header background fill for canonical variants. */\n  dsHeaderBackground?: DSCollapseHeaderBackground;\n  /** Optional row gap (px) between accordion items for Figma parity variants. */\n  dsRowGap?: number;\n  /** Adds left/right contrasting edges for open panel body variants from Figma. */\n  dsOpenPanelEdgeContrast?: boolean;\n};\n\nconst STYLE_ID = 'ds-collapse-styles-v2';\nconst DS_COLLAPSE_CLASS = 'ds-collapse';\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n\n  const { table, input, button } = dsSemanticTokens;\n  const existingStyle = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n\n  const cssText = `\n    .${DS_COLLAPSE_CLASS}.ant-collapse {\n      background: ${table.surface.container};\n      border: none;\n      border-radius: 0;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item {\n      background: var(--ds-collapse-content-bg, ${table.surface.container});\n      border-bottom: 1px solid ${table.border.bodyDivider};\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item:first-child {\n      border-top: 1px solid ${table.border.bodyDivider};\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item > .ant-collapse-header {\n      position: relative;\n      align-items: center;\n      color: ${button.primary.default};\n      font-family: 'Nunito', sans-serif;\n      font-weight: 600;\n      background: var(--ds-collapse-header-bg, var(--ds-collapse-panel-bg, ${table.surface.container}));\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse:not([data-ds-panel-background='collapsed-all']) > .ant-collapse-item.ant-collapse-item-active > .ant-collapse-header {\n      border-bottom: 1px solid ${table.border.bodyDivider};\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item > .ant-collapse-content,\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item > .ant-collapse-panel {\n      border-top: none;\n      background: var(--ds-collapse-content-bg, ${table.surface.container});\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {\n      color: ${table.text.body};\n      font-family: 'Nunito', sans-serif;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-header {\n      min-height: 60px;\n      padding: 19px 40px !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-header,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-header .ant-collapse-header-text,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-header .ant-collapse-title {\n      font-size: 18px;\n      line-height: 22px;\n      letter-spacing: -0.036px;\n      font-weight: 600;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {\n      margin-inline-end: 24px;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {\n      padding: 24px 40px !important;\n      font-size: 16px;\n      line-height: 20px;\n      letter-spacing: -0.016px;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-body,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-content-box p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-body p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-content-box span {\n      font-size: 16px;\n      line-height: 20px;\n      letter-spacing: -0.016px;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-header {\n      min-height: 50px;\n      padding: 15px 40px !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-header,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-header .ant-collapse-header-text,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-header .ant-collapse-title {\n      font-size: 16px;\n      line-height: 20px;\n      letter-spacing: -0.016px;\n      font-weight: 600;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {\n      margin-inline-end: 16px;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {\n      padding: 24px 40px !important;\n      font-size: 16px;\n      line-height: 20px;\n      letter-spacing: -0.016px;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-body,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-content-box p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-body p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-content-box span {\n      font-size: 16px;\n      line-height: 20px;\n      letter-spacing: -0.016px;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-header {\n      min-height: 32px;\n      padding: 7px 24px !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-header,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-header .ant-collapse-header-text,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-header .ant-collapse-title {\n      font-size: 14px;\n      line-height: 18px;\n      letter-spacing: 0;\n      font-weight: 600;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {\n      margin-inline-end: 12px;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {\n      padding: 24px !important;\n      font-size: 14px;\n      line-height: 18px;\n      letter-spacing: 0;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-body,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-content-box p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-body p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-content-box span {\n      font-size: 14px;\n      line-height: 18px;\n      letter-spacing: 0;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}-controls {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 24px;\n      margin-bottom: 12px;\n      color: ${input.text.placeholder};\n      font-family: 'Nunito', sans-serif;\n      font-weight: 600;\n      background: ${table.surface.container};\n      user-select: none;\n    }\n\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='sm'] {\n      font-size: 12px;\n      line-height: 16px;\n      letter-spacing: 0.012px;\n    }\n\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='md'],\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='lg'] {\n      font-size: 14px;\n      line-height: 18px;\n      letter-spacing: 0;\n    }\n\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='sm'] .${DS_COLLAPSE_CLASS}-control-button {\n      font-size: 12px;\n      line-height: 16px;\n      letter-spacing: 0.012px;\n      font-weight: 600;\n    }\n\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='md'] .${DS_COLLAPSE_CLASS}-control-button,\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='lg'] .${DS_COLLAPSE_CLASS}-control-button {\n      font-size: 14px;\n      line-height: 18px;\n      letter-spacing: 0;\n      font-weight: 600;\n    }\n\n    .${DS_COLLAPSE_CLASS}-control-button {\n      border: 0;\n      background: transparent;\n      color: inherit;\n      cursor: pointer;\n      padding: 0;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font: inherit;\n    }\n\n    .${DS_COLLAPSE_CLASS}-control-button:disabled {\n      opacity: 0.45;\n      cursor: not-allowed;\n    }\n\n    .${DS_COLLAPSE_CLASS}-control-icon {\n      width: 16px;\n      height: 16px;\n      border-radius: 999px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      line-height: 1;\n    }\n\n    .${DS_COLLAPSE_CLASS}-control-icon > svg,\n    .${DS_COLLAPSE_CLASS}-control-icon .anticon,\n    .${DS_COLLAPSE_CLASS}-control-icon span > svg {\n      width: 16px !important;\n      height: 16px !important;\n      min-width: 16px !important;\n      min-height: 16px !important;\n      display: block;\n    }\n\n    .${DS_COLLAPSE_CLASS}-chevron {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--ds-collapse-panel-icon-size);\n      height: var(--ds-collapse-panel-icon-size);\n      min-width: var(--ds-collapse-panel-icon-size);\n      min-height: var(--ds-collapse-panel-icon-size);\n      color: ${input.text.disabled};\n      line-height: 1;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse .ant-collapse-expand-icon {\n      width: var(--ds-collapse-panel-icon-size) !important;\n      height: var(--ds-collapse-panel-icon-size) !important;\n      min-width: var(--ds-collapse-panel-icon-size) !important;\n      min-height: var(--ds-collapse-panel-icon-size) !important;\n      flex: 0 0 var(--ds-collapse-panel-icon-size) !important;\n      padding-inline-start: 0 !important;\n      padding-inline-end: 0 !important;\n      margin-inline-start: 0 !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse .ant-collapse-arrow {\n      width: var(--ds-collapse-panel-icon-size) !important;\n      height: var(--ds-collapse-panel-icon-size) !important;\n      min-width: var(--ds-collapse-panel-icon-size) !important;\n      min-height: var(--ds-collapse-panel-icon-size) !important;\n      font-size: var(--ds-collapse-panel-icon-size) !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      line-height: 1 !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse .ant-collapse-arrow svg {\n      width: var(--ds-collapse-panel-icon-size) !important;\n      height: var(--ds-collapse-panel-icon-size) !important;\n      min-width: var(--ds-collapse-panel-icon-size) !important;\n      min-height: var(--ds-collapse-panel-icon-size) !important;\n      display: block !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-row-gap='true'] {\n      display: flex;\n      flex-direction: column;\n      gap: var(--ds-collapse-row-gap, 0px);\n      background: transparent;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item {\n      background: var(--ds-collapse-content-bg, ${table.surface.container});\n      border: 1px solid ${table.border.bodyDivider};\n      border-radius: 0;\n      overflow: hidden;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item:first-child {\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n      border-top: 1px solid ${table.border.bodyDivider};\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item:last-child {\n      border-bottom-left-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] {\n      background: transparent;\n      display: flex;\n      flex-direction: column;\n      gap: var(--ds-collapse-row-gap, 16px);\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item {\n      border: none;\n      border-radius: 0;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-header {\n      border-radius: 0;\n      border: 1px solid ${table.border.bodyDivider};\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item:first-child > .ant-collapse-header {\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item:last-child > .ant-collapse-header {\n      border-bottom-left-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-content,\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-panel {\n      border-radius: 0;\n      margin-top: -1px;\n      border: 1px solid ${table.border.bodyDivider};\n      border-top: none;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-open-panel-edge-contrast='true'] > .ant-collapse-item.ant-collapse-item-active {\n      border-left-color: ${table.border.container};\n      border-right-color: ${table.border.container};\n    }\n  `;\n\n  if (existingStyle) {\n    existingStyle.textContent = cssText;\n    return;\n  }\n\n  const style = document.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = cssText;\n  document.head.appendChild(style);\n}\n\nfunction toKeyArray(activeKey: ActiveKey | undefined): Array<string | number> {\n  if (activeKey == null) return [];\n  if (Array.isArray(activeKey)) return activeKey;\n  return [activeKey];\n}\n\nexport const Collapse = ({\n  dsVariant = 'ant',\n  dsSize = 'md',\n  dsShowBulkActions = false,\n  dsExpandAllLabel = 'Expand all',\n  dsCollapseAllLabel = 'Collapse all',\n  dsPanelBackground = 'white',\n  dsHeaderBackground = 'panel',\n  dsRowGap,\n  dsOpenPanelEdgeContrast = false,\n  className,\n  activeKey,\n  defaultActiveKey,\n  items,\n  onChange,\n  bordered,\n  ...props\n}: DSCollapseProps) => {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  const isCanonical = dsVariant === 'canonical';\n  const panelIconSize = PANEL_ICON_SIZE_BY_DS_SIZE[dsSize];\n  const tableTokens = dsSemanticTokens.table;\n  const panelBackground =\n    dsPanelBackground === 'light-gray' || dsPanelBackground === 'collapsed-all'\n      ? tableTokens.surface.rowHover\n      : tableTokens.surface.container;\n  const headerBackground =\n    dsHeaderBackground === 'light-gray'\n      ? tableTokens.surface.rowHover\n      : panelBackground;\n  const rowGap = dsRowGap ?? 0;\n  const isControlled = activeKey !== undefined;\n  const [internalActiveKey, setInternalActiveKey] = useState<ActiveKey>(defaultActiveKey);\n\n  const resolvedActiveKey = isControlled ? activeKey : internalActiveKey;\n  const allKeys = useMemo(() => (items ?? []).map((item) => item.key), [items]);\n  const activeKeysArray = toKeyArray(resolvedActiveKey);\n\n  const handleChange = (nextKey: CollapseChangeKey) => {\n    if (!isControlled) {\n      setInternalActiveKey(nextKey as ActiveKey);\n    }\n    onChange?.(nextKey);\n  };\n\n  const handleExpandAll = () => {\n    if (allKeys.length === 0) return;\n    handleChange(allKeys as CollapseChangeKey);\n  };\n\n  const handleCollapseAll = () => {\n    handleChange([] as CollapseChangeKey);\n  };\n\n  const resolvedBordered = isCanonical ? (bordered ?? false) : bordered;\n  const mergedClassName = [isCanonical ? DS_COLLAPSE_CLASS : undefined, className].filter(Boolean).join(' ');\n\n  const resolvedExpandIcon = isCanonical\n    ? ({ isActive }: ExpandIconPanelProps) => (\n      <span className={`${DS_COLLAPSE_CLASS}-chevron`}>\n        <Icon\n          name={isActive ? 'arrowDown1' : 'arrowRight1'}\n          size={panelIconSize}\n          style={{\n            width: `${panelIconSize}px`,\n            height: `${panelIconSize}px`,\n            minWidth: `${panelIconSize}px`,\n            minHeight: `${panelIconSize}px`,\n            display: 'block',\n          }}\n        />\n      </span>\n    )\n    : undefined;\n\n  const resolvedStyle = isCanonical\n    ? {\n      ...props.style,\n      ['--ds-collapse-panel-icon-size' as string]: `${panelIconSize}px`,\n      ['--ds-collapse-panel-bg' as string]: panelBackground,\n      ['--ds-collapse-content-bg' as string]: tableTokens.surface.container,\n      ['--ds-collapse-header-bg' as string]: headerBackground,\n      ['--ds-collapse-row-gap' as string]: `${rowGap}px`,\n    }\n    : props.style;\n\n  return (\n    <div>\n      {isCanonical && dsShowBulkActions && (\n        <div className={`${DS_COLLAPSE_CLASS}-controls`} data-ds-size={dsSize}>\n          <button\n            type=\"button\"\n            className={`${DS_COLLAPSE_CLASS}-control-button`}\n            onClick={handleExpandAll}\n            disabled={allKeys.length > 0 && activeKeysArray.length === allKeys.length}\n          >\n            <span className={`${DS_COLLAPSE_CLASS}-control-icon`} aria-hidden=\"true\">\n              <Icon name=\"addCircle1\" size={16} />\n            </span>\n            {dsExpandAllLabel}\n          </button>\n\n          <button\n            type=\"button\"\n            className={`${DS_COLLAPSE_CLASS}-control-button`}\n            onClick={handleCollapseAll}\n            disabled={activeKeysArray.length === 0}\n          >\n            <span className={`${DS_COLLAPSE_CLASS}-control-icon`} aria-hidden=\"true\">\n              <Icon name=\"subtractCircle1\" size={16} />\n            </span>\n            {dsCollapseAllLabel}\n          </button>\n        </div>\n      )}\n\n      <AntCollapse\n        {...props}\n        items={items}\n        bordered={resolvedBordered}\n        expandIcon={resolvedExpandIcon}\n        activeKey={resolvedActiveKey}\n        onChange={handleChange}\n        className={mergedClassName}\n        style={resolvedStyle}\n        data-ds-size={isCanonical ? dsSize : undefined}\n        data-ds-panel-background={isCanonical ? dsPanelBackground : undefined}\n        data-ds-row-gap={isCanonical && rowGap > 0 ? 'true' : undefined}\n        data-ds-open-panel-edge-contrast={isCanonical && dsOpenPanelEdgeContrast ? 'true' : undefined}\n      />\n    </div>\n  );\n};\n\nCollapse.displayName = 'Collapse';\n"],"mappings":"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"}

package/dist-lib/display/Descriptions.cjs

@@ -0,0 +1,145 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../theme.cjs`);let t=require(`antd`),n=require(`react`),r=require(`react/jsx-runtime`);var i=`ds-descriptions-styles`,a=`ds-descriptions`;function o(...e){return e.filter(Boolean).join(` `).trim()}function s(e){return e==null||e===``}function c(e,t){return e&&e.map(e=>({...e,children:s(e.children)?(0,r.jsx)(`span`,{className:`ds-descriptions-empty-value`,children:t}):e.children}))}function l(){if(typeof document>`u`)return;let{descriptions:t}=e.dsSemanticTokens,n=document.getElementById(i);n||(n=document.createElement(`style`),n.id=i,document.head.appendChild(n)),n.textContent=`
+    .${a}.ant-descriptions {
+      width: 100%;
+      color: ${t.text.value};
+      font-family: 'Nunito', sans-serif;
+      background: ${t.surface.default};
+    }
+
+    .${a}.ant-descriptions,
+    .${a}.ant-descriptions .ant-descriptions-view,
+    .${a}.ant-descriptions .ant-descriptions-row,
+    .${a}.ant-descriptions .ant-descriptions-item-label,
+    .${a}.ant-descriptions .ant-descriptions-item-content {
+      transition: none !important;
+      animation: none !important;
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-title {
+      color: ${t.text.title};
+      font-size: ${t.typography.title.fontSize};
+      font-weight: ${t.typography.title.fontWeight};
+      line-height: ${t.typography.title.lineHeight};
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-header {
+      margin-bottom: 12px;
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-view {
+      border-radius: ${t.border.radius};
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-item-label {
+      color: ${t.text.label};
+      font-size: ${t.typography.label.fontSize};
+      font-weight: ${t.typography.label.fontWeight};
+      line-height: ${t.typography.label.lineHeight};
+      letter-spacing: ${t.typography.label.letterSpacing};
+      text-transform: uppercase;
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-item-content {
+      color: ${t.text.value};
+      font-size: ${t.typography.value.fontSize};
+      font-weight: ${t.typography.value.fontWeight};
+      line-height: ${t.typography.value.lineHeight};
+      overflow-wrap: anywhere;
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-item {
+      padding-bottom: 12px;
+    }
+
+    .${a}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-view {
+      border-color: ${t.border.default};
+    }
+
+    .${a}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label,
+    .${a}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-content {
+      padding: ${t.spacing.default};
+      border-color: ${t.border.default};
+    }
+
+    .${a}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label {
+      background: ${t.surface.label};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='recordDetails'] .ant-descriptions-view,
+    .${a}.ant-descriptions[data-ds-descriptions-variant='review'] .ant-descriptions-view {
+      border: 1px solid ${t.border.default};
+      border-radius: ${t.border.radius};
+      overflow: hidden;
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='recordDetails']:not(.ant-descriptions-bordered) .ant-descriptions-item,
+    .${a}.ant-descriptions[data-ds-descriptions-variant='review']:not(.ant-descriptions-bordered) .ant-descriptions-item {
+      padding: ${t.spacing.default};
+      border-bottom: 1px solid ${t.border.default};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='compact'] .ant-descriptions-item {
+      padding-bottom: 6px;
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='compact'].ant-descriptions-bordered .ant-descriptions-item-label,
+    .${a}.ant-descriptions[data-ds-descriptions-variant='compact'].ant-descriptions-bordered .ant-descriptions-item-content {
+      padding: ${t.spacing.compact};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='audit'] {
+      padding: 16px;
+      border: 1px solid ${t.border.default};
+      border-radius: ${t.border.radius};
+      background: ${t.surface.audit};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='audit'] .ant-descriptions-item-label::before {
+      content: '';
+      display: inline-block;
+      width: 6px;
+      height: 6px;
+      margin-inline-end: 8px;
+      border-radius: 50%;
+      background: ${t.border.strong};
+      vertical-align: 1px;
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='review'] {
+      padding: 16px;
+      border: 1px solid ${t.border.review};
+      border-radius: ${t.border.radius};
+      background: ${t.surface.review};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='review'] .ant-descriptions-view {
+      background: ${t.surface.default};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item {
+      display: flex;
+      justify-content: space-between;
+      gap: 16px;
+      padding: ${t.spacing.keyValue};
+      border-bottom: 1px solid ${t.border.default};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item:last-child {
+      border-bottom: 0;
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-container {
+      display: contents;
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-label,
+    .${a}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-content {
+      flex: 0 1 auto;
+    }
+
+    .ds-descriptions-empty-value {
+      color: ${t.text.empty};
+      font-style: italic;
+    }
+  `}var u=({dsVariant:e=`recordDetails`,dsEmptyText:i=`Not provided`,className:s,items:u,bordered:d,size:f,column:p,layout:m,...h})=>((0,n.useEffect)(()=>{l()},[]),(0,r.jsx)(t.Descriptions,{...h,bordered:d??(e===`recordDetails`||e===`compact`),className:o(a,s),column:p??(e===`keyValue`?1:void 0),"data-ds-descriptions-variant":e,items:c(u,i),layout:m??(e===`keyValue`?`horizontal`:void 0),size:f??(e===`compact`||e===`audit`?`small`:void 0)}));u.displayName=`Descriptions`,u.Item=t.Descriptions.Item,exports.Descriptions=u;
+//# sourceMappingURL=Descriptions.cjs.map

package/dist-lib/display/Descriptions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptions.cjs","names":[],"sources":["../../src/ds/display/Descriptions.tsx"],"sourcesContent":["import { Descriptions as AntDescriptions } from 'antd';\nimport type { DescriptionsProps as AntDescriptionsProps } from 'antd';\nimport type { FC, ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\n\nexport type DSDescriptionsVariant = 'recordDetails' | 'compact' | 'audit' | 'review' | 'keyValue';\n\nexport type DescriptionsProps = AntDescriptionsProps & {\n  /** Semantic DS descriptions variant for details, audit metadata, review summaries, or key/value blocks. */\n  dsVariant?: DSDescriptionsVariant;\n  /** Placeholder rendered for empty item values when using the `items` prop. */\n  dsEmptyText?: ReactNode;\n};\n\ntype DSDescriptionsComponent = FC<DescriptionsProps> & {\n  Item: typeof AntDescriptions.Item;\n};\n\nconst STYLE_ID = 'ds-descriptions-styles';\nconst DS_DESCRIPTIONS_CLASS = 'ds-descriptions';\n\nfunction mergeClassNames(...classNames: Array<string | undefined>) {\n  return classNames.filter(Boolean).join(' ').trim();\n}\n\nfunction isEmptyValue(value: ReactNode) {\n  return value === undefined || value === null || value === '';\n}\n\nfunction normalizeItems(items: DescriptionsProps['items'], emptyText: ReactNode): DescriptionsProps['items'] {\n  if (!items) return items;\n\n  return items.map((item) => ({\n    ...item,\n    children: isEmptyValue(item.children) ? <span className=\"ds-descriptions-empty-value\">{emptyText}</span> : item.children,\n  }));\n}\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n\n  const { descriptions } = dsSemanticTokens;\n  let style = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n  if (!style) {\n    style = document.createElement('style');\n    style.id = STYLE_ID;\n    document.head.appendChild(style);\n  }\n\n  style.textContent = `\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions {\n      width: 100%;\n      color: ${descriptions.text.value};\n      font-family: 'Nunito', sans-serif;\n      background: ${descriptions.surface.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-view,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-row,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-item-label,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-item-content {\n      transition: none !important;\n      animation: none !important;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-title {\n      color: ${descriptions.text.title};\n      font-size: ${descriptions.typography.title.fontSize};\n      font-weight: ${descriptions.typography.title.fontWeight};\n      line-height: ${descriptions.typography.title.lineHeight};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-header {\n      margin-bottom: 12px;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-view {\n      border-radius: ${descriptions.border.radius};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-item-label {\n      color: ${descriptions.text.label};\n      font-size: ${descriptions.typography.label.fontSize};\n      font-weight: ${descriptions.typography.label.fontWeight};\n      line-height: ${descriptions.typography.label.lineHeight};\n      letter-spacing: ${descriptions.typography.label.letterSpacing};\n      text-transform: uppercase;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-item-content {\n      color: ${descriptions.text.value};\n      font-size: ${descriptions.typography.value.fontSize};\n      font-weight: ${descriptions.typography.value.fontWeight};\n      line-height: ${descriptions.typography.value.lineHeight};\n      overflow-wrap: anywhere;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-item {\n      padding-bottom: 12px;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-view {\n      border-color: ${descriptions.border.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-content {\n      padding: ${descriptions.spacing.default};\n      border-color: ${descriptions.border.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label {\n      background: ${descriptions.surface.label};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='recordDetails'] .ant-descriptions-view,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='review'] .ant-descriptions-view {\n      border: 1px solid ${descriptions.border.default};\n      border-radius: ${descriptions.border.radius};\n      overflow: hidden;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='recordDetails']:not(.ant-descriptions-bordered) .ant-descriptions-item,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='review']:not(.ant-descriptions-bordered) .ant-descriptions-item {\n      padding: ${descriptions.spacing.default};\n      border-bottom: 1px solid ${descriptions.border.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='compact'] .ant-descriptions-item {\n      padding-bottom: 6px;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='compact'].ant-descriptions-bordered .ant-descriptions-item-label,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='compact'].ant-descriptions-bordered .ant-descriptions-item-content {\n      padding: ${descriptions.spacing.compact};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='audit'] {\n      padding: 16px;\n      border: 1px solid ${descriptions.border.default};\n      border-radius: ${descriptions.border.radius};\n      background: ${descriptions.surface.audit};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='audit'] .ant-descriptions-item-label::before {\n      content: '';\n      display: inline-block;\n      width: 6px;\n      height: 6px;\n      margin-inline-end: 8px;\n      border-radius: 50%;\n      background: ${descriptions.border.strong};\n      vertical-align: 1px;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='review'] {\n      padding: 16px;\n      border: 1px solid ${descriptions.border.review};\n      border-radius: ${descriptions.border.radius};\n      background: ${descriptions.surface.review};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='review'] .ant-descriptions-view {\n      background: ${descriptions.surface.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      padding: ${descriptions.spacing.keyValue};\n      border-bottom: 1px solid ${descriptions.border.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item:last-child {\n      border-bottom: 0;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-container {\n      display: contents;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-label,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-content {\n      flex: 0 1 auto;\n    }\n\n    .ds-descriptions-empty-value {\n      color: ${descriptions.text.empty};\n      font-style: italic;\n    }\n  `;\n}\n\nexport const Descriptions: DSDescriptionsComponent = ({\n  dsVariant = 'recordDetails',\n  dsEmptyText = 'Not provided',\n  className,\n  items,\n  bordered,\n  size,\n  column,\n  layout,\n  ...props\n}: DescriptionsProps) => {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  return (\n    <AntDescriptions\n      {...props}\n      bordered={bordered ?? (dsVariant === 'recordDetails' || dsVariant === 'compact')}\n      className={mergeClassNames(DS_DESCRIPTIONS_CLASS, className)}\n      column={column ?? (dsVariant === 'keyValue' ? 1 : undefined)}\n      data-ds-descriptions-variant={dsVariant}\n      items={normalizeItems(items, dsEmptyText)}\n      layout={layout ?? (dsVariant === 'keyValue' ? 'horizontal' : undefined)}\n      size={size ?? (dsVariant === 'compact' || dsVariant === 'audit' ? 'small' : undefined)}\n    />\n  );\n};\n\nDescriptions.displayName = 'Descriptions';\nDescriptions.Item = AntDescriptions.Item;"],"mappings":"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"}