@activecollab/components 2.0.498 → 2.0.500

package/dist/cjs/components/Section/Section.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Section = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _Card = require("../Card");
+var _excluded = ["title", "counter", "actions", "card", "className", "children"];
+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 Section = exports.Section = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var title = _ref.title,
+    counter = _ref.counter,
+    actions = _ref.actions,
+    _ref$card = _ref.card,
+    card = _ref$card === void 0 ? false : _ref$card,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var titleId = (0, _react.useId)();
+  var hasCounter = counter !== undefined && counter !== null;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSection, _extends({}, rest, {
+    ref: ref,
+    "aria-labelledby": title ? titleId : undefined,
+    className: (0, _classnames.default)("c-section", className)
+  }), title ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSectionHeader, {
+    className: "c-section__header"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledSectionTitle, {
+    id: titleId
+  }, title), hasCounter ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSectionCounter, {
+    className: "c-section__counter"
+  }, counter) : null, actions ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSectionActions, {
+    className: "c-section__actions"
+  }, actions) : null) : null, card ? /*#__PURE__*/_react.default.createElement(_Card.Card, {
+    variant: "raised",
+    radius: 24,
+    className: "c-section__body"
+  }, children) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "c-section__body"
+  }, children));
+});
+Section.displayName = "Section";
+//# sourceMappingURL=Section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Card","_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","Section","exports","forwardRef","_ref","ref","title","counter","actions","_ref$card","card","className","children","rest","titleId","useId","hasCounter","undefined","createElement","StyledSection","classnames","StyledSectionHeader","StyledSectionTitle","id","StyledSectionCounter","StyledSectionActions","Card","variant","radius","displayName"],"sources":["../../../../src/components/Section/Section.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef, useId } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledSection,\n  StyledSectionActions,\n  StyledSectionCounter,\n  StyledSectionHeader,\n  StyledSectionTitle,\n} from \"./Styles\";\nimport { Card } from \"../Card\";\n\nexport interface ISectionProps\n  extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** The title of the section. Without it the section has no header. */\n  title?: ReactNode;\n  /** A short count beside the title, for example \"9 of 15\". */\n  counter?: ReactNode;\n  /** Controls at the right end of the header. */\n  actions?: ReactNode;\n  /** Puts the body in a raised card. */\n  card?: boolean;\n}\n\nexport const Section = forwardRef<HTMLElement, ISectionProps>(\n  (\n    { title, counter, actions, card = false, className, children, ...rest },\n    ref\n  ) => {\n    const titleId = useId();\n    const hasCounter = counter !== undefined && counter !== null;\n\n    return (\n      <StyledSection\n        {...rest}\n        ref={ref}\n        aria-labelledby={title ? titleId : undefined}\n        className={classnames(\"c-section\", className)}\n      >\n        {title ? (\n          <StyledSectionHeader className=\"c-section__header\">\n            <StyledSectionTitle id={titleId}>{title}</StyledSectionTitle>\n            {hasCounter ? (\n              <StyledSectionCounter className=\"c-section__counter\">\n                {counter}\n              </StyledSectionCounter>\n            ) : null}\n            {actions ? (\n              <StyledSectionActions className=\"c-section__actions\">\n                {actions}\n              </StyledSectionActions>\n            ) : null}\n          </StyledSectionHeader>\n        ) : null}\n        {card ? (\n          <Card variant=\"raised\" radius={24} className=\"c-section__body\">\n            {children}\n          </Card>\n        ) : (\n          <div className=\"c-section__body\">{children}</div>\n        )}\n      </StyledSection>\n    );\n  }\n);\n\nSection.displayName = \"Section\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSectionTitle = exports.StyledSectionHeader = exports.StyledSectionCounter = exports.StyledSectionActions = exports.StyledSection = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var StyledSection = exports.StyledSection = _styledComponents.default.section.withConfig({
+  displayName: "Styles__StyledSection",
+  componentId: "sc-vhpgru-0"
+})(["display:flex;flex-direction:column;gap:8px;min-width:0;"]);
+var StyledSectionHeader = exports.StyledSectionHeader = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledSectionHeader",
+  componentId: "sc-vhpgru-1"
+})(["display:flex;align-items:center;gap:8px;min-height:24px;padding:0 16px;"]);
+var StyledSectionTitle = exports.StyledSectionTitle = _styledComponents.default.h3.withConfig({
+  displayName: "Styles__StyledSectionTitle",
+  componentId: "sc-vhpgru-2"
+})(["margin:0;font-size:16px;line-height:24px;font-weight:600;color:var(--color-theme-800);"]);
+var StyledSectionCounter = exports.StyledSectionCounter = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledSectionCounter",
+  componentId: "sc-vhpgru-3"
+})(["font-size:13px;line-height:20px;color:var(--color-theme-700);"]);
+var StyledSectionActions = exports.StyledSectionActions = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledSectionActions",
+  componentId: "sc-vhpgru-4"
+})(["display:flex;align-items:center;gap:16px;margin-left:auto;"]);
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledSection","exports","styled","section","withConfig","displayName","componentId","StyledSectionHeader","div","StyledSectionTitle","h3","StyledSectionCounter","span","StyledSectionActions"],"sources":["../../../../src/components/Section/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledSection = styled.section`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 0;\n`;\n\nexport const StyledSectionHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 24px;\n  padding: 0 16px;\n`;\n\nexport const StyledSectionTitle = styled.h3`\n  margin: 0;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 600;\n  color: var(--color-theme-800);\n`;\n\nexport const StyledSectionCounter = styled.span`\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--color-theme-700);\n`;\n\nexport const StyledSectionActions = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-left: auto;\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,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,OAAO,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAK1C;AAEM,IAAMC,mBAAmB,GAAAN,OAAA,CAAAM,mBAAA,GAAGL,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAM5C;AAEM,IAAMG,kBAAkB,GAAAR,OAAA,CAAAQ,kBAAA,GAAGP,yBAAM,CAACQ,EAAE,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8FAM1C;AAEM,IAAMK,oBAAoB,GAAAV,OAAA,CAAAU,oBAAA,GAAGT,yBAAM,CAACU,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEAI9C;AAEM,IAAMO,oBAAoB,GAAAZ,OAAA,CAAAY,oBAAA,GAAGX,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAK7C","ignoreList":[]}

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

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

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

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

package/dist/cjs/components/Sheet/Sheet.js

@@ -12,7 +12,7 @@ var _Overlay = require("../Overlay");
 var _Tooltip = require("../Tooltip");
 var _Transitions = require("../Transitions");
 var _Window = require("../Window");
-var _excluded = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
+var _excluded = ["children", "onClose", "controls", "open", "animation", "position", "mode", "maxWidth", "surface", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
 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); }
@@ -42,6 +42,9 @@ var Sheet = exports.Sheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
     position = _ref$position === void 0 ? "center" : _ref$position,
     _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? "normal" : _ref$mode,
+    maxWidth = _ref.maxWidth,
+    _ref$surface = _ref.surface,
+    surface = _ref$surface === void 0 ? "paper" : _ref$surface,
     _ref$disableFocusLock = _ref.disableFocusLock,
     disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
     _ref$disableScrollLoc = _ref.disableScrollLock,
@@ -122,7 +125,8 @@ var Sheet = exports.Sheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
     className: (0, _classnames.default)("c-sheet__wrapper", bodyClassName),
     style: bodyStyle,
     $position: position,
-    $mode: mode
+    $mode: mode,
+    $maxWidth: maxWidth
   }, /*#__PURE__*/_react.default.createElement(_Styles.StyledCssTransition, {
     appear: true,
     in: open,
@@ -147,7 +151,8 @@ var Sheet = exports.Sheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
       className: className
     }, IconComponent));
   })), /*#__PURE__*/_react.default.createElement(_Styles.StyledSheetWrapperPaper, {
-    paperClass: "c-sheet__wrapper__paper"
+    paperClass: "c-sheet__wrapper__paper",
+    $surface: surface
   }, controls.length > 0 && /*#__PURE__*/_react.default.createElement(_Styles.StyledHeader, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledIconsWrapperSmall, null, controls.map(function (_ref3, index) {
     var IconComponent = _ref3.icon,
       tooltip = _ref3.tooltip,

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

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_IconButton","_Overlay","_Tooltip","_Transitions","_Window","_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","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","Sheet","exports","forwardRef","_ref","ref","children","onClose","_ref$controls","controls","_ref$open","open","defaultOpen","_ref$animation","animation","_ref$position","position","_ref$mode","mode","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableBackgroun","disableBackgroundColor","bodyStyle","bodyClassName","_ref$disableBackgroun2","disableBackgroundClick","rest","_useState","useState","_useState2","setOpen","_useState3","_useState4","exited","setExited","_useState5","_useState6","overlayEntered","setOverlayEntered","useEffect","handleEnter","useCallback","handleExited","handleClose","handleOverlayEntered","handleOverlayExit","handleBackgroundClick","event","preventDefault","useImperativeHandle","close","createElement","Window","style","pointerEvents","Fade","in","timeout","SHEET_ENTER_MS","SHEET_EXIT_MS","onEntered","onExit","Overlay","onClick","StyledSheetWrapper","className","classnames","$position","$mode","StyledCssTransition","appear","classNames","$direction","onEnter","onExited","StyledSheetSurface","StyledSheetIcons","map","_ref2","index","IconComponent","icon","tooltip","disabled","Tooltip","title","disable","key","concat","StyledAnimatedSpan","$disabled","StyledSheetWrapperPaper","paperClass","StyledHeader","StyledIconsWrapperSmall","_ref3","IconButton","variant","StyledListSeparator","displayName"],"sources":["../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  useImperativeHandle,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledHeader,\n  StyledIconsWrapperSmall,\n  StyledListSeparator,\n  StyledSheetIcons,\n  StyledSheetWrapper,\n  SHEET_ENTER_MS,\n  SHEET_EXIT_MS,\n  StyledSheetSurface,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { IconButton } from \"../IconButton\";\nimport { Overlay } from \"../Overlay\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Fade } from \"../Transitions\";\nimport { Window } from \"../Window\";\n\ninterface ControlProps {\n  onClick: () => void;\n  icon: React.ReactElement;\n  tooltip: string;\n  disabled: boolean;\n  className: string;\n}\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: ControlProps[];\n  open?: boolean;\n  animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  position?: \"center\" | \"left\" | \"right\";\n  mode?: \"normal\" | \"stretch\";\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableBackgroundColor?: boolean;\n  bodyStyle?: CSSProperties;\n  bodyClassName?: string;\n  disableBackgroundClick?: boolean;\n}\n\nexport interface SheetMethods {\n  close: () => void;\n}\n\ntype SheetProps = ISheet & HTMLAttributes<HTMLDivElement>;\n\nexport const Sheet = forwardRef<SheetMethods, SheetProps>(\n  (\n    {\n      children,\n      onClose,\n      controls = [],\n      open: defaultOpen = false,\n      animation = \"top\",\n      position = \"center\",\n      mode = \"normal\",\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundColor = false,\n      bodyStyle,\n      bodyClassName,\n      disableBackgroundClick = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    // Clicks pass through the overlay until it has faded in, and again from the first moment it fades out.\n    const [overlayEntered, setOverlayEntered] = useState(false);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      onClose?.();\n    }, [onClose]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n    }, []);\n\n    const handleOverlayEntered = useCallback(() => {\n      setOverlayEntered(true);\n    }, []);\n\n    const handleOverlayExit = useCallback(() => {\n      setOverlayEntered(false);\n    }, []);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    useImperativeHandle(ref, () => ({\n      close: handleClose,\n    }));\n\n    if (!open && exited) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        // The overlay and the sheet take the clicks, so the window lets them through where the overlay does.\n        style={{ ...rest.style, pointerEvents: \"none\" }}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        <Fade\n          in={open}\n          timeout={open ? SHEET_ENTER_MS : SHEET_EXIT_MS}\n          onEntered={handleOverlayEntered}\n          onExit={handleOverlayExit}\n        >\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n            style={{\n              pointerEvents: open && overlayEntered ? \"auto\" : \"none\",\n            }}\n          />\n        </Fade>\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          <StyledCssTransition\n            appear\n            in={open}\n            timeout={SHEET_ENTER_MS}\n            classNames=\"c-sheet__animation\"\n            $direction={animation}\n            onEnter={handleEnter}\n            onExited={handleExited}\n          >\n            <StyledSheetSurface>\n              {controls.length > 0 && (\n                <StyledSheetIcons>\n                  {controls.map(\n                    (\n                      {\n                        icon: IconComponent,\n                        tooltip,\n                        onClick,\n                        disabled,\n                        className,\n                      },\n                      index\n                    ) => (\n                      <Tooltip\n                        title={tooltip}\n                        disable={!tooltip || disabled}\n                        key={`c-sheet-control-${index}`}\n                      >\n                        <StyledAnimatedSpan\n                          onClick={onClick}\n                          $disabled={disabled}\n                          className={className}\n                        >\n                          {IconComponent}\n                        </StyledAnimatedSpan>\n                      </Tooltip>\n                    )\n                  )}\n                </StyledSheetIcons>\n              )}\n              <StyledSheetWrapperPaper paperClass=\"c-sheet__wrapper__paper\">\n                {controls.length > 0 && (\n                  <StyledHeader>\n                    <StyledIconsWrapperSmall>\n                      {controls.map(\n                        (\n                          {\n                            icon: IconComponent,\n                            tooltip,\n                            onClick,\n                            disabled,\n                            className,\n                          },\n                          index\n                        ) => (\n                          <Tooltip\n                            title={tooltip}\n                            disable={!tooltip || disabled}\n                            key={index}\n                          >\n                            <IconButton\n                              onClick={onClick}\n                              disabled={disabled}\n                              className={className}\n                              variant=\"text gray\"\n                            >\n                              {IconComponent}\n                            </IconButton>\n                          </Tooltip>\n                        )\n                      )}\n                    </StyledIconsWrapperSmall>\n                    <StyledListSeparator />\n                  </StyledHeader>\n                )}\n                {children}\n              </StyledSheetWrapperPaper>\n            </StyledSheetSurface>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Sheet.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_IconButton","_Overlay","_Tooltip","_Transitions","_Window","_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","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","Sheet","exports","forwardRef","_ref","ref","children","onClose","_ref$controls","controls","_ref$open","open","defaultOpen","_ref$animation","animation","_ref$position","position","_ref$mode","mode","maxWidth","_ref$surface","surface","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableBackgroun","disableBackgroundColor","bodyStyle","bodyClassName","_ref$disableBackgroun2","disableBackgroundClick","rest","_useState","useState","_useState2","setOpen","_useState3","_useState4","exited","setExited","_useState5","_useState6","overlayEntered","setOverlayEntered","useEffect","handleEnter","useCallback","handleExited","handleClose","handleOverlayEntered","handleOverlayExit","handleBackgroundClick","event","preventDefault","useImperativeHandle","close","createElement","Window","style","pointerEvents","Fade","in","timeout","SHEET_ENTER_MS","SHEET_EXIT_MS","onEntered","onExit","Overlay","onClick","StyledSheetWrapper","className","classnames","$position","$mode","$maxWidth","StyledCssTransition","appear","classNames","$direction","onEnter","onExited","StyledSheetSurface","StyledSheetIcons","map","_ref2","index","IconComponent","icon","tooltip","disabled","Tooltip","title","disable","key","concat","StyledAnimatedSpan","$disabled","StyledSheetWrapperPaper","paperClass","$surface","StyledHeader","StyledIconsWrapperSmall","_ref3","IconButton","variant","StyledListSeparator","displayName"],"sources":["../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  useImperativeHandle,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledHeader,\n  StyledIconsWrapperSmall,\n  StyledListSeparator,\n  StyledSheetIcons,\n  StyledSheetWrapper,\n  SHEET_ENTER_MS,\n  SHEET_EXIT_MS,\n  StyledSheetSurface,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { IconButton } from \"../IconButton\";\nimport { Overlay } from \"../Overlay\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Fade } from \"../Transitions\";\nimport { Window } from \"../Window\";\n\ninterface ControlProps {\n  onClick: () => void;\n  icon: React.ReactElement;\n  tooltip: string;\n  disabled: boolean;\n  className: string;\n}\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: ControlProps[];\n  open?: boolean;\n  animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  position?: \"center\" | \"left\" | \"right\";\n  mode?: \"normal\" | \"stretch\";\n  /** The widest the sheet gets in stretch mode. A number is in pixels. */\n  maxWidth?: number | string;\n  /** \"sheet\" draws the paper on the sheet surface with large corners. */\n  surface?: \"paper\" | \"sheet\";\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableBackgroundColor?: boolean;\n  bodyStyle?: CSSProperties;\n  bodyClassName?: string;\n  disableBackgroundClick?: boolean;\n}\n\nexport interface SheetMethods {\n  close: () => void;\n}\n\ntype SheetProps = ISheet & HTMLAttributes<HTMLDivElement>;\n\nexport const Sheet = forwardRef<SheetMethods, SheetProps>(\n  (\n    {\n      children,\n      onClose,\n      controls = [],\n      open: defaultOpen = false,\n      animation = \"top\",\n      position = \"center\",\n      mode = \"normal\",\n      maxWidth,\n      surface = \"paper\",\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundColor = false,\n      bodyStyle,\n      bodyClassName,\n      disableBackgroundClick = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    // Clicks pass through the overlay until it has faded in, and again from the first moment it fades out.\n    const [overlayEntered, setOverlayEntered] = useState(false);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      onClose?.();\n    }, [onClose]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n    }, []);\n\n    const handleOverlayEntered = useCallback(() => {\n      setOverlayEntered(true);\n    }, []);\n\n    const handleOverlayExit = useCallback(() => {\n      setOverlayEntered(false);\n    }, []);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    useImperativeHandle(ref, () => ({\n      close: handleClose,\n    }));\n\n    if (!open && exited) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        // The overlay and the sheet take the clicks, so the window lets them through where the overlay does.\n        style={{ ...rest.style, pointerEvents: \"none\" }}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        <Fade\n          in={open}\n          timeout={open ? SHEET_ENTER_MS : SHEET_EXIT_MS}\n          onEntered={handleOverlayEntered}\n          onExit={handleOverlayExit}\n        >\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n            style={{\n              pointerEvents: open && overlayEntered ? \"auto\" : \"none\",\n            }}\n          />\n        </Fade>\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n          $maxWidth={maxWidth}\n        >\n          <StyledCssTransition\n            appear\n            in={open}\n            timeout={SHEET_ENTER_MS}\n            classNames=\"c-sheet__animation\"\n            $direction={animation}\n            onEnter={handleEnter}\n            onExited={handleExited}\n          >\n            <StyledSheetSurface>\n              {controls.length > 0 && (\n                <StyledSheetIcons>\n                  {controls.map(\n                    (\n                      {\n                        icon: IconComponent,\n                        tooltip,\n                        onClick,\n                        disabled,\n                        className,\n                      },\n                      index\n                    ) => (\n                      <Tooltip\n                        title={tooltip}\n                        disable={!tooltip || disabled}\n                        key={`c-sheet-control-${index}`}\n                      >\n                        <StyledAnimatedSpan\n                          onClick={onClick}\n                          $disabled={disabled}\n                          className={className}\n                        >\n                          {IconComponent}\n                        </StyledAnimatedSpan>\n                      </Tooltip>\n                    )\n                  )}\n                </StyledSheetIcons>\n              )}\n              <StyledSheetWrapperPaper\n                paperClass=\"c-sheet__wrapper__paper\"\n                $surface={surface}\n              >\n                {controls.length > 0 && (\n                  <StyledHeader>\n                    <StyledIconsWrapperSmall>\n                      {controls.map(\n                        (\n                          {\n                            icon: IconComponent,\n                            tooltip,\n                            onClick,\n                            disabled,\n                            className,\n                          },\n                          index\n                        ) => (\n                          <Tooltip\n                            title={tooltip}\n                            disable={!tooltip || disabled}\n                            key={index}\n                          >\n                            <IconButton\n                              onClick={onClick}\n                              disabled={disabled}\n                              className={className}\n                              variant=\"text gray\"\n                            >\n                              {IconComponent}\n                            </IconButton>\n                          </Tooltip>\n                        )\n                      )}\n                    </StyledIconsWrapperSmall>\n                    <StyledListSeparator />\n                  </StyledHeader>\n                )}\n                {children}\n              </StyledSheetWrapperPaper>\n            </StyledSheetSurface>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAWA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAaA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAAmC,IAAAS,SAAA;AAAA,SAAAP,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,wBAAAW,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,cAAAK,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAN,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAN,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAK,EAAA,EAAAN,CAAA,IAAAC,CAAA,CAAAK,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAL,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAAA,SAAAiB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAhB,CAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAG,CAAA,GAAAoB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAF,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAc,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,QAAA1B,CAAA,EAAAK,CAAA,QAAAF,CAAA,GAAAc,MAAA,CAAAU,IAAA,CAAA3B,CAAA,OAAAiB,MAAA,CAAAW,qBAAA,QAAArB,CAAA,GAAAU,MAAA,CAAAW,qBAAA,CAAA5B,CAAA,GAAAK,CAAA,KAAAE,CAAA,GAAAA,CAAA,CAAAsB,MAAA,WAAAxB,CAAA,WAAAY,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAK,CAAA,EAAAyB,UAAA,OAAA3B,CAAA,CAAA4B,IAAA,CAAAN,KAAA,CAAAtB,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAA6B,cAAAhC,CAAA,aAAAK,CAAA,MAAAA,CAAA,GAAAkB,SAAA,CAAAC,MAAA,EAAAnB,CAAA,UAAAF,CAAA,WAAAoB,SAAA,CAAAlB,CAAA,IAAAkB,SAAA,CAAAlB,CAAA,QAAAA,CAAA,OAAAqB,OAAA,CAAAT,MAAA,CAAAd,CAAA,OAAA8B,OAAA,WAAA5B,CAAA,IAAA6B,eAAA,CAAAlC,CAAA,EAAAK,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAY,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAApC,CAAA,EAAAiB,MAAA,CAAAkB,yBAAA,CAAAhC,CAAA,KAAAuB,OAAA,CAAAT,MAAA,CAAAd,CAAA,GAAA8B,OAAA,WAAA5B,CAAA,IAAAY,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAK,CAAA,EAAAY,MAAA,CAAAE,wBAAA,CAAAhB,CAAA,EAAAE,CAAA,iBAAAL,CAAA;AAAA,SAAAkC,gBAAAlC,CAAA,EAAAK,CAAA,EAAAF,CAAA,YAAAE,CAAA,GAAAgC,cAAA,CAAAhC,CAAA,MAAAL,CAAA,GAAAiB,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAK,CAAA,IAAAiC,KAAA,EAAAnC,CAAA,EAAA2B,UAAA,MAAAS,YAAA,MAAAC,QAAA,UAAAxC,CAAA,CAAAK,CAAA,IAAAF,CAAA,EAAAH,CAAA;AAAA,SAAAqC,eAAAlC,CAAA,QAAAK,CAAA,GAAAiC,YAAA,CAAAtC,CAAA,uCAAAK,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAiC,aAAAtC,CAAA,EAAAE,CAAA,2BAAAF,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAH,CAAA,GAAAG,CAAA,CAAAuC,MAAA,CAAAC,WAAA,kBAAA3C,CAAA,QAAAQ,CAAA,GAAAR,CAAA,CAAAgB,IAAA,CAAAb,CAAA,EAAAE,CAAA,uCAAAG,CAAA,SAAAA,CAAA,YAAAoC,SAAA,yEAAAvC,CAAA,GAAAwC,MAAA,GAAAC,MAAA,EAAA3C,CAAA;AAAA,SAAA4C,eAAA1C,CAAA,EAAAL,CAAA,WAAAgD,eAAA,CAAA3C,CAAA,KAAA4C,qBAAA,CAAA5C,CAAA,EAAAL,CAAA,KAAAkD,2BAAA,CAAA7C,CAAA,EAAAL,CAAA,KAAAmD,gBAAA;AAAA,SAAAA,iBAAA,cAAAP,SAAA;AAAA,SAAAM,4BAAA7C,CAAA,EAAA+C,CAAA,QAAA/C,CAAA,2BAAAA,CAAA,SAAAgD,iBAAA,CAAAhD,CAAA,EAAA+C,CAAA,OAAAjD,CAAA,MAAAmD,QAAA,CAAAtC,IAAA,CAAAX,CAAA,EAAAkD,KAAA,6BAAApD,CAAA,IAAAE,CAAA,CAAAmD,WAAA,KAAArD,CAAA,GAAAE,CAAA,CAAAmD,WAAA,CAAAC,IAAA,aAAAtD,CAAA,cAAAA,CAAA,GAAAuD,KAAA,CAAAC,IAAA,CAAAtD,CAAA,oBAAAF,CAAA,+CAAAyD,IAAA,CAAAzD,CAAA,IAAAkD,iBAAA,CAAAhD,CAAA,EAAA+C,CAAA;AAAA,SAAAC,kBAAAhD,CAAA,EAAA+C,CAAA,aAAAA,CAAA,IAAAA,CAAA,GAAA/C,CAAA,CAAAmB,MAAA,MAAA4B,CAAA,GAAA/C,CAAA,CAAAmB,MAAA,YAAAxB,CAAA,MAAAM,CAAA,GAAAoD,KAAA,CAAAN,CAAA,GAAApD,CAAA,GAAAoD,CAAA,EAAApD,CAAA,IAAAM,CAAA,CAAAN,CAAA,IAAAK,CAAA,CAAAL,CAAA,UAAAM,CAAA;AAAA,SAAA2C,sBAAA5C,CAAA,EAAAwD,CAAA,QAAA1D,CAAA,WAAAE,CAAA,gCAAAqC,MAAA,IAAArC,CAAA,CAAAqC,MAAA,CAAAoB,QAAA,KAAAzD,CAAA,4BAAAF,CAAA,QAAAH,CAAA,EAAAM,CAAA,EAAAE,CAAA,EAAAuD,CAAA,EAAAX,CAAA,OAAA3C,CAAA,OAAAF,CAAA,iBAAAC,CAAA,IAAAL,CAAA,GAAAA,CAAA,CAAAa,IAAA,CAAAX,CAAA,GAAA2D,IAAA,QAAAH,CAAA,QAAA5C,MAAA,CAAAd,CAAA,MAAAA,CAAA,UAAAM,CAAA,uBAAAA,CAAA,IAAAT,CAAA,GAAAQ,CAAA,CAAAQ,IAAA,CAAAb,CAAA,GAAA8D,IAAA,MAAAb,CAAA,CAAArB,IAAA,CAAA/B,CAAA,CAAAsC,KAAA,GAAAc,CAAA,CAAA5B,MAAA,KAAAqC,CAAA,GAAApD,CAAA,iBAAAJ,CAAA,IAAAE,CAAA,OAAAD,CAAA,GAAAD,CAAA,yBAAAI,CAAA,YAAAN,CAAA,CAAA+D,MAAA,KAAAH,CAAA,GAAA5D,CAAA,CAAA+D,MAAA,IAAAjD,MAAA,CAAA8C,CAAA,MAAAA,CAAA,2BAAAxD,CAAA,QAAAD,CAAA,aAAA8C,CAAA;AAAA,SAAAJ,gBAAA3C,CAAA,QAAAqD,KAAA,CAAAS,OAAA,CAAA9D,CAAA,UAAAA,CAAA;AAAA,SAAA+D,yBAAApE,CAAA,EAAAG,CAAA,gBAAAH,CAAA,iBAAAO,CAAA,EAAAF,CAAA,EAAAG,CAAA,GAAA6D,6BAAA,CAAArE,CAAA,EAAAG,CAAA,OAAAc,MAAA,CAAAW,qBAAA,QAAAtB,CAAA,GAAAW,MAAA,CAAAW,qBAAA,CAAA5B,CAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAC,CAAA,CAAAkB,MAAA,EAAAnB,CAAA,IAAAE,CAAA,GAAAD,CAAA,CAAAD,CAAA,UAAAF,CAAA,CAAAmE,OAAA,CAAA/D,CAAA,QAAAgE,oBAAA,CAAAvD,IAAA,CAAAhB,CAAA,EAAAO,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAP,CAAA,CAAAO,CAAA,aAAAC,CAAA;AAAA,SAAA6D,8BAAAhE,CAAA,EAAAL,CAAA,gBAAAK,CAAA,iBAAAF,CAAA,gBAAAG,CAAA,IAAAD,CAAA,SAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAC,CAAA,gBAAAN,CAAA,CAAAsE,OAAA,CAAAhE,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAD,CAAA,CAAAC,CAAA,YAAAH,CAAA;AAmC5B,IAAMqE,KAAK,GAAAC,OAAA,CAAAD,KAAA,gBAAG,IAAAE,iBAAU,EAC7B,UAAAC,IAAA,EAmBEC,GAAG,EACA;EAAA,IAlBDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAAC,aAAA,GAAAJ,IAAA,CACPK,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,SAAA,GAAAN,IAAA,CACbO,IAAI;IAAEC,WAAW,GAAAF,SAAA,cAAG,KAAK,GAAAA,SAAA;IAAAG,cAAA,GAAAT,IAAA,CACzBU,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,aAAA,GAAAX,IAAA,CACjBY,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,QAAQ,GAAAA,aAAA;IAAAE,SAAA,GAAAb,IAAA,CACnBc,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IACfE,QAAQ,GAAAf,IAAA,CAARe,QAAQ;IAAAC,YAAA,GAAAhB,IAAA,CACRiB,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,OAAO,GAAAA,YAAA;IAAAE,qBAAA,GAAAlB,IAAA,CACjBmB,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAApB,IAAA,CACxBqB,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAtB,IAAA,CACzBuB,sBAAsB;IAAtBA,sBAAsB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAC9BE,SAAS,GAAAxB,IAAA,CAATwB,SAAS;IACTC,aAAa,GAAAzB,IAAA,CAAbyB,aAAa;IAAAC,sBAAA,GAAA1B,IAAA,CACb2B,sBAAsB;IAAtBA,sBAAsB,GAAAD,sBAAA,cAAG,KAAK,GAAAA,sBAAA;IAC3BE,IAAI,GAAAnC,wBAAA,CAAAO,IAAA,EAAA5E,SAAA;EAIT,IAAAyG,SAAA,GAAwB,IAAAC,eAAQ,EAACtB,WAAW,CAAC;IAAAuB,UAAA,GAAA3D,cAAA,CAAAyD,SAAA;IAAtCtB,IAAI,GAAAwB,UAAA;IAAEC,OAAO,GAAAD,UAAA;EACpB,IAAAE,UAAA,GAA4B,IAAAH,eAAQ,EAAC,IAAI,CAAC;IAAAI,UAAA,GAAA9D,cAAA,CAAA6D,UAAA;IAAnCE,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EACxB;EACA,IAAAG,UAAA,GAA4C,IAAAP,eAAQ,EAAC,KAAK,CAAC;IAAAQ,UAAA,GAAAlE,cAAA,CAAAiE,UAAA;IAApDE,cAAc,GAAAD,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;EAExC,IAAAG,gBAAS,EAAC,YAAM;IACdT,OAAO,CAACxB,WAAW,CAAC;EACtB,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAMkC,WAAW,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpCP,SAAS,CAAC,KAAK,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMQ,YAAY,GAAG,IAAAD,kBAAW,EAAC,YAAM;IACrCP,SAAS,CAAC,IAAI,CAAC;IACfjC,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAM0C,WAAW,GAAG,IAAAF,kBAAW,EAAC,YAAM;IACpCX,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMc,oBAAoB,GAAG,IAAAH,kBAAW,EAAC,YAAM;IAC7CH,iBAAiB,CAAC,IAAI,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMO,iBAAiB,GAAG,IAAAJ,kBAAW,EAAC,YAAM;IAC1CH,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMQ,qBAAqB,GAAG,IAAAL,kBAAW,EACvC,UAACM,KAAiC,EAAK;IACrC,IAAI,CAACtB,sBAAsB,EAAE;MAC3BsB,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBL,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EACD,CAAClB,sBAAsB,EAAEkB,WAAW,CACtC,CAAC;EAED,IAAAM,0BAAmB,EAAClD,GAAG,EAAE;IAAA,OAAO;MAC9BmD,KAAK,EAAEP;IACT,CAAC;EAAA,CAAC,CAAC;EAEH,IAAI,CAACtC,IAAI,IAAI4B,MAAM,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBACE1H,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAAClI,OAAA,CAAAmI,MAAM,EAAA7G,QAAA,KACDmF,IAAI;IACR;IACA2B,KAAK,EAAAlG,aAAA,CAAAA,aAAA,KAAOuE,IAAI,CAAC2B,KAAK;MAAEC,aAAa,EAAE;IAAM,EAAG;IAChDrD,OAAO,EAAE0C,WAAY;IACrB1B,gBAAgB,EAAEA,gBAAiB;IACnCE,iBAAiB,EAAEA;EAAkB,iBAErC5G,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACnI,YAAA,CAAAuI,IAAI;IACHC,EAAE,EAAEnD,IAAK;IACToD,OAAO,EAAEpD,IAAI,GAAGqD,sBAAc,GAAGC,qBAAc;IAC/CC,SAAS,EAAEhB,oBAAqB;IAChCiB,MAAM,EAAEhB;EAAkB,gBAE1BtI,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACrI,QAAA,CAAAgJ,OAAO;IACNC,OAAO,EAAEjB,qBAAsB;IAC/BzB,sBAAsB,EAAEA,sBAAuB;IAC/CgC,KAAK,EAAE;MACLC,aAAa,EAAEjD,IAAI,IAAIgC,cAAc,GAAG,MAAM,GAAG;IACnD;EAAE,CACH,CACG,CAAC,eACP9H,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACvI,OAAA,CAAAoJ,kBAAkB;IACjBC,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAE3C,aAAa,CAAE;IACzD8B,KAAK,EAAE/B,SAAU;IACjB6C,SAAS,EAAEzD,QAAS;IACpB0D,KAAK,EAAExD,IAAK;IACZyD,SAAS,EAAExD;EAAS,gBAEpBtG,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACvI,OAAA,CAAA0J,mBAAmB;IAClBC,MAAM;IACNf,EAAE,EAAEnD,IAAK;IACToD,OAAO,EAAEC,sBAAe;IACxBc,UAAU,EAAC,oBAAoB;IAC/BC,UAAU,EAAEjE,SAAU;IACtBkE,OAAO,EAAElC,WAAY;IACrBmC,QAAQ,EAAEjC;EAAa,gBAEvBnI,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACvI,OAAA,CAAAgK,kBAAkB,QAChBzE,QAAQ,CAACxD,MAAM,GAAG,CAAC,iBAClBpC,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACvI,OAAA,CAAAiK,gBAAgB,QACd1E,QAAQ,CAAC2E,GAAG,CACX,UAAAC,KAAA,EAQEC,KAAK;IAAA,IANGC,aAAa,GAAAF,KAAA,CAAnBG,IAAI;MACJC,OAAO,GAAAJ,KAAA,CAAPI,OAAO;MACPpB,OAAO,GAAAgB,KAAA,CAAPhB,OAAO;MACPqB,QAAQ,GAAAL,KAAA,CAARK,QAAQ;MACRnB,SAAS,GAAAc,KAAA,CAATd,SAAS;IAAA,oBAIX1J,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACpI,QAAA,CAAAsK,OAAO;MACNC,KAAK,EAAEH,OAAQ;MACfI,OAAO,EAAE,CAACJ,OAAO,IAAIC,QAAS;MAC9BI,GAAG,qBAAAC,MAAA,CAAqBT,KAAK;IAAG,gBAEhCzK,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACvI,OAAA,CAAA8K,kBAAkB;MACjB3B,OAAO,EAAEA,OAAQ;MACjB4B,SAAS,EAAEP,QAAS;MACpBnB,SAAS,EAAEA;IAAU,GAEpBgB,aACiB,CACb,CAAC;EAAA,CAEd,CACgB,CACnB,eACD1K,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACvI,OAAA,CAAAgL,uBAAuB;IACtBC,UAAU,EAAC,yBAAyB;IACpCC,QAAQ,EAAE/E;EAAQ,GAEjBZ,QAAQ,CAACxD,MAAM,GAAG,CAAC,iBAClBpC,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACvI,OAAA,CAAAmL,YAAY,qBACXxL,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACvI,OAAA,CAAAoL,uBAAuB,QACrB7F,QAAQ,CAAC2E,GAAG,CACX,UAAAmB,KAAA,EAQEjB,KAAK;IAAA,IANGC,aAAa,GAAAgB,KAAA,CAAnBf,IAAI;MACJC,OAAO,GAAAc,KAAA,CAAPd,OAAO;MACPpB,OAAO,GAAAkC,KAAA,CAAPlC,OAAO;MACPqB,QAAQ,GAAAa,KAAA,CAARb,QAAQ;MACRnB,SAAS,GAAAgC,KAAA,CAAThC,SAAS;IAAA,oBAIX1J,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACpI,QAAA,CAAAsK,OAAO;MACNC,KAAK,EAAEH,OAAQ;MACfI,OAAO,EAAE,CAACJ,OAAO,IAAIC,QAAS;MAC9BI,GAAG,EAAER;IAAM,gBAEXzK,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACtI,WAAA,CAAAqL,UAAU;MACTnC,OAAO,EAAEA,OAAQ;MACjBqB,QAAQ,EAAEA,QAAS;MACnBnB,SAAS,EAAEA,SAAU;MACrBkC,OAAO,EAAC;IAAW,GAElBlB,aACS,CACL,CAAC;EAAA,CAEd,CACuB,CAAC,eAC1B1K,MAAA,CAAAc,OAAA,CAAA8H,aAAA,CAACvI,OAAA,CAAAwL,mBAAmB,MAAE,CACV,CACf,EACApG,QACsB,CACP,CACD,CACH,CACd,CAAC;AAEb,CACF,CAAC;AAEDL,KAAK,CAAC0G,WAAW,GAAG,OAAO","ignoreList":[]}

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

@@ -17,11 +17,15 @@ var StyledSheetIcons = exports.StyledSheetIcons = _styledComponents.default.div.
   componentId: "sc-144eyxd-0"
 })(["display:flex;height:0;position:relative;span{position:relative;background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);cursor:pointer;border-radius:100%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;& > *{height:40px;width:40px;padding:8px;fill:var(--color-theme-600);}}@media (max-width:640px){display:none;}"]);
 StyledSheetIcons.displayName = "StyledSheetIcons";
+var toCssSize = function toCssSize(value) {
+  return typeof value === "number" ? "".concat(value, "px") : value;
+};
 var StyledSheetWrapper = exports.StyledSheetWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledSheetWrapper",
   componentId: "sc-144eyxd-1"
 })(["", " ", " position:relative;max-width:95vw;display:flex;flex-direction:row;", " ", " ", " ", " ", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle, function (props) {
-  return props.$mode === "stretch" ? (0, _styledComponents.css)(["margin-top:8px;height:calc(100vh - 16px);width:calc(100vw - 100px);max-width:1000px;", "{flex-direction:column;width:0;height:calc(100vh - 32px);& > *{margin-bottom:8px;}span{top:8px;}}"], StyledSheetIcons) : (0, _styledComponents.css)(["max-height:calc(100vh - 156px);margin-top:126px;margin-bottom:30px;width:540px;flex-direction:column;", "{flex-direction:row-reverse;& > *{margin-left:8px;}span{top:-48px;right:8px;}}"], StyledSheetIcons);
+  var _props$$maxWidth;
+  return props.$mode === "stretch" ? (0, _styledComponents.css)(["margin-top:8px;height:calc(100vh - 16px);width:calc(100vw - 100px);max-width:", ";", "{flex-direction:column;width:0;height:calc(100vh - 32px);& > *{margin-bottom:8px;}span{top:8px;}}"], toCssSize((_props$$maxWidth = props.$maxWidth) !== null && _props$$maxWidth !== void 0 ? _props$$maxWidth : 1000), StyledSheetIcons) : (0, _styledComponents.css)(["max-height:calc(100vh - 156px);margin-top:126px;margin-bottom:30px;width:540px;flex-direction:column;", "{flex-direction:row-reverse;& > *{margin-left:8px;}span{top:-48px;right:8px;}}"], StyledSheetIcons);
 }, function (props) {
   return props.$mode === "stretch" && (0, _styledComponents.css)(["@media (max-width:640px){width:100%;height:100%;}"]);
 }, function (props) {
@@ -57,7 +61,9 @@ var StyledSheetWrapperPaper = exports.StyledSheetWrapperPaper = _styledComponent
 }).withConfig({
   displayName: "Styles__StyledSheetWrapperPaper",
   componentId: "sc-144eyxd-3"
-})(["background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;overflow:auto;animation:0.3s linear ease-out;transform:translateZ(0);contain:paint;overscroll-behavior:contain;", ""], {
+})(["background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;overflow:auto;animation:0.3s linear ease-out;transform:translateZ(0);contain:paint;overscroll-behavior:contain;", " ", ""], function (props) {
+  return props.$surface === "sheet" && (0, _styledComponents.css)(["background-color:var(--surface-sheet);@media (min-width:641px){border-radius:24px;}"]);
+}, {
   "flex": "1 1 auto"
 });
 StyledSheetWrapperPaper.displayName = "StyledSheetWrapperPaper";

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_reactTransitionGroup","require","_styledComponents","_interopRequireWildcard","_BoxSizingStyle","_FontStyle","_List","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SHEET_ENTER_MS","exports","SHEET_EXIT_MS","StyledSheetIcons","styled","div","withConfig","displayName","componentId","StyledSheetWrapper","BoxSizingStyle","FontStyle","props","$mode","css","$position","StyledSheetSurface","StyledSheetWrapperPaper","attrs","className","paperClass","StyledAnimatedSpan","span","$disabled","StyledCssTransition","CSSTransition","$direction","StyledListSeparator","ListSeparator","StyledIconsWrapperSmall","StyledHeader"],"sources":["../../../../src/components/Sheet/Styles.ts"],"sourcesContent":["import { CSSTransition } from \"react-transition-group\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { ListSeparator } from \"../List\";\n\nexport const SHEET_ENTER_MS = 400;\nexport const SHEET_EXIT_MS = 200;\n\nexport const StyledSheetIcons = styled.div`\n  display: flex;\n  height: 0;\n  position: relative;\n\n  span {\n    position: relative;\n    background-color: var(--page-paper-main);\n    box-shadow: var(--shadow-secondary);\n    cursor: pointer;\n    border-radius: 100%;\n    width: 40px;\n    height: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    & > * {\n      height: 40px;\n      width: 40px;\n      padding: 8px;\n      fill: var(--color-theme-600);\n    }\n  }\n\n  @media (max-width: 640px) {\n    display: none;\n  }\n`;\n\nStyledSheetIcons.displayName = \"StyledSheetIcons\";\n\ninterface IStyledSheetWrapper {\n  $position?: \"center\" | \"left\" | \"right\";\n  $mode?: \"normal\" | \"stretch\";\n}\n\nexport const StyledSheetWrapper = styled.div<IStyledSheetWrapper>`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  position: relative;\n  max-width: 95vw;\n  display: flex;\n  flex-direction: row;\n\n  ${(props) =>\n    props.$mode === \"stretch\"\n      ? css`\n          margin-top: 8px;\n          height: calc(100vh - 16px);\n          width: calc(100vw - 100px);\n          max-width: 1000px;\n          ${StyledSheetIcons} {\n            flex-direction: column;\n            width: 0;\n            height: calc(100vh - 32px);\n            & > * {\n              margin-bottom: 8px;\n            }\n            span {\n              top: 8px;\n            }\n          }\n        `\n      : css`\n          max-height: calc(100vh - 156px);\n          margin-top: 126px;\n          margin-bottom: 30px;\n          width: 540px;\n          flex-direction: column;\n\n          ${StyledSheetIcons} {\n            flex-direction: row-reverse;\n            & > * {\n              margin-left: 8px;\n            }\n            span {\n              top: -48px;\n              right: 8px;\n            }\n          }\n        `}\n\n  ${(props) =>\n    props.$mode === \"stretch\" &&\n    css`\n      @media (max-width: 640px) {\n        width: 100%;\n        height: 100%;\n      }\n    `}\n\n  ${(props) =>\n    props.$position === \"center\" &&\n    css`\n      ${tw`tw-mx-auto`}\n    `}\n\n  ${(props) =>\n    props.$position === \"left\" &&\n    css`\n      ${tw`tw-ml-2 tw-mr-auto`}\n    `}\n\n  ${(props) =>\n    props.$position === \"right\" &&\n    css`\n      ${tw`tw-mr-2 tw-ml-auto`}\n    `}\n\n  ${(props) =>\n    props.$mode === \"stretch\" &&\n    props.$position !== \"left\" &&\n    css`\n      ${StyledSheetIcons} {\n        span {\n          right: 48px;\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$mode === \"stretch\" &&\n    props.$position === \"left\" &&\n    css`\n      flex-direction: row-reverse;\n\n      ${StyledSheetIcons} {\n        span {\n          right: -8px;\n        }\n      }\n    `}\n`;\n\nStyledSheetWrapper.displayName = \"StyledSheetWrapper\";\n\ninterface IStyledSheetWrapperPaper {\n  paperClass?: string;\n}\n\nexport const StyledSheetSurface = styled.div`\n  /* The surface slides in, so the pointer follows it and not the still wrapper around it. */\n  pointer-events: auto;\n  display: flex;\n  flex-direction: inherit;\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 0;\n`;\n\nStyledSheetSurface.displayName = \"StyledSheetSurface\";\n\nexport const StyledSheetWrapperPaper = styled.div.attrs<IStyledSheetWrapperPaper>(\n  (props) => ({\n    className: props.paperClass,\n  })\n)<IStyledSheetWrapperPaper>`\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 6px;\n  overflow: auto;\n  animation: 0.3s linear ease-out;\n  /* Scrolling here must not dirty the blurred overlays below, which already clip to this box. */\n  transform: translateZ(0);\n  contain: paint;\n  /* A scroll that runs off the end must stop here. Chained to the page, it moves what the blur samples. */\n  overscroll-behavior: contain;\n\n  ${tw`tw-flex-auto`}\n`;\n\nStyledSheetWrapperPaper.displayName = \"StyledSheetWrapperPaper\";\n\ninterface IStyledAnimatedSpan {\n  $disabled?: boolean;\n}\n\nexport const StyledAnimatedSpan = styled.span<IStyledAnimatedSpan>`\n  &:hover svg {\n    fill: var(--color-primary);\n  }\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      pointer-events: none;\n\n      svg {\n        opacity: 0.5;\n      }\n    `}\n`;\n\nStyledAnimatedSpan.displayName = \"StyledAnimatedSpan\";\n\nexport const StyledCssTransition = styled(CSSTransition)<{\n  $direction: string;\n}>`\n  ${(props) =>\n    props.$direction === \"top\" &&\n    css`\n      &.c-sheet__animation-enter {\n        opacity: 0;\n        transform: translateY(-100%);\n      }\n      &.c-sheet__animation-enter-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-appear {\n        opacity: 0;\n        transform: translateY(-100%);\n      }\n      &.c-sheet__animation-appear-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-exit {\n        opacity: 1;\n      }\n      &.c-sheet__animation-exit-active {\n        opacity: 0;\n        transform: translateY(-100%);\n        transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n      }\n    `}\n\n  ${(props) =>\n    props.$direction === \"bottom\" &&\n    css`\n      &.c-sheet__animation-enter {\n        opacity: 0;\n        transform: translateY(100%);\n      }\n      &.c-sheet__animation-enter-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-appear {\n        opacity: 0;\n        transform: translateY(100%);\n      }\n      &.c-sheet__animation-appear-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-exit {\n        opacity: 1;\n      }\n      &.c-sheet__animation-exit-active {\n        opacity: 0;\n        transform: translateY(100%);\n        transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n      }\n    `}\n\n  ${(props) =>\n    props.$direction === \"left\" &&\n    css`\n      &.c-sheet__animation-enter {\n        opacity: 0;\n        transform: translateX(-100%);\n      }\n      &.c-sheet__animation-enter-active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-appear {\n        opacity: 0;\n        transform: translateX(-100%);\n      }\n      &.c-sheet__animation-appear-active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-exit {\n        opacity: 1;\n      }\n      &.c-sheet__animation-exit-active {\n        opacity: 0;\n        transform: translateX(-100%);\n        transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n      }\n    `}\n\n  ${(props) =>\n    props.$direction === \"right\" &&\n    css`\n      &.c-sheet__animation-enter {\n        opacity: 0;\n        transform: translateX(100%);\n      }\n      &.c-sheet__animation-enter-active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-appear {\n        opacity: 0;\n        transform: translateX(100%);\n      }\n      &.c-sheet__animation-appear-active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-exit {\n        opacity: 1;\n      }\n      &.c-sheet__animation-exit-active {\n        opacity: 0;\n        transform: translateX(100%);\n        transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n      }\n    `}\n`;\n\nStyledCssTransition.displayName = \"StyledCssTransition\";\n\nexport const StyledListSeparator = styled(ListSeparator)`\n  margin: 0;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n\nexport const StyledIconsWrapperSmall = styled.div`\n  height: 40px;\n  display: flex;\n  gap: 8px;\n  padding-left: 16px;\n  padding-right: 16px;\n  align-items: center;\n  place-content: end;\n  flex-direction: row-reverse;\n`;\n\nStyledIconsWrapperSmall.displayName = \"StyledIconsWrapperSmall\";\n\nexport const StyledHeader = styled.div`\n  @media (min-width: 640px) {\n    display: none;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_reactTransitionGroup","require","_styledComponents","_interopRequireWildcard","_BoxSizingStyle","_FontStyle","_List","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SHEET_ENTER_MS","exports","SHEET_EXIT_MS","StyledSheetIcons","styled","div","withConfig","displayName","componentId","toCssSize","value","concat","StyledSheetWrapper","BoxSizingStyle","FontStyle","props","_props$$maxWidth","$mode","css","$maxWidth","$position","StyledSheetSurface","StyledSheetWrapperPaper","attrs","className","paperClass","$surface","StyledAnimatedSpan","span","$disabled","StyledCssTransition","CSSTransition","$direction","StyledListSeparator","ListSeparator","StyledIconsWrapperSmall","StyledHeader"],"sources":["../../../../src/components/Sheet/Styles.ts"],"sourcesContent":["import { CSSTransition } from \"react-transition-group\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { ListSeparator } from \"../List\";\n\nexport const SHEET_ENTER_MS = 400;\nexport const SHEET_EXIT_MS = 200;\n\nexport const StyledSheetIcons = styled.div`\n  display: flex;\n  height: 0;\n  position: relative;\n\n  span {\n    position: relative;\n    background-color: var(--page-paper-main);\n    box-shadow: var(--shadow-secondary);\n    cursor: pointer;\n    border-radius: 100%;\n    width: 40px;\n    height: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    & > * {\n      height: 40px;\n      width: 40px;\n      padding: 8px;\n      fill: var(--color-theme-600);\n    }\n  }\n\n  @media (max-width: 640px) {\n    display: none;\n  }\n`;\n\nStyledSheetIcons.displayName = \"StyledSheetIcons\";\n\ninterface IStyledSheetWrapper {\n  $position?: \"center\" | \"left\" | \"right\";\n  $mode?: \"normal\" | \"stretch\";\n  $maxWidth?: number | string;\n}\n\nconst toCssSize = (value: number | string) =>\n  typeof value === \"number\" ? `${value}px` : value;\n\nexport const StyledSheetWrapper = styled.div<IStyledSheetWrapper>`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  position: relative;\n  max-width: 95vw;\n  display: flex;\n  flex-direction: row;\n\n  ${(props) =>\n    props.$mode === \"stretch\"\n      ? css`\n          margin-top: 8px;\n          height: calc(100vh - 16px);\n          width: calc(100vw - 100px);\n          max-width: ${toCssSize(props.$maxWidth ?? 1000)};\n          ${StyledSheetIcons} {\n            flex-direction: column;\n            width: 0;\n            height: calc(100vh - 32px);\n            & > * {\n              margin-bottom: 8px;\n            }\n            span {\n              top: 8px;\n            }\n          }\n        `\n      : css`\n          max-height: calc(100vh - 156px);\n          margin-top: 126px;\n          margin-bottom: 30px;\n          width: 540px;\n          flex-direction: column;\n\n          ${StyledSheetIcons} {\n            flex-direction: row-reverse;\n            & > * {\n              margin-left: 8px;\n            }\n            span {\n              top: -48px;\n              right: 8px;\n            }\n          }\n        `}\n\n  ${(props) =>\n    props.$mode === \"stretch\" &&\n    css`\n      @media (max-width: 640px) {\n        width: 100%;\n        height: 100%;\n      }\n    `}\n\n  ${(props) =>\n    props.$position === \"center\" &&\n    css`\n      ${tw`tw-mx-auto`}\n    `}\n\n  ${(props) =>\n    props.$position === \"left\" &&\n    css`\n      ${tw`tw-ml-2 tw-mr-auto`}\n    `}\n\n  ${(props) =>\n    props.$position === \"right\" &&\n    css`\n      ${tw`tw-mr-2 tw-ml-auto`}\n    `}\n\n  ${(props) =>\n    props.$mode === \"stretch\" &&\n    props.$position !== \"left\" &&\n    css`\n      ${StyledSheetIcons} {\n        span {\n          right: 48px;\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$mode === \"stretch\" &&\n    props.$position === \"left\" &&\n    css`\n      flex-direction: row-reverse;\n\n      ${StyledSheetIcons} {\n        span {\n          right: -8px;\n        }\n      }\n    `}\n`;\n\nStyledSheetWrapper.displayName = \"StyledSheetWrapper\";\n\ninterface IStyledSheetWrapperPaper {\n  paperClass?: string;\n  $surface?: \"paper\" | \"sheet\";\n}\n\nexport const StyledSheetSurface = styled.div`\n  /* The surface slides in, so the pointer follows it and not the still wrapper around it. */\n  pointer-events: auto;\n  display: flex;\n  flex-direction: inherit;\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 0;\n`;\n\nStyledSheetSurface.displayName = \"StyledSheetSurface\";\n\nexport const StyledSheetWrapperPaper = styled.div.attrs<IStyledSheetWrapperPaper>(\n  (props) => ({\n    className: props.paperClass,\n  })\n)<IStyledSheetWrapperPaper>`\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 6px;\n  overflow: auto;\n  animation: 0.3s linear ease-out;\n  /* Scrolling here must not dirty the blurred overlays below, which already clip to this box. */\n  transform: translateZ(0);\n  contain: paint;\n  /* A scroll that runs off the end must stop here. Chained to the page, it moves what the blur samples. */\n  overscroll-behavior: contain;\n\n  ${(props) =>\n    props.$surface === \"sheet\" &&\n    css`\n      background-color: var(--surface-sheet);\n\n      @media (min-width: 641px) {\n        border-radius: 24px;\n      }\n    `}\n\n  ${tw`tw-flex-auto`}\n`;\n\nStyledSheetWrapperPaper.displayName = \"StyledSheetWrapperPaper\";\n\ninterface IStyledAnimatedSpan {\n  $disabled?: boolean;\n}\n\nexport const StyledAnimatedSpan = styled.span<IStyledAnimatedSpan>`\n  &:hover svg {\n    fill: var(--color-primary);\n  }\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      pointer-events: none;\n\n      svg {\n        opacity: 0.5;\n      }\n    `}\n`;\n\nStyledAnimatedSpan.displayName = \"StyledAnimatedSpan\";\n\nexport const StyledCssTransition = styled(CSSTransition)<{\n  $direction: string;\n}>`\n  ${(props) =>\n    props.$direction === \"top\" &&\n    css`\n      &.c-sheet__animation-enter {\n        opacity: 0;\n        transform: translateY(-100%);\n      }\n      &.c-sheet__animation-enter-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-appear {\n        opacity: 0;\n        transform: translateY(-100%);\n      }\n      &.c-sheet__animation-appear-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-exit {\n        opacity: 1;\n      }\n      &.c-sheet__animation-exit-active {\n        opacity: 0;\n        transform: translateY(-100%);\n        transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n      }\n    `}\n\n  ${(props) =>\n    props.$direction === \"bottom\" &&\n    css`\n      &.c-sheet__animation-enter {\n        opacity: 0;\n        transform: translateY(100%);\n      }\n      &.c-sheet__animation-enter-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-appear {\n        opacity: 0;\n        transform: translateY(100%);\n      }\n      &.c-sheet__animation-appear-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-exit {\n        opacity: 1;\n      }\n      &.c-sheet__animation-exit-active {\n        opacity: 0;\n        transform: translateY(100%);\n        transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n      }\n    `}\n\n  ${(props) =>\n    props.$direction === \"left\" &&\n    css`\n      &.c-sheet__animation-enter {\n        opacity: 0;\n        transform: translateX(-100%);\n      }\n      &.c-sheet__animation-enter-active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-appear {\n        opacity: 0;\n        transform: translateX(-100%);\n      }\n      &.c-sheet__animation-appear-active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-exit {\n        opacity: 1;\n      }\n      &.c-sheet__animation-exit-active {\n        opacity: 0;\n        transform: translateX(-100%);\n        transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n      }\n    `}\n\n  ${(props) =>\n    props.$direction === \"right\" &&\n    css`\n      &.c-sheet__animation-enter {\n        opacity: 0;\n        transform: translateX(100%);\n      }\n      &.c-sheet__animation-enter-active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-appear {\n        opacity: 0;\n        transform: translateX(100%);\n      }\n      &.c-sheet__animation-appear-active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n      }\n      &.c-sheet__animation-exit {\n        opacity: 1;\n      }\n      &.c-sheet__animation-exit-active {\n        opacity: 0;\n        transform: translateX(100%);\n        transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n      }\n    `}\n`;\n\nStyledCssTransition.displayName = \"StyledCssTransition\";\n\nexport const StyledListSeparator = styled(ListSeparator)`\n  margin: 0;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n\nexport const StyledIconsWrapperSmall = styled.div`\n  height: 40px;\n  display: flex;\n  gap: 8px;\n  padding-left: 16px;\n  padding-right: 16px;\n  align-items: center;\n  place-content: end;\n  flex-direction: row-reverse;\n`;\n\nStyledIconsWrapperSmall.displayName = \"StyledIconsWrapperSmall\";\n\nexport const StyledHeader = styled.div`\n  @media (min-width: 640px) {\n    display: none;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -49,7 +49,7 @@ var colors = {
 var StyledTypography = exports.StyledTypography = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledTypography",
   componentId: "sc-mskw5w-0"
-})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
+})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
   return colors[props.$color];
 }, function (props) {
   return props.$variant === "Title 1" && (0, _styledComponents.css)(["", ""], {
@@ -59,6 +59,10 @@ var StyledTypography = exports.StyledTypography = _styledComponents.default.div.
   return props.$variant === "Title 2" && (0, _styledComponents.css)(["", ""], {
     "fontSize": "1.675rem"
   });
+}, function (props) {
+  return props.$variant === "Title 3" && (0, _styledComponents.css)(["", ""], {
+    "fontSize": "1.5rem"
+  });
 }, function (props) {
   return props.$variant === "Header 2" && (0, _styledComponents.css)(["", ""], {
     "fontSize": "1.125rem"
@@ -153,6 +157,8 @@ var StyledTypography = exports.StyledTypography = _styledComponents.default.div.
   return props.$wordBreak === "smart" && (0, _styledComponents.css)(["overflow-wrap:break-word;"]);
 }, function (props) {
   return props.$wordBreak === "all" && (0, _styledComponents.css)(["word-break:break-all;"]);
+}, function (props) {
+  return props.$variant === "Title 3" && props.$lineHeight === "regular" && (0, _styledComponents.css)(["line-height:2rem;"]);
 }, function (props) {
   return props.$weight === "regular" && (0, _styledComponents.css)(["", ""], {
     "fontWeight": "400"
@@ -165,6 +171,10 @@ var StyledTypography = exports.StyledTypography = _styledComponents.default.div.
   return props.$weight === "medium" && (0, _styledComponents.css)(["", ""], {
     "fontWeight": "500"
   });
+}, function (props) {
+  return props.$weight === "semibold" && (0, _styledComponents.css)(["", ""], {
+    "fontWeight": "600"
+  });
 }, function (props) {
   return props.$weight === "bold" && (0, _styledComponents.css)(["", ""], {
     "fontWeight": "700"

package/dist/cjs/components/Typography/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","colors","primary","secondary","tertiary","quaternary","success","alert","warning","StyledTypography","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$color","$variant","css","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight"],"sources":["../../../../src/components/Typography/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n  $variant:\n    | \"Title 1\"\n    | \"Title 2\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  $italic: boolean;\n  $tabularNums: boolean;\n  $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n  $lineHeight: \"tight\" | \"regular\" | \"loose\";\n  $align: \"left\" | \"center\" | \"right\" | \"justify\";\n  $decoration: \"underline\" | \"line-through\" | \"none\";\n  $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n  $whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  $wordBreak: \"regular\" | \"smart\" | \"all\";\n  $color:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\"\n    | \"warning\";\n  $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n  primary: tw`tw-text-theme-900`,\n  secondary: tw`tw-text-theme-700`,\n  tertiary: tw`tw-text-theme-600`,\n  quaternary: tw`tw-text-theme-transparent-500`,\n  \"theme-primary\": tw`tw-text-primary`,\n  \"theme-secondary\": tw`tw-text-secondary`,\n  \"page-paper\": tw`tw-text-page-paper-main`,\n  \"only-white\": tw`tw-text-only-white`,\n  \"only-black\": tw`tw-text-only-black`,\n  success: tw`tw-text-success`,\n  alert: tw`tw-text-alert`,\n  warning: tw`tw-text-warning`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  //color\n  ${(props) => colors[props.$color]}\n\n  //variant - font size\n  ${(props) =>\n    props.$variant === \"Title 1\" &&\n    css`\n      ${tw`tw-text-title-1`}\n    `}\n  ${(props) =>\n    props.$variant === \"Title 2\" &&\n    css`\n      ${tw`tw-text-title-2`}\n    `}\n  ${(props) =>\n    props.$variant === \"Header 2\" &&\n    css`\n      ${tw`tw-text-header-2`}\n    `}\n  ${(props) =>\n    (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n    css`\n      ${tw`tw-text-body-1`}\n    `}\n  ${(props) =>\n    props.$variant === \"Body 2\" &&\n    css`\n      ${tw`tw-text-body-2`}\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 1\" &&\n    css`\n      ${tw`tw-text-caption-1`}\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 2\" &&\n    css`\n      ${tw`tw-text-caption-2`}\n    `}\n\n  //italic\n  ${(props) =>\n    props.$italic\n      ? css`\n          font-style: italic;\n        `\n      : css`\n          font-style: normal;\n        `}\n\n  //tabularNums\n  ${(props) =>\n    props.$tabularNums\n      ? css`\n          font-variant-numeric: tabular-nums;\n        `\n      : css`\n          font-variant-numeric: normal;\n        `}\n\n  //letterSpacing\n  ${(props) =>\n    props.$letterSpacing === \"regular\" &&\n    css`\n      ${tw`tw-tracking-regular`}\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"tight\" &&\n    css`\n      ${tw`tw-tracking-tight`}\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"wide\" &&\n    css`\n      ${tw`tw-tracking-wide`}\n    `}\n\n  //lineHeight\n  ${(props) =>\n    props.$lineHeight === \"regular\" &&\n    css`\n      ${tw`tw-leading-regular`}\n    `}\n  ${(props) =>\n    props.$lineHeight === \"tight\" &&\n    css`\n      ${tw`tw-leading-tight`}\n    `}\n  ${(props) =>\n    props.$lineHeight === \"loose\" &&\n    css`\n      ${tw`tw-leading-loose`}\n    `}\n\n  //align\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      text-align: left;\n    `}\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      text-align: right;\n    `}\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      text-align: center;\n    `}\n  ${(props) =>\n    props.$align === \"justify\" &&\n    css`\n      text-align: justify;\n    `}\n\n  //decoration\n  ${(props) =>\n    props.$decoration === \"none\" &&\n    css`\n      text-decoration: none;\n    `}\n  ${(props) =>\n    props.$decoration === \"underline\" &&\n    css`\n      text-decoration: underline;\n    `}\n  ${(props) =>\n    props.$decoration === \"line-through\" &&\n    css`\n      text-decoration: line-through;\n    `}\n\n  //transform\n  ${(props) =>\n    props.$transform === \"regular\" &&\n    css`\n      text-transform: none;\n    `}\n  ${(props) =>\n    props.$transform === \"uppercase\" &&\n    css`\n      text-transform: uppercase;\n    `}\n  ${(props) =>\n    props.$transform === \"lowercase\" &&\n    css`\n      text-transform: lowercase;\n    `}\n  ${(props) =>\n    props.$transform === \"capitalize\" &&\n    css`\n      text-transform: capitalize;\n    `}\n\n  //overflow\n  ${(props) =>\n    props.$overflow === \"visible\" &&\n    css`\n      overflow: visible;\n    `}\n  ${(props) =>\n    props.$overflow === \"ellipsis\" &&\n    css`\n      text-overflow: ellipsis;\n    `}\n  ${(props) =>\n    props.$overflow === \"truncate\" &&\n    css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `}\n\n  //whitespace\n  ${(props) =>\n    props.$whitespace === \"regular\" &&\n    css`\n      white-space: normal;\n    `}\n  ${(props) =>\n    props.$whitespace === \"no-wrap\" &&\n    css`\n      white-space: nowrap;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre\" &&\n    css`\n      white-space: pre;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre-wrap\" &&\n    css`\n      white-space: pre-wrap;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre-line\" &&\n    css`\n      white-space: pre-line;\n    `}\n  ${(props) =>\n    props.$whitespace === \"break-spaces\" &&\n    css`\n      white-space: break-spaces;\n    `}\n\n  //wordBreak\n  ${(props) =>\n    props.$wordBreak === \"regular\" &&\n    css`\n      overflow-wrap: normal;\n      word-break: normal;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"smart\" &&\n    css`\n      overflow-wrap: break-word;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"all\" &&\n    css`\n      word-break: break-all;\n    `}\n\n  //weight\n  ${(props) =>\n    props.$weight === \"regular\" &&\n    css`\n      ${tw`tw-font-regular`}\n    `}\n  ${(props) =>\n    props.$weight === \"light\" &&\n    css`\n      ${tw`tw-font-light`}\n    `}\n  ${(props) =>\n    props.$weight === \"medium\" &&\n    css`\n      ${tw`tw-font-medium`}\n    `}\n  ${(props) =>\n    props.$weight === \"bold\" &&\n    css`\n      ${tw`tw-font-bold`}\n    `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"mappings":"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","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","colors","primary","secondary","tertiary","quaternary","success","alert","warning","StyledTypography","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$color","$variant","css","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight"],"sources":["../../../../src/components/Typography/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n  $variant:\n    | \"Title 1\"\n    | \"Title 2\"\n    | \"Title 3\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  $italic: boolean;\n  $tabularNums: boolean;\n  $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n  $lineHeight: \"tight\" | \"regular\" | \"loose\";\n  $align: \"left\" | \"center\" | \"right\" | \"justify\";\n  $decoration: \"underline\" | \"line-through\" | \"none\";\n  $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n  $whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  $wordBreak: \"regular\" | \"smart\" | \"all\";\n  $color:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\"\n    | \"warning\";\n  $weight?: \"light\" | \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n}\n\nconst colors = {\n  primary: tw`tw-text-theme-900`,\n  secondary: tw`tw-text-theme-700`,\n  tertiary: tw`tw-text-theme-600`,\n  quaternary: tw`tw-text-theme-transparent-500`,\n  \"theme-primary\": tw`tw-text-primary`,\n  \"theme-secondary\": tw`tw-text-secondary`,\n  \"page-paper\": tw`tw-text-page-paper-main`,\n  \"only-white\": tw`tw-text-only-white`,\n  \"only-black\": tw`tw-text-only-black`,\n  success: tw`tw-text-success`,\n  alert: tw`tw-text-alert`,\n  warning: tw`tw-text-warning`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  //color\n  ${(props) => colors[props.$color]}\n\n  //variant - font size\n  ${(props) =>\n    props.$variant === \"Title 1\" &&\n    css`\n      ${tw`tw-text-title-1`}\n    `}\n  ${(props) =>\n    props.$variant === \"Title 2\" &&\n    css`\n      ${tw`tw-text-title-2`}\n    `}\n  ${(props) =>\n    props.$variant === \"Title 3\" &&\n    css`\n      ${tw`tw-text-title-3`}\n    `}\n  ${(props) =>\n    props.$variant === \"Header 2\" &&\n    css`\n      ${tw`tw-text-header-2`}\n    `}\n  ${(props) =>\n    (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n    css`\n      ${tw`tw-text-body-1`}\n    `}\n  ${(props) =>\n    props.$variant === \"Body 2\" &&\n    css`\n      ${tw`tw-text-body-2`}\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 1\" &&\n    css`\n      ${tw`tw-text-caption-1`}\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 2\" &&\n    css`\n      ${tw`tw-text-caption-2`}\n    `}\n\n  //italic\n  ${(props) =>\n    props.$italic\n      ? css`\n          font-style: italic;\n        `\n      : css`\n          font-style: normal;\n        `}\n\n  //tabularNums\n  ${(props) =>\n    props.$tabularNums\n      ? css`\n          font-variant-numeric: tabular-nums;\n        `\n      : css`\n          font-variant-numeric: normal;\n        `}\n\n  //letterSpacing\n  ${(props) =>\n    props.$letterSpacing === \"regular\" &&\n    css`\n      ${tw`tw-tracking-regular`}\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"tight\" &&\n    css`\n      ${tw`tw-tracking-tight`}\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"wide\" &&\n    css`\n      ${tw`tw-tracking-wide`}\n    `}\n\n  //lineHeight\n  ${(props) =>\n    props.$lineHeight === \"regular\" &&\n    css`\n      ${tw`tw-leading-regular`}\n    `}\n  ${(props) =>\n    props.$lineHeight === \"tight\" &&\n    css`\n      ${tw`tw-leading-tight`}\n    `}\n  ${(props) =>\n    props.$lineHeight === \"loose\" &&\n    css`\n      ${tw`tw-leading-loose`}\n    `}\n\n  //align\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      text-align: left;\n    `}\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      text-align: right;\n    `}\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      text-align: center;\n    `}\n  ${(props) =>\n    props.$align === \"justify\" &&\n    css`\n      text-align: justify;\n    `}\n\n  //decoration\n  ${(props) =>\n    props.$decoration === \"none\" &&\n    css`\n      text-decoration: none;\n    `}\n  ${(props) =>\n    props.$decoration === \"underline\" &&\n    css`\n      text-decoration: underline;\n    `}\n  ${(props) =>\n    props.$decoration === \"line-through\" &&\n    css`\n      text-decoration: line-through;\n    `}\n\n  //transform\n  ${(props) =>\n    props.$transform === \"regular\" &&\n    css`\n      text-transform: none;\n    `}\n  ${(props) =>\n    props.$transform === \"uppercase\" &&\n    css`\n      text-transform: uppercase;\n    `}\n  ${(props) =>\n    props.$transform === \"lowercase\" &&\n    css`\n      text-transform: lowercase;\n    `}\n  ${(props) =>\n    props.$transform === \"capitalize\" &&\n    css`\n      text-transform: capitalize;\n    `}\n\n  //overflow\n  ${(props) =>\n    props.$overflow === \"visible\" &&\n    css`\n      overflow: visible;\n    `}\n  ${(props) =>\n    props.$overflow === \"ellipsis\" &&\n    css`\n      text-overflow: ellipsis;\n    `}\n  ${(props) =>\n    props.$overflow === \"truncate\" &&\n    css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `}\n\n  //whitespace\n  ${(props) =>\n    props.$whitespace === \"regular\" &&\n    css`\n      white-space: normal;\n    `}\n  ${(props) =>\n    props.$whitespace === \"no-wrap\" &&\n    css`\n      white-space: nowrap;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre\" &&\n    css`\n      white-space: pre;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre-wrap\" &&\n    css`\n      white-space: pre-wrap;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre-line\" &&\n    css`\n      white-space: pre-line;\n    `}\n  ${(props) =>\n    props.$whitespace === \"break-spaces\" &&\n    css`\n      white-space: break-spaces;\n    `}\n\n  //wordBreak\n  ${(props) =>\n    props.$wordBreak === \"regular\" &&\n    css`\n      overflow-wrap: normal;\n      word-break: normal;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"smart\" &&\n    css`\n      overflow-wrap: break-word;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"all\" &&\n    css`\n      word-break: break-all;\n    `}\n\n  // Title 3 stands on a 32px line unless the caller picks another line height.\n  ${(props) =>\n    props.$variant === \"Title 3\" &&\n    props.$lineHeight === \"regular\" &&\n    css`\n      line-height: 2rem;\n    `}\n\n  //weight\n  ${(props) =>\n    props.$weight === \"regular\" &&\n    css`\n      ${tw`tw-font-regular`}\n    `}\n  ${(props) =>\n    props.$weight === \"light\" &&\n    css`\n      ${tw`tw-font-light`}\n    `}\n  ${(props) =>\n    props.$weight === \"medium\" &&\n    css`\n      ${tw`tw-font-medium`}\n    `}\n  ${(props) =>\n    props.$weight === \"semibold\" &&\n    css`\n      ${tw`tw-font-semibold`}\n    `}\n  ${(props) =>\n    props.$weight === \"bold\" &&\n    css`\n      ${tw`tw-font-bold`}\n    `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.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","Typography","exports","forwardRef","_ref","ref","_ref$variant","variant","as","_ref$color","color","_ref$italic","italic","_ref$tabularNums","tabularNums","_ref$letterSpacing","letterSpacing","_ref$lineHeight","lineHeight","_ref$align","align","_ref$decoration","decoration","_ref$transform","transform","_ref$overflow","overflow","_ref$whitespace","whitespace","_ref$wordBreak","wordBreak","_ref$weight","weight","className","children","props","Component","createElement","StyledTypography","classNames","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$variant","$color","$weight","displayName"],"sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\nexport type Variant =\n  | \"Title 1\"\n  | \"Title 2\"\n  | \"Header 2\"\n  | \"Header 3\"\n  | \"Body 1\"\n  | \"Body 2\"\n  | \"Caption 1\"\n  | \"Caption 2\";\n\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\"\n    | \"warning\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?: Variant;\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore - due to @node/types making ts more strict\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"tight\",\n        lineHeight = \"regular\",\n        align = \"left\",\n        decoration = \"none\",\n        transform = \"regular\",\n        overflow = \"visible\",\n        whitespace = \"regular\",\n        wordBreak = \"regular\",\n        weight = \"regular\",\n        className,\n        children,\n        ...props\n      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\n          className={classNames(\"typography\", className)}\n          $italic={italic}\n          $tabularNums={tabularNums}\n          $letterSpacing={letterSpacing}\n          $lineHeight={lineHeight}\n          $align={align}\n          $decoration={decoration}\n          $transform={transform}\n          $overflow={overflow}\n          $whitespace={whitespace}\n          $wordBreak={wordBreak}\n          $variant={variant}\n          $color={color}\n          $weight={weight}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Typography.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","Typography","exports","forwardRef","_ref","ref","_ref$variant","variant","as","_ref$color","color","_ref$italic","italic","_ref$tabularNums","tabularNums","_ref$letterSpacing","letterSpacing","_ref$lineHeight","lineHeight","_ref$align","align","_ref$decoration","decoration","_ref$transform","transform","_ref$overflow","overflow","_ref$whitespace","whitespace","_ref$wordBreak","wordBreak","_ref$weight","weight","className","children","props","Component","createElement","StyledTypography","classNames","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$variant","$color","$weight","displayName"],"sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\nexport type Variant =\n  | \"Title 1\"\n  | \"Title 2\"\n  | \"Title 3\"\n  | \"Header 2\"\n  | \"Header 3\"\n  | \"Body 1\"\n  | \"Body 2\"\n  | \"Caption 1\"\n  | \"Caption 2\";\n\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\"\n    | \"warning\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?: Variant;\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore - due to @node/types making ts more strict\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"tight\",\n        lineHeight = \"regular\",\n        align = \"left\",\n        decoration = \"none\",\n        transform = \"regular\",\n        overflow = \"visible\",\n        whitespace = \"regular\",\n        wordBreak = \"regular\",\n        weight = \"regular\",\n        className,\n        children,\n        ...props\n      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\n          className={classNames(\"typography\", className)}\n          $italic={italic}\n          $tabularNums={tabularNums}\n          $letterSpacing={letterSpacing}\n          $lineHeight={lineHeight}\n          $align={align}\n          $decoration={decoration}\n          $transform={transform}\n          $overflow={overflow}\n          $whitespace={whitespace}\n          $wordBreak={wordBreak}\n          $variant={variant}\n          $color={color}\n          $weight={weight}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Typography/Variants/Title3.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Title3 = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Typography = require("../Typography");
+var _excluded = ["weight", "children"];
+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 Title3 = exports.Title3 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? "semibold" : _ref$weight,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Typography.Typography, _extends({
+    weight: weight,
+    variant: "Title 3",
+    ref: ref
+  }, props), children);
+});
+Title3.displayName = "Title3";
+//# sourceMappingURL=Title3.js.map

package/dist/cjs/components/Typography/Variants/Title3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title3.js","names":["_react","_interopRequireWildcard","require","_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","Title3","exports","forwardRef","_ref","ref","_ref$weight","weight","children","props","createElement","Typography","variant","displayName"],"sources":["../../../../../src/components/Typography/Variants/Title3.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport interface ITitle3Props {\n  /** Font weight. */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n}\n\nexport const Title3 = forwardRef<\n  HTMLDivElement,\n  ITitle3Props & Omit<ITypographyProps, keyof ITitle3Props | \"variant\">\n>(({ weight = \"semibold\", children, ...props }, ref) => {\n  return (\n    <Typography weight={weight} variant=\"Title 3\" ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nTitle3.displayName = \"Title3\";\n"],"mappings":"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","ignoreList":[]}