@activecollab/components 2.0.498 → 2.0.500

package/dist/cjs/components/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ProgressBar","exports","_ref","_ref$progress","progress","backgroundColor","progressColor","_ref$stroke","stroke","_ref$width","width","className","progressNumber","useMemo","widthPercent","width_percent","height","stroke_min","createElement","StyledProgressBar","classNames","$color","$width","StyledProgressBarProgress","style","concat","$height","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\n  /** Progress prop can be number. */\n  progress: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Progress height. */\n  stroke?: number;\n  /** Progress width in percentage. */\n  width?: number;\n  className?: string;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress = 0,\n  backgroundColor,\n  progressColor,\n  stroke = 3,\n  width = 100,\n  className,\n}) => {\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const widthPercent = useMemo(() => {\n    let width_percent = width;\n\n    if (width > 100) {\n      width_percent = 100;\n    }\n\n    if (width <= 0) {\n      width_percent = 100;\n    }\n\n    return width_percent;\n  }, [width]);\n\n  const height = useMemo(() => {\n    let stroke_min = stroke;\n\n    if (stroke <= 0) {\n      stroke_min = 3;\n    }\n\n    return stroke_min;\n  }, [stroke]);\n\n  return (\n    <StyledProgressBar\n      className={classNames(\"c-progress-bar\", className)}\n      $color={backgroundColor}\n      $width={widthPercent}\n    >\n      <StyledProgressBarProgress\n        className=\"c-progress-bar__progress\"\n        style={{ width: `${progressNumber}%` }}\n        $height={height}\n        $color={progressColor}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ProgressBar","exports","_ref","_ref$progress","progress","progressProp","value","limit","length","_ref$rounded","rounded","backgroundColor","progressColor","_ref$stroke","stroke","_ref$width","width","className","hasLimit","isOver","progressNumber","useMemo","widthPercent","width_percent","height","stroke_min","createElement","StyledProgressBar","classNames","$color","$width","$length","$rounded","StyledProgressBarProgress","style","concat","$height","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\n  /** Progress in percent. Not needed with value and limit. */\n  progress?: number;\n  /** A value against a limit. Above the limit the bar is full and takes the alert color. */\n  value?: number;\n  limit?: number;\n  /** A fixed width in pixels, in place of the percent width. */\n  length?: number;\n  /** Round the ends of the bar. */\n  rounded?: boolean;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Progress height. */\n  stroke?: number;\n  /** Progress width in percentage. */\n  width?: number;\n  className?: string;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress: progressProp = 0,\n  value,\n  limit,\n  length,\n  rounded = false,\n  backgroundColor,\n  progressColor,\n  stroke = 3,\n  width = 100,\n  className,\n}) => {\n  const hasLimit = typeof value === \"number\" && typeof limit === \"number\";\n  const isOver = hasLimit && value > limit;\n  const progress = hasLimit && limit > 0 ? (value / limit) * 100 : progressProp;\n\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const widthPercent = useMemo(() => {\n    let width_percent = width;\n\n    if (width > 100) {\n      width_percent = 100;\n    }\n\n    if (width <= 0) {\n      width_percent = 100;\n    }\n\n    return width_percent;\n  }, [width]);\n\n  const height = useMemo(() => {\n    let stroke_min = stroke;\n\n    if (stroke <= 0) {\n      stroke_min = 3;\n    }\n\n    return stroke_min;\n  }, [stroke]);\n\n  return (\n    <StyledProgressBar\n      className={classNames(\"c-progress-bar\", className)}\n      $color={backgroundColor}\n      $width={widthPercent}\n      $length={length}\n      $rounded={rounded}\n    >\n      <StyledProgressBarProgress\n        className=\"c-progress-bar__progress\"\n        style={{ width: `${progressNumber}%` }}\n        $height={height}\n        $color={isOver ? \"var(--red-alert)\" : progressColor}\n        $rounded={rounded}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ProgressBar/Styles.js

@@ -10,8 +10,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var StyledProgressBar = exports.StyledProgressBar = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledProgressBar",
   componentId: "sc-k5nm08-0"
-})(["", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, function (props) {
+})(["", " ", " ", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, function (props) {
   return props.$width ? (0, _styledComponents.css)(["width:", "%;"], props.$width) : (0, _styledComponents.css)(["width:100%;"]);
+}, function (props) {
+  return props.$length && (0, _styledComponents.css)(["flex-shrink:0;width:", "px;"], props.$length);
+}, function (props) {
+  return props.$rounded && (0, _styledComponents.css)(["overflow:hidden;border-radius:9999px;"]);
 }, function (props) {
   return props.$color ? (0, _styledComponents.css)(["background-color:", ";"], props.$color) : (0, _styledComponents.css)(["background-color:var(--color-theme-300);"]);
 });
@@ -19,7 +23,9 @@ StyledProgressBar.displayName = "StyledProgressBar";
 var StyledProgressBarProgress = exports.StyledProgressBarProgress = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledProgressBarProgress",
   componentId: "sc-k5nm08-1"
-})(["", " ", ""], function (props) {
+})(["", " ", " ", ""], function (props) {
+  return props.$rounded && (0, _styledComponents.css)(["border-radius:9999px;"]);
+}, function (props) {
   return props.$height ? (0, _styledComponents.css)(["height:", "px;"], props.$height) : (0, _styledComponents.css)(["height:3px;"]);
 }, function (props) {
   return props.$color ? (0, _styledComponents.css)(["background-color:", ";"], props.$color) : (0, _styledComponents.css)(["background-color:var(--color-secondary);"]);

package/dist/cjs/components/ProgressBar/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledProgressBar","exports","styled","div","withConfig","displayName","componentId","BoxSizingStyle","props","$width","css","$color","StyledProgressBarProgress","$height"],"sources":["../../../../src/components/ProgressBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface IStyledProgressBar {\n  $color?: string;\n  $height?: number;\n  $width?: number;\n}\n\nexport const StyledProgressBar = styled.div<IStyledProgressBar>`\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$width\n      ? css`\n          width: ${props.$width}%;\n        `\n      : css`\n          width: 100%;\n        `}\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-theme-300);\n        `}\n`;\n\nStyledProgressBar.displayName = \"StyledProgressBar\";\n\nexport const StyledProgressBarProgress = styled.div<IStyledProgressBar>`\n  ${(props) =>\n    props.$height\n      ? css`\n          height: ${props.$height}px;\n        `\n      : css`\n          height: 3px;\n        `}\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-secondary);\n        `}\n`;\n\nStyledProgressBarProgress.displayName = \"StyledProgressBarProgress\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,wBAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQ5C,IAAMmB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACvCC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,OACRC,qBAAG,oBACQF,KAAK,CAACC,MAAM,QAEvBC,qBAAG,kBAEF;AAAA,GAEL,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,MAAM,OACRD,qBAAG,8BACmBF,KAAK,CAACG,MAAM,QAElCD,qBAAG,+CAEF;AAAA,EACR;AAEDV,iBAAiB,CAACK,WAAW,GAAG,mBAAmB;AAE5C,IAAMO,yBAAyB,GAAAX,OAAA,CAAAW,yBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/C,UAACE,KAAK;EAAA,OACNA,KAAK,CAACK,OAAO,OACTH,qBAAG,sBACSF,KAAK,CAACK,OAAO,QAEzBH,qBAAG,kBAEF;AAAA,GAEL,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,MAAM,OACRD,qBAAG,8BACmBF,KAAK,CAACG,MAAM,QAElCD,qBAAG,+CAEF;AAAA,EACR;AAEDE,yBAAyB,CAACP,WAAW,GAAG,2BAA2B","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledProgressBar","exports","styled","div","withConfig","displayName","componentId","BoxSizingStyle","props","$width","css","$length","$rounded","$color","StyledProgressBarProgress","$height"],"sources":["../../../../src/components/ProgressBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface IStyledProgressBar {\n  $color?: string;\n  $height?: number;\n  $width?: number;\n  $length?: number;\n  $rounded?: boolean;\n}\n\nexport const StyledProgressBar = styled.div<IStyledProgressBar>`\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$width\n      ? css`\n          width: ${props.$width}%;\n        `\n      : css`\n          width: 100%;\n        `}\n\n  ${(props) =>\n    props.$length &&\n    css`\n      flex-shrink: 0;\n      width: ${props.$length}px;\n    `}\n\n  ${(props) =>\n    props.$rounded &&\n    css`\n      overflow: hidden;\n      border-radius: 9999px;\n    `}\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-theme-300);\n        `}\n`;\n\nStyledProgressBar.displayName = \"StyledProgressBar\";\n\nexport const StyledProgressBarProgress = styled.div<IStyledProgressBar>`\n  ${(props) =>\n    props.$rounded &&\n    css`\n      border-radius: 9999px;\n    `}\n\n  ${(props) =>\n    props.$height\n      ? css`\n          height: ${props.$height}px;\n        `\n      : css`\n          height: 3px;\n        `}\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-secondary);\n        `}\n`;\n\nStyledProgressBarProgress.displayName = \"StyledProgressBarProgress\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,wBAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAU5C,IAAMmB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCACvCC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,OACRC,qBAAG,oBACQF,KAAK,CAACC,MAAM,QAEvBC,qBAAG,kBAEF;AAAA,GAEL,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,OAAO,QACbD,qBAAG,mCAEQF,KAAK,CAACG,OAAO,CACvB;AAAA,GAED,UAACH,KAAK;EAAA,OACNA,KAAK,CAACI,QAAQ,QACdF,qBAAG,4CAGF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACK,MAAM,OACRH,qBAAG,8BACmBF,KAAK,CAACK,MAAM,QAElCH,qBAAG,+CAEF;AAAA,EACR;AAEDV,iBAAiB,CAACK,WAAW,GAAG,mBAAmB;AAE5C,IAAMS,yBAAyB,GAAAb,OAAA,CAAAa,yBAAA,GAAGZ,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAC/C,UAACE,KAAK;EAAA,OACNA,KAAK,CAACI,QAAQ,QACdF,qBAAG,4BAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACO,OAAO,OACTL,qBAAG,sBACSF,KAAK,CAACO,OAAO,QAEzBL,qBAAG,kBAEF;AAAA,GAEL,UAACF,KAAK;EAAA,OACNA,KAAK,CAACK,MAAM,OACRH,qBAAG,8BACmBF,KAAK,CAACK,MAAM,QAElCH,qBAAG,+CAEF;AAAA,EACR;AAEDI,yBAAyB,CAACT,WAAW,GAAG,2BAA2B","ignoreList":[]}

package/dist/cjs/components/PropertyList/PropertyList.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePropertyListLayout = exports.usePropertyListDensity = exports.PropertyListValue = exports.PropertyListToggle = exports.PropertyListRow = exports.PropertyListLayout = exports.PropertyListLabel = exports.PropertyListDivider = exports.PropertyListBranch = exports.PropertyListAdd = exports.PropertyList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _Icons = require("../Icons");
+var _excluded = ["density", "className", "children"],
+  _excluded2 = ["icon", "label", "value", "action", "tone", "readOnly", "chevron", "className", "children"],
+  _excluded3 = ["expanded", "className", "children"],
+  _excluded4 = ["position"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var DensityContext = /*#__PURE__*/(0, _react.createContext)("form");
+var LayoutContext = /*#__PURE__*/(0, _react.createContext)("stacked");
+var usePropertyListDensity = exports.usePropertyListDensity = function usePropertyListDensity() {
+  return (0, _react.useContext)(DensityContext);
+};
+var usePropertyListLayout = exports.usePropertyListLayout = function usePropertyListLayout() {
+  return (0, _react.useContext)(LayoutContext);
+};
+
+/** Sets the layout of the rows below it: one line each, or the three columns of a table. */
+var PropertyListLayout = exports.PropertyListLayout = function PropertyListLayout(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? "stacked" : _ref$value,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(LayoutContext.Provider, {
+    value: value
+  }, children);
+};
+
+/** The line between two rows. In a stacked list it starts where the label text starts. */
+var PropertyListDivider = exports.PropertyListDivider = function PropertyListDivider() {
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListDivider, {
+    "aria-hidden": "true",
+    $layout: usePropertyListLayout(),
+    $density: usePropertyListDensity(),
+    className: "c-property-list__divider"
+  });
+};
+var PropertyList = exports.PropertyList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
+  var _ref2$density = _ref2.density,
+    density = _ref2$density === void 0 ? "form" : _ref2$density,
+    className = _ref2.className,
+    children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var parts = _react.Children.toArray(children).filter(Boolean);
+  return /*#__PURE__*/_react.default.createElement(DensityContext.Provider, {
+    value: density
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyList, _extends({}, rest, {
+    ref: ref,
+    variant: "raised",
+    radius: 20,
+    shadow: density === "page",
+    className: (0, _classnames.default)("c-property-list", className)
+  }), parts.map(function (part, index) {
+    var _key;
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: (_key = part.key) !== null && _key !== void 0 ? _key : index
+    }, index > 0 ? /*#__PURE__*/_react.default.createElement(PropertyListDivider, null) : null, part);
+  })));
+});
+PropertyList.displayName = "PropertyList";
+var PropertyListValue = exports.PropertyListValue = function PropertyListValue(_ref3) {
+  var _ref3$placeholder = _ref3.placeholder,
+    placeholder = _ref3$placeholder === void 0 ? false : _ref3$placeholder,
+    className = _ref3.className,
+    children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListValue, {
+    forwardedAs: "span",
+    color: placeholder ? "quaternary" : undefined,
+    $density: usePropertyListDensity(),
+    $placeholder: placeholder,
+    className: (0, _classnames.default)("c-property-list__value", className),
+    "data-placeholder": placeholder || undefined
+  }, children);
+};
+
+/** The "Add" of a row: a placeholder with a plus where another row has its chevron. */
+var PropertyListAdd = exports.PropertyListAdd = function PropertyListAdd(_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PropertyListValue, {
+    placeholder: true
+  }, children), /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListAddIcon, null, /*#__PURE__*/_react.default.createElement(_Icons.AddCrossTinyIcon, null)));
+};
+var PropertyListLabel = exports.PropertyListLabel = function PropertyListLabel(_ref5) {
+  var icon = _ref5.icon,
+    label = _ref5.label;
+  var density = usePropertyListDensity();
+  var layout = usePropertyListLayout();
+  if (layout === "table") {
+    return /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListTableLabel, {
+      className: "c-property-list__label"
+    }, /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListIcon, {
+      $size: 16,
+      $scale: true
+    }, icon), /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListLabelText, {
+      forwardedAs: "span",
+      weight: "medium",
+      $layout: layout,
+      $density: density
+    }, label));
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListIcon, {
+    $size: density === "page" ? 28 : 24,
+    $scale: false
+  }, icon), /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListLabelText, {
+    forwardedAs: "span",
+    weight: "medium",
+    $layout: layout,
+    $density: density,
+    className: "c-property-list__label"
+  }, label));
+};
+var PropertyListRow = exports.PropertyListRow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref6, ref) {
+  var icon = _ref6.icon,
+    label = _ref6.label,
+    value = _ref6.value,
+    action = _ref6.action,
+    _ref6$tone = _ref6.tone,
+    tone = _ref6$tone === void 0 ? "regular" : _ref6$tone,
+    _ref6$readOnly = _ref6.readOnly,
+    readOnly = _ref6$readOnly === void 0 ? false : _ref6$readOnly,
+    _ref6$chevron = _ref6.chevron,
+    chevron = _ref6$chevron === void 0 ? true : _ref6$chevron,
+    className = _ref6.className,
+    children = _ref6.children,
+    rest = _objectWithoutProperties(_ref6, _excluded2);
+  var density = usePropertyListDensity();
+  var layout = usePropertyListLayout();
+  var caret = !readOnly && chevron ? /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListChevron, null, /*#__PURE__*/_react.default.createElement(_Icons.ArrowDownSmallIcon, null)) : null;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListRow, _extends({}, rest, {
+    as: readOnly ? "div" : "button",
+    ref: ref
+  }, readOnly ? null : {
+    type: "button"
+  }, {
+    $layout: layout,
+    $density: density,
+    $tone: tone,
+    $clickable: !readOnly,
+    className: (0, _classnames.default)("c-property-list__row", className)
+  }), children !== null && children !== void 0 ? children : layout === "table" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PropertyListLabel, {
+    icon: icon,
+    label: label
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListTableValue, null, value), /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListTableAction, null, action, caret)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PropertyListLabel, {
+    icon: icon,
+    label: label
+  }), value, action, caret));
+});
+PropertyListRow.displayName = "PropertyListRow";
+/** The last row of a list: it opens and closes the rows with no value. */
+var PropertyListToggle = exports.PropertyListToggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref7, ref) {
+  var _ref7$expanded = _ref7.expanded,
+    expanded = _ref7$expanded === void 0 ? false : _ref7$expanded,
+    className = _ref7.className,
+    children = _ref7.children,
+    rest = _objectWithoutProperties(_ref7, _excluded3);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListToggle, _extends({
+    type: "button"
+  }, rest, {
+    ref: ref,
+    "aria-expanded": expanded,
+    className: (0, _classnames.default)("c-property-list__toggle", className)
+  }), children);
+});
+PropertyListToggle.displayName = "PropertyListToggle";
+/** The tree line before a row that belongs to the row above it. Its parent must be positioned. */
+var PropertyListBranch = exports.PropertyListBranch = function PropertyListBranch(_ref8) {
+  var _ref8$position = _ref8.position,
+    position = _ref8$position === void 0 ? "last" : _ref8$position,
+    rest = _objectWithoutProperties(_ref8, _excluded4);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListBranch, _extends({
+    "aria-hidden": "true"
+  }, rest)), position === "middle" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListBranchLine, {
+    "aria-hidden": "true"
+  }) : null);
+};
+//# sourceMappingURL=PropertyList.js.map

package/dist/cjs/components/PropertyList/PropertyList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyList.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Icons","_excluded","_excluded2","_excluded3","_excluded4","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","DensityContext","createContext","LayoutContext","usePropertyListDensity","exports","useContext","usePropertyListLayout","PropertyListLayout","_ref","_ref$value","value","children","createElement","Provider","PropertyListDivider","StyledPropertyListDivider","$layout","$density","className","PropertyList","forwardRef","_ref2","ref","_ref2$density","density","rest","parts","Children","toArray","filter","Boolean","StyledPropertyList","variant","radius","shadow","classnames","map","part","index","_key","Fragment","key","displayName","PropertyListValue","_ref3","_ref3$placeholder","placeholder","StyledPropertyListValue","forwardedAs","color","undefined","$placeholder","PropertyListAdd","_ref4","StyledPropertyListAddIcon","AddCrossTinyIcon","PropertyListLabel","_ref5","icon","label","layout","StyledPropertyListTableLabel","StyledPropertyListIcon","$size","$scale","StyledPropertyListLabelText","weight","PropertyListRow","_ref6","action","_ref6$tone","tone","_ref6$readOnly","readOnly","_ref6$chevron","chevron","caret","StyledPropertyListChevron","ArrowDownSmallIcon","StyledPropertyListRow","as","type","$tone","$clickable","StyledPropertyListTableValue","StyledPropertyListTableAction","PropertyListToggle","_ref7","_ref7$expanded","expanded","StyledPropertyListToggle","PropertyListBranch","_ref8","_ref8$position","position","StyledPropertyListBranch","StyledPropertyListBranchLine"],"sources":["../../../../src/components/PropertyList/PropertyList.tsx"],"sourcesContent":["import React, {\n  ButtonHTMLAttributes,\n  Children,\n  Fragment,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  Ref,\n  createContext,\n  forwardRef,\n  useContext,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  PropertyListDensity,\n  PropertyListLayoutName,\n  PropertyListTone,\n  StyledPropertyList,\n  StyledPropertyListAddIcon,\n  StyledPropertyListBranch,\n  StyledPropertyListBranchLine,\n  StyledPropertyListChevron,\n  StyledPropertyListDivider,\n  StyledPropertyListIcon,\n  StyledPropertyListLabelText,\n  StyledPropertyListRow,\n  StyledPropertyListTableAction,\n  StyledPropertyListTableLabel,\n  StyledPropertyListTableValue,\n  StyledPropertyListToggle,\n  StyledPropertyListValue,\n} from \"./Styles\";\nimport { AddCrossTinyIcon, ArrowDownSmallIcon } from \"../Icons\";\n\nconst DensityContext = createContext<PropertyListDensity>(\"form\");\nconst LayoutContext = createContext<PropertyListLayoutName>(\"stacked\");\n\nexport const usePropertyListDensity = () => useContext(DensityContext);\nexport const usePropertyListLayout = () => useContext(LayoutContext);\n\n/** Sets the layout of the rows below it: one line each, or the three columns of a table. */\nexport const PropertyListLayout = ({\n  value = \"stacked\",\n  children,\n}: {\n  value?: PropertyListLayoutName;\n  children?: ReactNode;\n}) => <LayoutContext.Provider value={value}>{children}</LayoutContext.Provider>;\n\n/** The line between two rows. In a stacked list it starts where the label text starts. */\nexport const PropertyListDivider = () => (\n  <StyledPropertyListDivider\n    aria-hidden=\"true\"\n    $layout={usePropertyListLayout()}\n    $density={usePropertyListDensity()}\n    className=\"c-property-list__divider\"\n  />\n);\n\nexport interface IPropertyListProps extends HTMLAttributes<HTMLDivElement> {\n  /** \"form\" for a compact list in a form, \"page\" for a list on a page, with a shadow. */\n  density?: PropertyListDensity;\n}\n\nexport const PropertyList = forwardRef<HTMLDivElement, IPropertyListProps>(\n  ({ density = \"form\", className, children, ...rest }, ref) => {\n    const parts = Children.toArray(children).filter(Boolean);\n\n    return (\n      <DensityContext.Provider value={density}>\n        <StyledPropertyList\n          {...rest}\n          ref={ref}\n          variant=\"raised\"\n          radius={20}\n          shadow={density === \"page\"}\n          className={classnames(\"c-property-list\", className)}\n        >\n          {parts.map((part, index) => (\n            <Fragment key={(part as ReactElement).key ?? index}>\n              {index > 0 ? <PropertyListDivider /> : null}\n              {part}\n            </Fragment>\n          ))}\n        </StyledPropertyList>\n      </DensityContext.Provider>\n    );\n  }\n);\n\nPropertyList.displayName = \"PropertyList\";\n\nexport interface IPropertyListValueProps {\n  /** A row with no value shows its text in the placeholder color. */\n  placeholder?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const PropertyListValue = ({\n  placeholder = false,\n  className,\n  children,\n}: IPropertyListValueProps) => (\n  <StyledPropertyListValue\n    forwardedAs=\"span\"\n    color={placeholder ? \"quaternary\" : undefined}\n    $density={usePropertyListDensity()}\n    $placeholder={placeholder}\n    className={classnames(\"c-property-list__value\", className)}\n    data-placeholder={placeholder || undefined}\n  >\n    {children}\n  </StyledPropertyListValue>\n);\n\n/** The \"Add\" of a row: a placeholder with a plus where another row has its chevron. */\nexport const PropertyListAdd = ({ children }: { children?: ReactNode }) => (\n  <>\n    <PropertyListValue placeholder>{children}</PropertyListValue>\n    <StyledPropertyListAddIcon>\n      <AddCrossTinyIcon />\n    </StyledPropertyListAddIcon>\n  </>\n);\n\nexport interface IPropertyListLabelProps {\n  icon?: ReactNode;\n  label?: ReactNode;\n}\n\nexport const PropertyListLabel = ({ icon, label }: IPropertyListLabelProps) => {\n  const density = usePropertyListDensity();\n  const layout = usePropertyListLayout();\n\n  if (layout === \"table\") {\n    return (\n      <StyledPropertyListTableLabel className=\"c-property-list__label\">\n        <StyledPropertyListIcon $size={16} $scale>\n          {icon}\n        </StyledPropertyListIcon>\n        <StyledPropertyListLabelText\n          forwardedAs=\"span\"\n          weight=\"medium\"\n          $layout={layout}\n          $density={density}\n        >\n          {label}\n        </StyledPropertyListLabelText>\n      </StyledPropertyListTableLabel>\n    );\n  }\n\n  return (\n    <>\n      <StyledPropertyListIcon\n        $size={density === \"page\" ? 28 : 24}\n        $scale={false}\n      >\n        {icon}\n      </StyledPropertyListIcon>\n      <StyledPropertyListLabelText\n        forwardedAs=\"span\"\n        weight=\"medium\"\n        $layout={layout}\n        $density={density}\n        className=\"c-property-list__label\"\n      >\n        {label}\n      </StyledPropertyListLabelText>\n    </>\n  );\n};\n\nexport interface IPropertyListRowProps\n  extends Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n  icon?: ReactNode;\n  label?: ReactNode;\n  value?: ReactNode;\n  /** A control before the chevron. */\n  action?: ReactNode;\n  tone?: PropertyListTone;\n  /** A read only row is plain text. A row that can change is one button. */\n  readOnly?: boolean;\n  chevron?: boolean;\n  /** Replaces the label, the value and the action. */\n  children?: ReactNode;\n}\n\nexport const PropertyListRow = forwardRef<HTMLElement, IPropertyListRowProps>(\n  (\n    {\n      icon,\n      label,\n      value,\n      action,\n      tone = \"regular\",\n      readOnly = false,\n      chevron = true,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const density = usePropertyListDensity();\n    const layout = usePropertyListLayout();\n    const caret =\n      !readOnly && chevron ? (\n        <StyledPropertyListChevron>\n          <ArrowDownSmallIcon />\n        </StyledPropertyListChevron>\n      ) : null;\n\n    return (\n      <StyledPropertyListRow\n        {...rest}\n        as={readOnly ? \"div\" : \"button\"}\n        ref={ref as Ref<HTMLDivElement>}\n        {...(readOnly ? null : { type: \"button\" })}\n        $layout={layout}\n        $density={density}\n        $tone={tone}\n        $clickable={!readOnly}\n        className={classnames(\"c-property-list__row\", className)}\n      >\n        {children ??\n          (layout === \"table\" ? (\n            <>\n              <PropertyListLabel icon={icon} label={label} />\n              <StyledPropertyListTableValue>\n                {value}\n              </StyledPropertyListTableValue>\n              <StyledPropertyListTableAction>\n                {action}\n                {caret}\n              </StyledPropertyListTableAction>\n            </>\n          ) : (\n            <>\n              <PropertyListLabel icon={icon} label={label} />\n              {value}\n              {action}\n              {caret}\n            </>\n          ))}\n      </StyledPropertyListRow>\n    );\n  }\n);\n\nPropertyListRow.displayName = \"PropertyListRow\";\n\nexport interface IPropertyListToggleProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** The rows that the toggle opens are on the screen. */\n  expanded?: boolean;\n}\n\n/** The last row of a list: it opens and closes the rows with no value. */\nexport const PropertyListToggle = forwardRef<\n  HTMLButtonElement,\n  IPropertyListToggleProps\n>(({ expanded = false, className, children, ...rest }, ref) => (\n  <StyledPropertyListToggle\n    type=\"button\"\n    {...rest}\n    ref={ref}\n    aria-expanded={expanded}\n    className={classnames(\"c-property-list__toggle\", className)}\n  >\n    {children}\n  </StyledPropertyListToggle>\n));\n\nPropertyListToggle.displayName = \"PropertyListToggle\";\n\nexport interface IPropertyListBranchProps\n  extends HTMLAttributes<HTMLSpanElement> {\n  /** \"middle\" continues the line to the next row of the branch. */\n  position?: \"middle\" | \"last\";\n}\n\n/** The tree line before a row that belongs to the row above it. Its parent must be positioned. */\nexport const PropertyListBranch = ({\n  position = \"last\",\n  ...rest\n}: IPropertyListBranchProps) => (\n  <>\n    <StyledPropertyListBranch aria-hidden=\"true\" {...rest} />\n    {position === \"middle\" ? (\n      <StyledPropertyListBranchLine aria-hidden=\"true\" />\n    ) : null}\n  </>\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PropertyList/Styles.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledPropertyListValue = exports.StyledPropertyListToggle = exports.StyledPropertyListTableValue = exports.StyledPropertyListTableLabel = exports.StyledPropertyListTableAction = exports.StyledPropertyListRow = exports.StyledPropertyListLabelText = exports.StyledPropertyListIcon = exports.StyledPropertyListDivider = exports.StyledPropertyListChevron = exports.StyledPropertyListBranchLine = exports.StyledPropertyListBranch = exports.StyledPropertyListAddIcon = exports.StyledPropertyList = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Card = require("../Card");
+var _Typography = require("../Typography");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var StyledPropertyList = exports.StyledPropertyList = (0, _styledComponents.default)(_Card.Card).withConfig({
+  displayName: "Styles__StyledPropertyList",
+  componentId: "sc-ssdfzo-0"
+})(["display:flex;flex-direction:column;overflow:clip;"]);
+var StyledPropertyListDivider = exports.StyledPropertyListDivider = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledPropertyListDivider",
+  componentId: "sc-ssdfzo-1"
+})(["flex-shrink:0;height:1px;background-color:var(--border-raised);", ""], function (_ref) {
+  var $layout = _ref.$layout,
+    $density = _ref.$density;
+  return $layout === "stacked" && "margin-left: ".concat($density === "page" ? 44 : 46, "px;");
+});
+var highlight = "linear-gradient(var(--highlight-dark), var(--highlight-dark))";
+var StyledPropertyListRow = exports.StyledPropertyListRow = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledPropertyListRow",
+  componentId: "sc-ssdfzo-2"
+})(["position:relative;width:100%;border:0;text-align:left;background-color:", ";", " ", ""], function (_ref2) {
+  var $tone = _ref2.$tone;
+  return $tone === "alert" ? "var(--alert-surface-subtle)" : "transparent";
+}, function (_ref3) {
+  var $layout = _ref3.$layout,
+    $density = _ref3.$density;
+  return $layout === "table" ? (0, _styledComponents.css)(["display:grid;grid-template-columns:185px minmax(0,1fr) auto;align-items:center;min-height:36px;padding:4px 12px;"]) : (0, _styledComponents.css)(["display:flex;align-items:center;gap:8px;min-height:", "px;padding:6px 12px;"], $density === "page" ? 44 : 40);
+}, function (_ref4) {
+  var $clickable = _ref4.$clickable,
+    $tone = _ref4.$tone;
+  return $clickable && (0, _styledComponents.css)(["cursor:pointer;&:hover,&[aria-expanded=\"true\"]{", "}"], $tone === "alert" ? "background-image: ".concat(highlight, ";") : "background-color: var(--color-theme-200);");
+});
+var StyledPropertyListTableLabel = exports.StyledPropertyListTableLabel = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListTableLabel",
+  componentId: "sc-ssdfzo-3"
+})(["display:flex;align-items:center;gap:10px;min-width:0;padding-right:8px;"]);
+var StyledPropertyListIcon = exports.StyledPropertyListIcon = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListIcon",
+  componentId: "sc-ssdfzo-4"
+})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;width:", "px;height:", "px;& svg{fill:var(--color-theme-700);", "}"], function (_ref5) {
+  var $size = _ref5.$size;
+  return $size;
+}, function (_ref6) {
+  var $size = _ref6.$size;
+  return $size;
+}, function (_ref7) {
+  var $scale = _ref7.$scale,
+    $size = _ref7.$size;
+  return $scale && "width: ".concat($size, "px; height: ").concat($size, "px;");
+});
+var StyledPropertyListLabelText = exports.StyledPropertyListLabelText = (0, _styledComponents.default)(_Typography.Body2).withConfig({
+  displayName: "Styles__StyledPropertyListLabelText",
+  componentId: "sc-ssdfzo-5"
+})(["&&{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-theme-700);", "}"], function (_ref8) {
+  var $layout = _ref8.$layout,
+    $density = _ref8.$density;
+  return $layout === "stacked" && (0, _styledComponents.css)(["flex:1 1 0%;", ""], $density === "page" ? "margin-left: -4px;" : "padding-left: 6px;");
+});
+var StyledPropertyListValue = exports.StyledPropertyListValue = (0, _styledComponents.default)(_Typography.Body2).withConfig({
+  displayName: "Styles__StyledPropertyListValue",
+  componentId: "sc-ssdfzo-6"
+})(["&&{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:", ";", "}"], function (_ref9) {
+  var $density = _ref9.$density;
+  return $density === "page" ? "15px" : "calc(1em + 1px)";
+}, function (_ref0) {
+  var $placeholder = _ref0.$placeholder,
+    $density = _ref0.$density;
+  return !$placeholder && "color: ".concat($density === "page" ? "var(--muted-text)" : "var(--color-theme-800)", ";");
+});
+var StyledPropertyListAddIcon = exports.StyledPropertyListAddIcon = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListAddIcon",
+  componentId: "sc-ssdfzo-7"
+})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;& svg{fill:var(--color-theme-700);}"]);
+var StyledPropertyListTableValue = exports.StyledPropertyListTableValue = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListTableValue",
+  componentId: "sc-ssdfzo-8"
+})(["display:flex;align-items:center;gap:8px;min-width:0;"]);
+var StyledPropertyListTableAction = exports.StyledPropertyListTableAction = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListTableAction",
+  componentId: "sc-ssdfzo-9"
+})(["display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:16px;padding-left:8px;"]);
+var StyledPropertyListChevron = exports.StyledPropertyListChevron = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListChevron",
+  componentId: "sc-ssdfzo-10"
+})(["display:flex;flex-shrink:0;& svg{fill:var(--color-theme-700);}"]);
+var StyledPropertyListToggle = exports.StyledPropertyListToggle = _styledComponents.default.button.withConfig({
+  displayName: "Styles__StyledPropertyListToggle",
+  componentId: "sc-ssdfzo-11"
+})(["display:flex;align-items:center;width:100%;min-height:36px;padding:0 12px;border:0;background-color:transparent;color:var(--color-theme-600);font-size:13px;line-height:20px;text-align:left;cursor:pointer;&:hover,&:focus-visible{background-color:var(--color-theme-200);}"]);
+var StyledPropertyListBranch = exports.StyledPropertyListBranch = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListBranch",
+  componentId: "sc-ssdfzo-12"
+})(["position:absolute;top:0;left:19px;width:13px;height:50%;border:0 solid var(--color-theme-500);border-bottom-width:1px;border-left-width:1px;border-bottom-left-radius:4px;pointer-events:none;"]);
+var StyledPropertyListBranchLine = exports.StyledPropertyListBranchLine = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListBranchLine",
+  componentId: "sc-ssdfzo-13"
+})(["position:absolute;top:50%;bottom:0;left:19px;width:1px;background-color:var(--color-theme-500);pointer-events:none;"]);
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/PropertyList/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Card","_Typography","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledPropertyList","exports","styled","Card","withConfig","displayName","componentId","StyledPropertyListDivider","div","_ref","$layout","$density","concat","highlight","StyledPropertyListRow","_ref2","$tone","_ref3","css","_ref4","$clickable","StyledPropertyListTableLabel","span","StyledPropertyListIcon","_ref5","$size","_ref6","_ref7","$scale","StyledPropertyListLabelText","Body2","_ref8","StyledPropertyListValue","_ref9","_ref0","$placeholder","StyledPropertyListAddIcon","StyledPropertyListTableValue","StyledPropertyListTableAction","StyledPropertyListChevron","StyledPropertyListToggle","button","StyledPropertyListBranch","StyledPropertyListBranchLine"],"sources":["../../../../src/components/PropertyList/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Card } from \"../Card\";\nimport { Body2 } from \"../Typography\";\n\nexport type PropertyListDensity = \"form\" | \"page\";\nexport type PropertyListLayoutName = \"stacked\" | \"table\";\nexport type PropertyListTone = \"regular\" | \"alert\";\n\nexport const StyledPropertyList = styled(Card)`\n  display: flex;\n  flex-direction: column;\n  overflow: clip;\n`;\n\nexport const StyledPropertyListDivider = styled.div<{\n  $layout: PropertyListLayoutName;\n  $density: PropertyListDensity;\n}>`\n  flex-shrink: 0;\n  height: 1px;\n  background-color: var(--border-raised);\n  ${({ $layout, $density }) =>\n    $layout === \"stacked\" && `margin-left: ${$density === \"page\" ? 44 : 46}px;`}\n`;\n\nconst highlight =\n  \"linear-gradient(var(--highlight-dark), var(--highlight-dark))\";\n\nexport const StyledPropertyListRow = styled.div<{\n  $layout: PropertyListLayoutName;\n  $density: PropertyListDensity;\n  $tone: PropertyListTone;\n  $clickable: boolean;\n}>`\n  position: relative;\n  width: 100%;\n  border: 0;\n  text-align: left;\n  background-color: ${({ $tone }) =>\n    $tone === \"alert\" ? \"var(--alert-surface-subtle)\" : \"transparent\"};\n\n  ${({ $layout, $density }) =>\n    $layout === \"table\"\n      ? css`\n          display: grid;\n          grid-template-columns: 185px minmax(0, 1fr) auto;\n          align-items: center;\n          min-height: 36px;\n          padding: 4px 12px;\n        `\n      : css`\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          min-height: ${$density === \"page\" ? 44 : 40}px;\n          padding: 6px 12px;\n        `}\n\n  ${({ $clickable, $tone }) =>\n    $clickable &&\n    css`\n      cursor: pointer;\n\n      &:hover,\n      &[aria-expanded=\"true\"] {\n        ${$tone === \"alert\"\n          ? `background-image: ${highlight};`\n          : \"background-color: var(--color-theme-200);\"}\n      }\n    `}\n`;\n\nexport const StyledPropertyListTableLabel = styled.span`\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  padding-right: 8px;\n`;\n\nexport const StyledPropertyListIcon = styled.span<{\n  $size: number;\n  $scale: boolean;\n}>`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: ${({ $size }) => $size}px;\n  height: ${({ $size }) => $size}px;\n\n  & svg {\n    fill: var(--color-theme-700);\n    ${({ $scale, $size }) => $scale && `width: ${$size}px; height: ${$size}px;`}\n  }\n`;\n\nexport const StyledPropertyListLabelText = styled(Body2)<{\n  $layout: PropertyListLayoutName;\n  $density: PropertyListDensity;\n}>`\n  && {\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--color-theme-700);\n\n    ${({ $layout, $density }) =>\n      $layout === \"stacked\" &&\n      css`\n        flex: 1 1 0%;\n        ${$density === \"page\" ? \"margin-left: -4px;\" : \"padding-left: 6px;\"}\n      `}\n  }\n`;\n\nexport const StyledPropertyListValue = styled(Body2)<{\n  $density: PropertyListDensity;\n  $placeholder: boolean;\n}>`\n  && {\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: ${({ $density }) =>\n      $density === \"page\" ? \"15px\" : \"calc(1em + 1px)\"};\n\n    ${({ $placeholder, $density }) =>\n      !$placeholder &&\n      `color: ${\n        $density === \"page\" ? \"var(--muted-text)\" : \"var(--color-theme-800)\"\n      };`}\n  }\n`;\n\nexport const StyledPropertyListAddIcon = styled.span`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n\n  & svg {\n    fill: var(--color-theme-700);\n  }\n`;\n\nexport const StyledPropertyListTableValue = styled.span`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n`;\n\nexport const StyledPropertyListTableAction = styled.span`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  min-width: 16px;\n  padding-left: 8px;\n`;\n\nexport const StyledPropertyListChevron = styled.span`\n  display: flex;\n  flex-shrink: 0;\n\n  & svg {\n    fill: var(--color-theme-700);\n  }\n`;\n\nexport const StyledPropertyListToggle = styled.button`\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-height: 36px;\n  padding: 0 12px;\n  border: 0;\n  background-color: transparent;\n  color: var(--color-theme-600);\n  font-size: 13px;\n  line-height: 20px;\n  text-align: left;\n  cursor: pointer;\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-theme-200);\n  }\n`;\n\nexport const StyledPropertyListBranch = styled.span`\n  position: absolute;\n  top: 0;\n  left: 19px;\n  width: 13px;\n  height: 50%;\n  border: 0 solid var(--color-theme-500);\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n  border-bottom-left-radius: 4px;\n  pointer-events: none;\n`;\n\nexport const StyledPropertyListBranchLine = styled.span`\n  position: absolute;\n  top: 50%;\n  bottom: 0;\n  left: 19px;\n  width: 1px;\n  background-color: var(--color-theme-500);\n  pointer-events: none;\n`;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PropertyList/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _PropertyList = require("./PropertyList");
+Object.keys(_PropertyList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PropertyList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PropertyList[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/PropertyList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_PropertyList","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/PropertyList/index.ts"],"sourcesContent":["export * from \"./PropertyList\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/ResizeHandle/ResizeHandle.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResizeHandle = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _excluded = ["label", "edge", "active", "className"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var ResizeHandle = exports.ResizeHandle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var label = _ref.label,
+    _ref$edge = _ref.edge,
+    edge = _ref$edge === void 0 ? "left" : _ref$edge,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledResizeHandle, _extends({
+    role: "separator",
+    "aria-orientation": "vertical",
+    "aria-label": label,
+    tabIndex: 0
+  }, rest, {
+    ref: ref,
+    $edge: edge,
+    className: (0, _classnames.default)("c-resize-handle", className)
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledResizeHandleLine, {
+    $active: active
+  }));
+});
+ResizeHandle.displayName = "ResizeHandle";
+//# sourceMappingURL=ResizeHandle.js.map

package/dist/cjs/components/ResizeHandle/ResizeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeHandle.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ResizeHandle","exports","forwardRef","_ref","ref","label","_ref$edge","edge","_ref$active","active","className","rest","createElement","StyledResizeHandle","role","tabIndex","$edge","classnames","StyledResizeHandleLine","$active","displayName"],"sources":["../../../../src/components/ResizeHandle/ResizeHandle.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledResizeHandle, StyledResizeHandleLine } from \"./Styles\";\n\nexport interface IResizeHandleProps extends HTMLAttributes<HTMLDivElement> {\n  /** The accessible name of the handle. */\n  label: string;\n  /** The edge of its positioned parent the handle stands on. */\n  edge?: \"left\" | \"right\";\n  /** Shows the line, as during a drag. */\n  active?: boolean;\n}\n\nexport const ResizeHandle = forwardRef<HTMLDivElement, IResizeHandleProps>(\n  ({ label, edge = \"left\", active = false, className, ...rest }, ref) => (\n    <StyledResizeHandle\n      role=\"separator\"\n      aria-orientation=\"vertical\"\n      aria-label={label}\n      tabIndex={0}\n      {...rest}\n      ref={ref}\n      $edge={edge}\n      className={classnames(\"c-resize-handle\", className)}\n    >\n      <StyledResizeHandleLine $active={active} />\n    </StyledResizeHandle>\n  )\n);\n\nResizeHandle.displayName = \"ResizeHandle\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ResizeHandle/Styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledResizeHandleLine = exports.StyledResizeHandle = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var StyledResizeHandleLine = exports.StyledResizeHandleLine = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledResizeHandleLine",
+  componentId: "sc-bg73bx-0"
+})(["position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%);background-color:var(--selectable-active);opacity:", ";pointer-events:none;transition:opacity 150ms cubic-bezier(0.4,0,0.2,1);"], function (_ref) {
+  var $active = _ref.$active;
+  return $active ? 1 : 0;
+});
+var StyledResizeHandle = exports.StyledResizeHandle = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledResizeHandle",
+  componentId: "sc-bg73bx-1"
+})(["position:absolute;top:0;bottom:0;", ":0;width:8px;transform:translateX(", ");cursor:col-resize;outline:none;touch-action:none;&:hover ", ",&:focus-visible ", "{opacity:1;}"], function (_ref2) {
+  var $edge = _ref2.$edge;
+  return $edge;
+}, function (_ref3) {
+  var $edge = _ref3.$edge;
+  return $edge === "left" ? "-50%" : "50%";
+}, StyledResizeHandleLine, StyledResizeHandleLine);
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/ResizeHandle/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledResizeHandleLine","exports","styled","span","withConfig","displayName","componentId","_ref","$active","StyledResizeHandle","div","_ref2","$edge","_ref3"],"sources":["../../../../src/components/ResizeHandle/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledResizeHandleLine = styled.span<{ $active: boolean }>`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: 1px;\n  transform: translateX(-50%);\n  background-color: var(--selectable-active);\n  opacity: ${({ $active }) => ($active ? 1 : 0)};\n  pointer-events: none;\n  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);\n`;\n\nexport const StyledResizeHandle = styled.div<{ $edge: \"left\" | \"right\" }>`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  ${({ $edge }) => $edge}: 0;\n  width: 8px;\n  transform: translateX(${({ $edge }) => ($edge === \"left\" ? \"-50%\" : \"50%\")});\n  cursor: col-resize;\n  outline: none;\n  touch-action: none;\n\n  &:hover ${StyledResizeHandleLine}, &:focus-visible ${StyledResizeHandleLine} {\n    opacity: 1;\n  }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,IAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sNAQpC,UAAAC,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAQA,OAAO,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC,CAG9C;AAEM,IAAMC,kBAAkB,GAAAR,OAAA,CAAAQ,kBAAA,GAAGP,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oLAIxC,UAAAK,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OAAOA,KAAK;AAAA,GAEE,UAAAC,KAAA;EAAA,IAAGD,KAAK,GAAAC,KAAA,CAALD,KAAK;EAAA,OAAQA,KAAK,KAAK,MAAM,GAAG,MAAM,GAAG,KAAK;AAAA,CAAC,EAKhEZ,sBAAsB,EAAqBA,sBAAsB,CAG5E","ignoreList":[]}

package/dist/cjs/components/ResizeHandle/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ResizeHandle = require("./ResizeHandle");
+Object.keys(_ResizeHandle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ResizeHandle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ResizeHandle[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ResizeHandle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ResizeHandle","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/ResizeHandle/index.ts"],"sourcesContent":["export * from \"./ResizeHandle\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}