@activecollab/components 2.0.497 → 2.0.499

package/dist/cjs/components/Button/AddToListButton/AddToListButton.js

@@ -7,7 +7,8 @@ exports.AddToListButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["text", "className"];
+var _collection = require("../../Icons/collection");
+var _excluded = ["text", "className", "appearance", "trailing"];
 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); }
@@ -16,7 +17,18 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 var AddToListButton = exports.AddToListButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var text = _ref.text,
     className = _ref.className,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? "pill" : _ref$appearance,
+    trailing = _ref.trailing,
     rest = _objectWithoutProperties(_ref, _excluded);
+  if (appearance === "row") {
+    return /*#__PURE__*/_react.default.createElement(_Styles.StyledAddRow, {
+      className: (0, _classnames.default)("c--add-to-list-row", className)
+    }, /*#__PURE__*/_react.default.createElement(_Styles.StyledAddRowButton, _extends({
+      ref: ref,
+      type: "button"
+    }, rest), /*#__PURE__*/_react.default.createElement(_Styles.StyledAddRowIcon, null, /*#__PURE__*/_react.default.createElement(_collection.AddCrossTinyIcon, null)), text), trailing);
+  }
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledAddToListButton, _extends({
     ref: ref,
     className: (0, _classnames.default)("c--add-to-list-btn", className)

package/dist/cjs/components/Button/AddToListButton/AddToListButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddToListButton.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","AddToListButton","exports","forwardRef","_ref","ref","text","className","rest","createElement","StyledAddToListButton","classnames","StyledAddCrossIcon","StyledText","weight","displayName"],"sources":["../../../../../src/components/Button/AddToListButton/AddToListButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAddCrossIcon,\n  StyledAddToListButton,\n  StyledText,\n} from \"./Styles\";\n\nexport interface IAddToListButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Text to display */\n  text: string;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const AddToListButton = forwardRef<HTMLButtonElement, IAddToListButton>(\n  ({ text, className, ...rest }, ref) => {\n    return (\n      <StyledAddToListButton\n        ref={ref}\n        className={classnames(\"c--add-to-list-btn\", className)}\n        {...rest}\n      >\n        <StyledAddCrossIcon />\n        <StyledText weight=\"medium\">{text}</StyledText>\n      </StyledAddToListButton>\n    );\n  }\n);\n\nAddToListButton.displayName = \"AddToListButton\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AddToListButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_collection","_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","AddToListButton","exports","forwardRef","_ref","ref","text","className","_ref$appearance","appearance","trailing","rest","createElement","StyledAddRow","classnames","StyledAddRowButton","type","StyledAddRowIcon","AddCrossTinyIcon","StyledAddToListButton","StyledAddCrossIcon","StyledText","weight","displayName"],"sources":["../../../../../src/components/Button/AddToListButton/AddToListButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes, ReactNode } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAddCrossIcon,\n  StyledAddRow,\n  StyledAddRowButton,\n  StyledAddRowIcon,\n  StyledAddToListButton,\n  StyledText,\n} from \"./Styles\";\nimport { AddCrossTinyIcon } from \"../../Icons/collection\";\n\nexport interface IAddToListButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Text to display */\n  text: string;\n  /** CSS classes */\n  className?: string;\n  /** \"row\" is the full width last row of a card, with a plain plus. */\n  appearance?: \"pill\" | \"row\";\n  /** Row appearance only: a part at the end of the row, outside the button. */\n  trailing?: ReactNode;\n}\n\nexport const AddToListButton = forwardRef<HTMLButtonElement, IAddToListButton>(\n  ({ text, className, appearance = \"pill\", trailing, ...rest }, ref) => {\n    if (appearance === \"row\") {\n      return (\n        <StyledAddRow className={classnames(\"c--add-to-list-row\", className)}>\n          <StyledAddRowButton ref={ref} type=\"button\" {...rest}>\n            <StyledAddRowIcon>\n              <AddCrossTinyIcon />\n            </StyledAddRowIcon>\n            {text}\n          </StyledAddRowButton>\n          {trailing}\n        </StyledAddRow>\n      );\n    }\n\n    return (\n      <StyledAddToListButton\n        ref={ref}\n        className={classnames(\"c--add-to-list-btn\", className)}\n        {...rest}\n      >\n        <StyledAddCrossIcon />\n        <StyledText weight=\"medium\">{text}</StyledText>\n      </StyledAddToListButton>\n    );\n  }\n);\n\nAddToListButton.displayName = \"AddToListButton\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Button/AddToListButton/Styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledText = exports.StyledAddToListButton = exports.StyledAddCrossIcon = void 0;
+exports.StyledText = exports.StyledAddToListButton = exports.StyledAddRowIcon = exports.StyledAddRowButton = exports.StyledAddRow = exports.StyledAddCrossIcon = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _collection = require("../../Icons/collection");
 var _Typography = require("../../Typography");
@@ -23,4 +23,19 @@ var StyledAddToListButton = exports.StyledAddToListButton = (0, _styledComponent
   componentId: "sc-1fx7urq-2"
 })(["display:flex;justify-content:center;gap:12px;align-items:center;height:32px;padding:4px 16px 4px 4px;position:relative;background:none;border:none;cursor:pointer;&:before{content:\"\";display:block;height:2px;width:0%;position:absolute;left:16px;background:var(--color-primary);transition:ease 0.3s all;border-radius:30px;opacity:0;}&:hover{", "{color:var(--page-paper-main);}&:before{height:32px;width:100%;left:0;opacity:1;}", "{fill:var(--page-paper-main);transform:rotate(90deg);transition:ease 0.3s;}}"], StyledText, StyledAddCrossIcon);
 StyledAddToListButton.displayName = "StyledAddToListButton";
+var StyledAddRow = exports.StyledAddRow = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledAddRow",
+  componentId: "sc-1fx7urq-3"
+})(["display:flex;align-items:center;gap:8px;min-height:40px;padding-right:16px;border-radius:inherit;&:hover,&:focus-within{background-color:var(--color-theme-200);}"]);
+StyledAddRow.displayName = "StyledAddRow";
+var StyledAddRowButton = exports.StyledAddRowButton = _styledComponents.default.button.withConfig({
+  displayName: "Styles__StyledAddRowButton",
+  componentId: "sc-1fx7urq-4"
+})(["display:flex;flex:1;align-items:center;gap:8px;min-width:0;height:40px;padding:0 0 0 16px;border:0;border-radius:inherit;background:transparent;color:var(--color-primary);font-family:inherit;font-size:16px;line-height:24px;text-align:left;cursor:pointer;"]);
+StyledAddRowButton.displayName = "StyledAddRowButton";
+var StyledAddRowIcon = exports.StyledAddRowIcon = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledAddRowIcon",
+  componentId: "sc-1fx7urq-5"
+})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;svg{fill:var(--color-primary);}"]);
+StyledAddRowIcon.displayName = "StyledAddRowIcon";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Button/AddToListButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_collection","_Typography","e","__esModule","default","StyledText","exports","styled","Body2","withConfig","displayName","componentId","StyledAddCrossIcon","AddCrossIcon","StyledAddToListButton"],"sources":["../../../../../src/components/Button/AddToListButton/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { AddCrossIcon } from \"../../Icons/collection\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledText = styled(Body2)`\n  transition: ease 0.3s all;\n  color: var(--color-primary);\n  position: relative;\n`;\n\nStyledText.displayName = \"StyledText\";\n\nexport const StyledAddCrossIcon = styled(AddCrossIcon)`\n  fill: var(--page-paper-main);\n  background: var(--color-primary);\n  border-radius: 30px;\n  padding: 7px;\n  box-sizing: content-box;\n`;\nStyledAddCrossIcon.displayName = \"StyledAddCrossIcon\";\n\nexport const StyledAddToListButton = styled(\"button\")`\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  align-items: center;\n  height: 32px;\n  padding: 4px 16px 4px 4px;\n  position: relative;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:before {\n    content: \"\";\n    display: block;\n    height: 2px;\n    width: 0%;\n    position: absolute;\n    left: 16px;\n    background: var(--color-primary);\n    transition: ease 0.3s all;\n    border-radius: 30px;\n    opacity: 0;\n  }\n\n  &:hover {\n    ${StyledText} {\n      color: var(--page-paper-main);\n    }\n\n    &:before {\n      height: 32px;\n      width: 100%;\n      left: 0;\n      opacity: 1;\n    }\n\n    ${StyledAddCrossIcon} {\n      fill: var(--page-paper-main);\n      transform: rotate(90deg);\n      transition: ease 0.3s;\n    }\n  }\n`;\n\nStyledAddToListButton.displayName = \"StyledAddToListButton\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElC,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,iBAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAItC;AAEDN,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,IAAME,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,yBAAM,EAACM,wBAAY,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HAMrD;AACDC,kBAAkB,CAACF,WAAW,GAAG,oBAAoB;AAE9C,IAAMI,qBAAqB,GAAAR,OAAA,CAAAQ,qBAAA,GAAG,IAAAP,yBAAM,EAAC,QAAQ,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mgBA0B/CN,UAAU,EAWVO,kBAAkB,CAMvB;AAEDE,qBAAqB,CAACJ,WAAW,GAAG,uBAAuB","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_collection","_Typography","e","__esModule","default","StyledText","exports","styled","Body2","withConfig","displayName","componentId","StyledAddCrossIcon","AddCrossIcon","StyledAddToListButton","StyledAddRow","div","StyledAddRowButton","button","StyledAddRowIcon","span"],"sources":["../../../../../src/components/Button/AddToListButton/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { AddCrossIcon } from \"../../Icons/collection\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledText = styled(Body2)`\n  transition: ease 0.3s all;\n  color: var(--color-primary);\n  position: relative;\n`;\n\nStyledText.displayName = \"StyledText\";\n\nexport const StyledAddCrossIcon = styled(AddCrossIcon)`\n  fill: var(--page-paper-main);\n  background: var(--color-primary);\n  border-radius: 30px;\n  padding: 7px;\n  box-sizing: content-box;\n`;\nStyledAddCrossIcon.displayName = \"StyledAddCrossIcon\";\n\nexport const StyledAddToListButton = styled(\"button\")`\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  align-items: center;\n  height: 32px;\n  padding: 4px 16px 4px 4px;\n  position: relative;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:before {\n    content: \"\";\n    display: block;\n    height: 2px;\n    width: 0%;\n    position: absolute;\n    left: 16px;\n    background: var(--color-primary);\n    transition: ease 0.3s all;\n    border-radius: 30px;\n    opacity: 0;\n  }\n\n  &:hover {\n    ${StyledText} {\n      color: var(--page-paper-main);\n    }\n\n    &:before {\n      height: 32px;\n      width: 100%;\n      left: 0;\n      opacity: 1;\n    }\n\n    ${StyledAddCrossIcon} {\n      fill: var(--page-paper-main);\n      transform: rotate(90deg);\n      transition: ease 0.3s;\n    }\n  }\n`;\n\nStyledAddToListButton.displayName = \"StyledAddToListButton\";\n\nexport const StyledAddRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 40px;\n  padding-right: 16px;\n  border-radius: inherit;\n\n  &:hover,\n  &:focus-within {\n    background-color: var(--color-theme-200);\n  }\n`;\n\nStyledAddRow.displayName = \"StyledAddRow\";\n\nexport const StyledAddRowButton = styled.button`\n  display: flex;\n  flex: 1;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  height: 40px;\n  padding: 0 0 0 16px;\n  border: 0;\n  border-radius: inherit;\n  background: transparent;\n  color: var(--color-primary);\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 24px;\n  text-align: left;\n  cursor: pointer;\n`;\n\nStyledAddRowButton.displayName = \"StyledAddRowButton\";\n\nexport const StyledAddRowIcon = styled.span`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n\n  svg {\n    fill: var(--color-primary);\n  }\n`;\n\nStyledAddRowIcon.displayName = \"StyledAddRowIcon\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElC,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,iBAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAItC;AAEDN,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,IAAME,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,yBAAM,EAACM,wBAAY,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HAMrD;AACDC,kBAAkB,CAACF,WAAW,GAAG,oBAAoB;AAE9C,IAAMI,qBAAqB,GAAAR,OAAA,CAAAQ,qBAAA,GAAG,IAAAP,yBAAM,EAAC,QAAQ,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mgBA0B/CN,UAAU,EAWVO,kBAAkB,CAMvB;AAEDE,qBAAqB,CAACJ,WAAW,GAAG,uBAAuB;AAEpD,IAAMK,YAAY,GAAAT,OAAA,CAAAS,YAAA,GAAGR,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yKAYrC;AAEDI,YAAY,CAACL,WAAW,GAAG,cAAc;AAElC,IAAMO,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAGV,yBAAM,CAACW,MAAM,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sQAiB9C;AAEDM,kBAAkB,CAACP,WAAW,GAAG,oBAAoB;AAE9C,IAAMS,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAGZ,yBAAM,CAACa,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uHAU1C;AAEDQ,gBAAgB,CAACT,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/components/ButtonGroup/ButtonGroup.js

@@ -7,7 +7,7 @@ exports.ButtonGroup = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["children", "className", "invalid"];
+var _excluded = ["children", "className", "invalid", "appearance"];
 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); }
@@ -17,11 +17,14 @@ var ButtonGroup = exports.ButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(func
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? "default" : _ref$appearance,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledButtonGroup, _extends({
     ref: ref,
     className: (0, _classnames.default)("c-btn-group", className),
-    $invalid: invalid
+    $invalid: invalid,
+    $raised: appearance === "raised"
   }, rest), children);
 });
 ButtonGroup.displayName = "ButtonGroup";

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.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","ButtonGroup","exports","forwardRef","_ref","ref","children","className","invalid","rest","createElement","StyledButtonGroup","classNames","$invalid","displayName"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & { invalid?: boolean }\n>(({ children, className, invalid, ...rest }, ref) => (\n  <StyledButtonGroup\n    ref={ref}\n    className={classNames(\"c-btn-group\", className)}\n    $invalid={invalid}\n    {...rest}\n  >\n    {children}\n  </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ButtonGroup.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","ButtonGroup","exports","forwardRef","_ref","ref","children","className","invalid","_ref$appearance","appearance","rest","createElement","StyledButtonGroup","classNames","$invalid","$raised","displayName"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & {\n    invalid?: boolean;\n    /** \"raised\" joins its buttons in one raised box with a line between them. */\n    appearance?: \"default\" | \"raised\";\n  }\n>(({ children, className, invalid, appearance = \"default\", ...rest }, ref) => (\n  <StyledButtonGroup\n    ref={ref}\n    className={classNames(\"c-btn-group\", className)}\n    $invalid={invalid}\n    $raised={appearance === \"raised\"}\n    {...rest}\n  >\n    {children}\n  </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,13 +8,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
 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 StyledButtonGroup = exports.StyledButtonGroup = _styledComponents.default.div.withConfig({
-  displayName: "Styles__StyledButtonGroup",
-  componentId: "sc-1vw4iq2-0"
-})(["", " ", " ", " button{&:disabled{opacity:1;color:var(--color-theme-500);pointer-events:none;}&:first-child:not(:last-child){svg{margin-right:-4px;}", " ", "}&:last-child:not(:first-child){svg{margin-left:-4px;}", " ", "}&:not(:first-child):not(:last-child){", " ", "}}svg{", "}"], {
-  "display": "flex",
-  "flexDirection": "row"
-}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+var joined = (0, _styledComponents.css)(["button{&:disabled{opacity:1;color:var(--color-theme-500);pointer-events:none;}&:first-child:not(:last-child){svg{margin-right:-4px;}", " ", "}&:last-child:not(:first-child){svg{margin-left:-4px;}", " ", "}&:not(:first-child):not(:last-child){", " ", "}}svg{", "}"], {
   "marginRight": "-1px",
   "borderTopRightRadius": "0px",
   "borderBottomRightRadius": "0px"
@@ -34,5 +28,15 @@ var StyledButtonGroup = exports.StyledButtonGroup = _styledComponents.default.di
   "fill": "currentColor",
   "color": "var(--color-theme-900)"
 });
+var raised = (0, _styledComponents.css)(["display:inline-flex;align-items:stretch;overflow:hidden;border:1px solid var(--border-raised);border-radius:12px;background-color:var(--surface-raised);box-shadow:var(--shadow-float);&:empty{display:none;}> * + *{border-left:1px solid var(--border-raised);}button{display:inline-flex;flex-shrink:0;align-items:center;gap:10px;height:36px;padding:0 16px 0 12px;border-top:0;border-right:0;border-bottom:0;border-radius:0;background-color:transparent;box-shadow:none;color:var(--color-theme-700);font-family:inherit;letter-spacing:inherit;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;&:hover,&:focus-visible{background-color:var(--color-theme-200);}svg{width:16px;height:16px;fill:var(--color-theme-700);}}> button:first-child{border-left:0;}"]);
+var StyledButtonGroup = exports.StyledButtonGroup = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledButtonGroup",
+  componentId: "sc-1vw4iq2-0"
+})(["", " ", " ", " ", ""], {
+  "display": "flex",
+  "flexDirection": "row"
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
+  return props.$raised ? raised : joined;
+});
 StyledButtonGroup.displayName = "StyledButtonGroup";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledButtonGroup","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$invalid","css"],"sources":["../../../../src/components/ButtonGroup/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledButtonGroup = styled.div<{ $invalid?: boolean }>`\n  ${tw`tw-flex tw-flex-row`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button {\n    &:disabled {\n      opacity: 1;\n      color: var(--color-theme-500);\n      pointer-events: none;\n    }\n\n    &:first-child:not(:last-child) {\n      svg {\n        margin-right: -4px;\n      }\n      ${tw`tw--mr-px tw-rounded-r-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n          border-left-color: var(--red-alert) !important;\n        `}\n    }\n\n    &:last-child:not(:first-child) {\n      svg {\n        margin-left: -4px;\n      }\n      ${tw`tw-rounded-l-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n          border-right-color: var(--red-alert) !important;\n        `}\n    }\n\n    &:not(:first-child):not(:last-child) {\n      ${tw`tw--mr-px tw-rounded-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n        `}\n    }\n  }\n\n  svg {\n    ${tw`tw-text-theme-900 tw-fill-current`}\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,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;AAElC,IAAMmB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8RACrC;EAAA;EAAA;AAAoB,CAAC,EACvBC,oBAAS,EACTC,8BAAc,EAaR;EAAA;EAAA;EAAA;AAA4B,CAAC,EAC/B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,kJAIF;AAAA,GAOC;EAAA;EAAA;AAAkB,CAAC,EACrB,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,mJAIF;AAAA,GAIC;EAAA;EAAA;AAA0B,CAAC,EAC7B,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,oGAGF;AAAA,GAKD;EAAA;EAAA;AAAkC,CAAC,CAE1C;AAEDX,iBAAiB,CAACK,WAAW,GAAG,mBAAmB","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","joined","css","props","$invalid","raised","StyledButtonGroup","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","$raised"],"sources":["../../../../src/components/ButtonGroup/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nconst joined = css<{ $invalid?: boolean }>`\n  button {\n    &:disabled {\n      opacity: 1;\n      color: var(--color-theme-500);\n      pointer-events: none;\n    }\n\n    &:first-child:not(:last-child) {\n      svg {\n        margin-right: -4px;\n      }\n      ${tw`tw--mr-px tw-rounded-r-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n          border-left-color: var(--red-alert) !important;\n        `}\n    }\n\n    &:last-child:not(:first-child) {\n      svg {\n        margin-left: -4px;\n      }\n      ${tw`tw-rounded-l-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n          border-right-color: var(--red-alert) !important;\n        `}\n    }\n\n    &:not(:first-child):not(:last-child) {\n      ${tw`tw--mr-px tw-rounded-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n        `}\n    }\n  }\n\n  svg {\n    ${tw`tw-text-theme-900 tw-fill-current`}\n  }\n`;\n\nconst raised = css`\n  display: inline-flex;\n  align-items: stretch;\n  overflow: hidden;\n  border: 1px solid var(--border-raised);\n  border-radius: 12px;\n  background-color: var(--surface-raised);\n  box-shadow: var(--shadow-float);\n\n  &:empty {\n    display: none;\n  }\n\n  > * + * {\n    border-left: 1px solid var(--border-raised);\n  }\n\n  button {\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    gap: 10px;\n    height: 36px;\n    padding: 0 16px 0 12px;\n    border-top: 0;\n    border-right: 0;\n    border-bottom: 0;\n    border-radius: 0;\n    background-color: transparent;\n    box-shadow: none;\n    color: var(--color-theme-700);\n    font-family: inherit;\n    letter-spacing: inherit;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    cursor: pointer;\n\n    &:hover,\n    &:focus-visible {\n      background-color: var(--color-theme-200);\n    }\n\n    svg {\n      width: 16px;\n      height: 16px;\n      fill: var(--color-theme-700);\n    }\n  }\n\n  > button:first-child {\n    border-left: 0;\n  }\n`;\n\nexport const StyledButtonGroup = styled.div<{\n  $invalid?: boolean;\n  $raised?: boolean;\n}>`\n  ${tw`tw-flex tw-flex-row`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) => (props.$raised ? raised : joined)}\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,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;AAEzC,IAAMmB,MAAM,OAAGC,qBAAG,8QAYR;EAAA;EAAA;EAAA;AAA4B,CAAC,EAC/B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdF,qBAAG,kJAIF;AAAA,GAOC;EAAA;EAAA;AAAkB,CAAC,EACrB,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdF,qBAAG,mJAIF;AAAA,GAIC;EAAA;EAAA;AAA0B,CAAC,EAC7B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdF,qBAAG,oGAGF;AAAA,GAKD;EAAA;EAAA;AAAkC,CAAC,CAE1C;AAED,IAAMG,MAAM,OAAGH,qBAAG,6vBAqDjB;AAEM,IAAMI,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAIrC;EAAA;EAAA;AAAoB,CAAC,EACvBC,oBAAS,EACTC,8BAAc,EAEd,UAACX,KAAK;EAAA,OAAMA,KAAK,CAACY,OAAO,GAAGV,MAAM,GAAGJ,MAAM;AAAA,CAAC,CAC/C;AAEDK,iBAAiB,CAACK,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/cjs/components/Card/Card.js

@@ -7,7 +7,7 @@ exports.Card = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["children", "className", "hoverable", "variant", "onClick"];
+var _excluded = ["children", "className", "hoverable", "variant", "radius", "shadow", "onClick"];
 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); }
@@ -20,10 +20,17 @@ var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "paper-2" : _ref$variant,
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 20 : _ref$radius,
+    _ref$shadow = _ref.shadow,
+    shadow = _ref$shadow === void 0 ? true : _ref$shadow,
     onClick = _ref.onClick,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledCard, _extends({}, rest, {
-    type: variant,
+    type: variant === "raised" ? "tile-2" : variant,
+    $raised: variant === "raised",
+    $radius: radius,
+    $shadow: shadow,
     className: (0, _classnames.default)("c-card", className),
     hover: hoverable,
     $pointer: typeof onClick === "function",

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

@@ -1 +1 @@
-{"version":3,"file":"Card.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","Card","exports","forwardRef","_ref","ref","children","className","_ref$hoverable","hoverable","_ref$variant","variant","onClick","rest","createElement","StyledCard","type","classnames","hover","$pointer","useOptimizedShadow","displayName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n  /** Choose if card should be hoverable or not */\n  hoverable?: boolean;\n  /** Set the type of the Paper */\n  variant?: \"paper-1\" | \"paper-2\" | \"tile-1\" | \"tile-2\";\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      variant = \"paper-2\",\n      onClick,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={variant}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        $pointer={typeof onClick === \"function\"}\n        onClick={onClick}\n        useOptimizedShadow\n        ref={ref}\n      >\n        {children}\n      </StyledCard>\n    );\n  }\n);\n\nCard.displayName = \"Card\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Card.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","Card","exports","forwardRef","_ref","ref","children","className","_ref$hoverable","hoverable","_ref$variant","variant","_ref$radius","radius","_ref$shadow","shadow","onClick","rest","createElement","StyledCard","type","$raised","$radius","$shadow","classnames","hover","$pointer","useOptimizedShadow","displayName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n  /** Choose if card should be hoverable or not */\n  hoverable?: boolean;\n  /** Set the type of the Paper */\n  variant?: \"paper-1\" | \"paper-2\" | \"tile-1\" | \"tile-2\" | \"raised\";\n  /** Raised variant only: the corner radius in pixels. */\n  radius?: number;\n  /** Raised variant only: set to false for a card with no shadow. */\n  shadow?: boolean;\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      variant = \"paper-2\",\n      radius = 20,\n      shadow = true,\n      onClick,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={variant === \"raised\" ? \"tile-2\" : variant}\n        $raised={variant === \"raised\"}\n        $radius={radius}\n        $shadow={shadow}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        $pointer={typeof onClick === \"function\"}\n        onClick={onClick}\n        useOptimizedShadow\n        ref={ref}\n      >\n        {children}\n      </StyledCard>\n    );\n  }\n);\n\nCard.displayName = \"Card\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,11 +10,16 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var StyledCard = exports.StyledCard = (0, _styledComponents.default)(_Paper.Paper).withConfig({
   displayName: "Styles__StyledCard",
   componentId: "sc-hllbj1-0"
-})(["", " ", ""], {
+})(["", " ", " ", ""], {
   "color": "var(--color-theme-900)"
 }, function (_ref) {
   var $pointer = _ref.$pointer;
   return $pointer && (0, _styledComponents.css)(["cursor:pointer;"]);
+}, function (_ref2) {
+  var $raised = _ref2.$raised,
+    $radius = _ref2.$radius,
+    $shadow = _ref2.$shadow;
+  return $raised && (0, _styledComponents.css)(["&&{border:1px solid var(--border-raised);border-radius:", "px;background-color:var(--surface-raised);box-shadow:", ";}&&:hover{background-color:var(--surface-raised);}"], $radius, $shadow ? "var(--shadow-float)" : "none");
 });
 StyledCard.displayName = "StyledCard";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Paper","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledCard","exports","styled","Paper","withConfig","displayName","componentId","_ref","$pointer","css"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Paper } from \"../Paper\";\n\ninterface StyledCardProps {\n  $pointer?: boolean;\n}\n\nexport const StyledCard = styled(Paper)<StyledCardProps>`\n  ${tw`tw-text-theme-900`}\n\n  ${({ $pointer }) =>\n    $pointer &&\n    css`\n      cursor: pointer;\n    `}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAAiC,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;AAM1B,IAAMmB,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,YAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjC;EAAA;AAAkB,CAAC,EAErB,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,QACRC,qBAAG,sBAEF;AAAA,EACJ;AAEDT,UAAU,CAACK,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Paper","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledCard","exports","styled","Paper","withConfig","displayName","componentId","_ref","$pointer","css","_ref2","$raised","$radius","$shadow"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Paper } from \"../Paper\";\n\ninterface StyledCardProps {\n  $pointer?: boolean;\n  $raised?: boolean;\n  $radius?: number;\n  $shadow?: boolean;\n}\n\nexport const StyledCard = styled(Paper)<StyledCardProps>`\n  ${tw`tw-text-theme-900`}\n\n  ${({ $pointer }) =>\n    $pointer &&\n    css`\n      cursor: pointer;\n    `}\n\n  ${({ $raised, $radius, $shadow }) =>\n    $raised &&\n    css`\n      && {\n        border: 1px solid var(--border-raised);\n        border-radius: ${$radius}px;\n        background-color: var(--surface-raised);\n        box-shadow: ${$shadow ? \"var(--shadow-float)\" : \"none\"};\n      }\n\n      &&:hover {\n        background-color: var(--surface-raised);\n      }\n    `}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAAiC,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;AAS1B,IAAMmB,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,YAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACjC;EAAA;AAAkB,CAAC,EAErB,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,QACRC,qBAAG,sBAEF;AAAA,GAED,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;IAAEC,OAAO,GAAAF,KAAA,CAAPE,OAAO;IAAEC,OAAO,GAAAH,KAAA,CAAPG,OAAO;EAAA,OAC5BF,OAAO,QACPF,qBAAG,+KAGkBG,OAAO,EAEVC,OAAO,GAAG,qBAAqB,GAAG,MAAM,CAMzD;AAAA,EACJ;AAEDb,UAAU,CAACK,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/cjs/components/Chip/Chip.js

@@ -7,17 +7,26 @@ exports.Chip = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Styles = require("./Styles");
 var _Typography = require("../Typography/Typography");
-var _excluded = ["startAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "typographyProps"];
+var _excluded = ["startAdornment", "label", "onClose", "size", "shape", "tone", "tint", "uppercase", "closeMode", "color", "backgroundColor", "closeClassName", "typographyProps"];
 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 Chip = exports.Chip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var _ref2;
   var startAdornment = _ref.startAdornment,
     label = _ref.label,
     onClose = _ref.onClose,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "regular" : _ref$size,
+    _ref$shape = _ref.shape,
+    shape = _ref$shape === void 0 ? "rounded" : _ref$shape,
+    tone = _ref.tone,
+    tint = _ref.tint,
+    _ref$uppercase = _ref.uppercase,
+    uppercase = _ref$uppercase === void 0 ? false : _ref$uppercase,
+    _ref$closeMode = _ref.closeMode,
+    closeMode = _ref$closeMode === void 0 ? "inline" : _ref$closeMode,
     color = _ref.color,
     backgroundColor = _ref.backgroundColor,
     closeClassName = _ref.closeClassName,
@@ -34,23 +43,29 @@ var Chip = exports.Chip = /*#__PURE__*/_react.default.forwardRef(function (_ref,
         return "Caption 1";
     }
   }, [size]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.ChipContainer, _extends({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(_Styles.ChipContainer, _extends({
+    "data-testid": "chip-container"
+  }, rest, {
     ref: ref,
     size: size,
-    showClose: showClose,
+    showClose: showClose && closeMode === "inline",
     color: color,
     backgroundColor: backgroundColor,
-    "data-testid": "chip-container"
+    $shape: shape,
+    $tone: tone,
+    $tint: tint,
+    $closeMode: closeMode
   }), startAdornment, /*#__PURE__*/_react.default.createElement(_Typography.Typography, _extends({
     variant: variant,
     "data-testid": "chip-typography",
-    weight: size === "biggest" ? "medium" : "regular"
+    weight: size === "biggest" ? "medium" : "regular",
+    transform: uppercase ? "uppercase" : undefined
   }, typographyProps), label), showClose ? /*#__PURE__*/_react.default.createElement(_Styles.ChipTrigger, {
     size: size,
     onClick: onClose,
     className: closeClassName
   }, /*#__PURE__*/_react.default.createElement(_Styles.ChipCloseIcon, {
-    fill: color ? color : "currentColor"
+    fill: (_ref2 = tint !== null && tint !== void 0 ? tint : color) !== null && _ref2 !== void 0 ? _ref2 : "currentColor"
   })) : null);
 });
 Chip.displayName = "Chip";

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":["_react","_interopRequireWildcard","require","_Styles","_Typography","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","Chip","exports","React","forwardRef","_ref","ref","startAdornment","label","onClose","_ref$size","size","color","backgroundColor","closeClassName","typographyProps","rest","showClose","variant","useMemo","createElement","ChipContainer","Typography","weight","ChipTrigger","onClick","className","ChipCloseIcon","fill","displayName"],"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\n\nimport { ChipCloseIcon, ChipContainer, ChipTrigger } from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { Typography, ITypographyProps } from \"../Typography/Typography\";\n\nexport interface ChipProps {\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  startAdornment?: ReactNode;\n  size?: InputSize;\n  color?: string;\n  backgroundColor?: string;\n  closeClassName?: string;\n  typographyProps?: ITypographyProps;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(\n  (\n    {\n      startAdornment,\n      label,\n      onClose,\n      size = \"regular\",\n      color,\n      backgroundColor,\n      closeClassName,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const showClose = typeof onClose === \"function\";\n    const variant = useMemo(() => {\n      switch (size) {\n        case \"big\":\n          return \"Body 1\";\n        case \"biggest\":\n          return \"Body 1\";\n        default:\n          return \"Caption 1\";\n      }\n    }, [size]);\n\n    return (\n      <ChipContainer\n        {...rest}\n        ref={ref}\n        size={size}\n        showClose={showClose}\n        color={color}\n        backgroundColor={backgroundColor}\n        data-testid=\"chip-container\"\n      >\n        {startAdornment}\n        <Typography\n          variant={variant}\n          data-testid=\"chip-typography\"\n          weight={size === \"biggest\" ? \"medium\" : \"regular\"}\n          {...typographyProps}\n        >\n          {label}\n        </Typography>\n        {showClose ? (\n          <ChipTrigger size={size} onClick={onClose} className={closeClassName}>\n            <ChipCloseIcon fill={color ? color : \"currentColor\"} />\n          </ChipTrigger>\n        ) : null}\n      </ChipContainer>\n    );\n  }\n);\n\nChip.displayName = \"Chip\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Chip.js","names":["_react","_interopRequireWildcard","require","_Styles","_Typography","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","Chip","exports","React","forwardRef","_ref","ref","_ref2","startAdornment","label","onClose","_ref$size","size","_ref$shape","shape","tone","tint","_ref$uppercase","uppercase","_ref$closeMode","closeMode","color","backgroundColor","closeClassName","typographyProps","rest","showClose","variant","useMemo","createElement","ChipContainer","$shape","$tone","$tint","$closeMode","Typography","weight","transform","undefined","ChipTrigger","onClick","className","ChipCloseIcon","fill","displayName"],"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\n\nimport { ChipCloseIcon, ChipContainer, ChipTrigger } from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { Typography, ITypographyProps } from \"../Typography/Typography\";\n\nexport type ChipSize = InputSize | \"tiny\" | \"compact\";\nexport type ChipShape = \"rounded\" | \"soft\" | \"pill\";\nexport type ChipTone =\n  | \"neutral\"\n  | \"muted\"\n  | \"info\"\n  | \"primary\"\n  | \"bordered\"\n  | \"warning\"\n  | \"alert\"\n  | \"success\";\n\nexport interface ChipProps {\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  startAdornment?: ReactNode;\n  size?: ChipSize;\n  /** Corner shape: 4px, 6px or a full pill. */\n  shape?: ChipShape;\n  /** A semantic surface and text color from the theme. */\n  tone?: ChipTone;\n  /** A data color: the text takes it and the background is its 13% tint. */\n  tint?: string;\n  uppercase?: boolean;\n  /** \"overlay\" draws the close button over the end of the label, on hover and focus. */\n  closeMode?: \"inline\" | \"overlay\";\n  color?: string;\n  backgroundColor?: string;\n  closeClassName?: string;\n  typographyProps?: ITypographyProps;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(\n  (\n    {\n      startAdornment,\n      label,\n      onClose,\n      size = \"regular\",\n      shape = \"rounded\",\n      tone,\n      tint,\n      uppercase = false,\n      closeMode = \"inline\",\n      color,\n      backgroundColor,\n      closeClassName,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const showClose = typeof onClose === \"function\";\n    const variant = useMemo(() => {\n      switch (size) {\n        case \"big\":\n          return \"Body 1\";\n        case \"biggest\":\n          return \"Body 1\";\n        default:\n          return \"Caption 1\";\n      }\n    }, [size]);\n\n    return (\n      <ChipContainer\n        data-testid=\"chip-container\"\n        {...rest}\n        ref={ref}\n        size={size}\n        showClose={showClose && closeMode === \"inline\"}\n        color={color}\n        backgroundColor={backgroundColor}\n        $shape={shape}\n        $tone={tone}\n        $tint={tint}\n        $closeMode={closeMode}\n      >\n        {startAdornment}\n        <Typography\n          variant={variant}\n          data-testid=\"chip-typography\"\n          weight={size === \"biggest\" ? \"medium\" : \"regular\"}\n          transform={uppercase ? \"uppercase\" : undefined}\n          {...typographyProps}\n        >\n          {label}\n        </Typography>\n        {showClose ? (\n          <ChipTrigger size={size} onClick={onClose} className={closeClassName}>\n            <ChipCloseIcon fill={tint ?? color ?? \"currentColor\"} />\n          </ChipTrigger>\n        ) : null}\n      </ChipContainer>\n    );\n  }\n);\n\nChip.displayName = \"Chip\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Chip/ChipGroup.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChipGroup = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ChipGroupStyles = require("./ChipGroupStyles");
+var _excluded = ["joined", "children"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 ChipGroup = exports.ChipGroup = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var _ref$joined = _ref.joined,
+    joined = _ref$joined === void 0 ? false : _ref$joined,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ChipGroupStyles.StyledChipGroup, _extends({
+    "data-testid": "chip-group"
+  }, rest, {
+    ref: ref,
+    $joined: joined
+  }), children);
+});
+ChipGroup.displayName = "ChipGroup";
+//# sourceMappingURL=ChipGroup.js.map

package/dist/cjs/components/Chip/ChipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.js","names":["_react","_interopRequireDefault","require","_ChipGroupStyles","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ChipGroup","exports","React","forwardRef","_ref","ref","_ref$joined","joined","children","rest","createElement","StyledChipGroup","$joined","displayName"],"sources":["../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { StyledChipGroup } from \"./ChipGroupStyles\";\n\nexport interface ChipGroupProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  /** The chips touch, 1px apart, and the group rounds the outer corners. */\n  joined?: boolean;\n}\n\nexport const ChipGroup = React.forwardRef<HTMLDivElement, ChipGroupProps>(\n  ({ joined = false, children, ...rest }, ref) => (\n    <StyledChipGroup\n      data-testid=\"chip-group\"\n      {...rest}\n      ref={ref}\n      $joined={joined}\n    >\n      {children}\n    </StyledChipGroup>\n  )\n);\n\nChipGroup.displayName = \"ChipGroup\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAAoD,IAAAE,SAAA;AAAA,SAAAH,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,yBAAAf,CAAA,EAAAU,CAAA,gBAAAV,CAAA,iBAAAgB,CAAA,EAAAL,CAAA,EAAAM,CAAA,GAAAC,6BAAA,CAAAlB,CAAA,EAAAU,CAAA,OAAAN,MAAA,CAAAe,qBAAA,QAAAZ,CAAA,GAAAH,MAAA,CAAAe,qBAAA,CAAAnB,CAAA,QAAAW,CAAA,MAAAA,CAAA,GAAAJ,CAAA,CAAAE,MAAA,EAAAE,CAAA,IAAAK,CAAA,GAAAT,CAAA,CAAAI,CAAA,UAAAD,CAAA,CAAAU,OAAA,CAAAJ,CAAA,QAAAK,oBAAA,CAAAR,IAAA,CAAAb,CAAA,EAAAgB,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAhB,CAAA,CAAAgB,CAAA,aAAAC,CAAA;AAAA,SAAAC,8BAAAP,CAAA,EAAAX,CAAA,gBAAAW,CAAA,iBAAAD,CAAA,gBAAAH,CAAA,IAAAI,CAAA,SAAAC,cAAA,CAAAC,IAAA,CAAAF,CAAA,EAAAJ,CAAA,gBAAAP,CAAA,CAAAoB,OAAA,CAAAb,CAAA,aAAAG,CAAA,CAAAH,CAAA,IAAAI,CAAA,CAAAJ,CAAA,YAAAG,CAAA;AAO7C,IAAMY,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAGE,cAAK,CAACC,UAAU,CACvC,UAAAC,IAAA,EAAwCC,GAAG;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAxCG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAKC,IAAI,GAAAhB,wBAAA,CAAAW,IAAA,EAAA3B,SAAA;EAAA,oBAClCJ,MAAA,CAAAO,OAAA,CAAA8B,aAAA,CAAClC,gBAAA,CAAAmC,eAAe,EAAA9B,QAAA;IACd,eAAY;EAAY,GACpB4B,IAAI;IACRJ,GAAG,EAAEA,GAAI;IACTO,OAAO,EAAEL;EAAO,IAEfC,QACc,CAAC;AAAA,CAEtB,CAAC;AAEDR,SAAS,CAACa,WAAW,GAAG,WAAW","ignoreList":[]}

package/dist/cjs/components/Chip/ChipGroupStyles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledChipGroup = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Styles = require("./Styles");
+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 StyledChipGroup = exports.StyledChipGroup = _styledComponents.default.div.withConfig({
+  displayName: "ChipGroupStyles__StyledChipGroup",
+  componentId: "sc-1wgqzaj-0"
+})(["display:flex;align-items:center;min-width:0;", ""], function (props) {
+  return props.$joined ? (0, _styledComponents.css)(["gap:1px;overflow:hidden;border-radius:9999px;", "{min-width:0;max-width:none;border-radius:0;padding-left:0.5rem;padding-right:0.5rem;}"], _Styles.ChipContainer) : (0, _styledComponents.css)(["flex-wrap:wrap;gap:0.375rem;"]);
+});
+StyledChipGroup.displayName = "StyledChipGroup";
+//# sourceMappingURL=ChipGroupStyles.js.map

package/dist/cjs/components/Chip/ChipGroupStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroupStyles.js","names":["_styledComponents","_interopRequireWildcard","require","_Styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledChipGroup","exports","styled","div","withConfig","displayName","componentId","props","$joined","css","ChipContainer"],"sources":["../../../../src/components/Chip/ChipGroupStyles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ChipContainer } from \"./Styles\";\n\nexport const StyledChipGroup = styled.div<{ $joined: boolean }>`\n  display: flex;\n  align-items: center;\n  min-width: 0;\n\n  ${(props) =>\n    props.$joined\n      ? css`\n          gap: 1px;\n          overflow: hidden;\n          border-radius: 9999px;\n\n          ${ChipContainer} {\n            min-width: 0;\n            max-width: none;\n            border-radius: 0;\n            padding-left: 0.5rem;\n            padding-right: 0.5rem;\n          }\n        `\n      : css`\n          flex-wrap: wrap;\n          gap: 0.375rem;\n        `}\n`;\n\nStyledChipGroup.displayName = \"StyledChipGroup\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAyC,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;AAElC,IAAMmB,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yDAKrC,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,OACTC,qBAAG,+IAKCC,qBAAa,QAQjBD,qBAAG,mCAGF;AAAA,EACR;AAEDT,eAAe,CAACK,WAAW,GAAG,iBAAiB","ignoreList":[]}