npm - @activecollab/components - Versions diffs - 2.0.497 → 2.0.499 - Mend

@activecollab/components 2.0.497 → 2.0.499

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (489) hide show

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

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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","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":"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","ignoreList":[]}

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

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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","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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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 \| \"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 CHANGED Viewed

	@@ -1 +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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAA4C,IAAAI,SAAA;AAAA,SAAAF,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,wBAAAM,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,yBAAA1B,CAAA,EAAAG,CAAA,gBAAAH,CAAA,iBAAAO,CAAA,EAAAF,CAAA,EAAAG,CAAA,GAAAmB,6BAAA,CAAA3B,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,CAAA0B,OAAA,CAAAtB,CAAA,QAAAuB,oBAAA,CAAAd,IAAA,CAAAhB,CAAA,EAAAO,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAP,CAAA,CAAAO,CAAA,aAAAC,CAAA;AAAA,SAAAmB,8BAAAtB,CAAA,EAAAL,CAAA,gBAAAK,CAAA,iBAAAF,CAAA,gBAAAG,CAAA,IAAAD,CAAA,SAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAC,CAAA,gBAAAN,CAAA,CAAA6B,OAAA,CAAAvB,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAD,CAAA,CAAAC,CAAA,YAAAH,CAAA;~~AA0ErC~~,IAAM4B,UAA0D,GAAAC,OAAA,CAAAD,UAAA,gBACrE,IAAAE,iBAAU,EAGR,UAAAC,IAAA,EAoBEC,GAAuB,EACpB;EAAA,IAAAC,YAAA,GAAAF,IAAA,CAnBDG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IACnBE,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IAAAC,UAAA,GAAAL,IAAA,CACFM,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,SAAS,GAAAA,UAAA;IAAAE,WAAA,GAAAP,IAAA,CACjBQ,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,gBAAA,GAAAT,IAAA,CACdU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;IAAAE,kBAAA,GAAAX,IAAA,CACnBY,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,OAAO,GAAAA,kBAAA;IAAAE,eAAA,GAAAb,IAAA,CACvBc,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IAAAE,UAAA,GAAAf,IAAA,CACtBgB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,eAAA,GAAAjB,IAAA,CACdkB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,MAAM,GAAAA,eAAA;IAAAE,cAAA,GAAAnB,IAAA,CACnBoB,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,SAAS,GAAAA,cAAA;IAAAE,aAAA,GAAArB,IAAA,CACrBsB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,SAAS,GAAAA,aAAA;IAAAE,eAAA,GAAAvB,IAAA,CACpBwB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IAAAE,cAAA,GAAAzB,IAAA,CACtB0B,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,SAAS,GAAAA,cAAA;IAAAE,WAAA,GAAA3B,IAAA,CACrB4B,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,SAAS,GAAAA,WAAA;IAClBE,SAAS,GAAA7B,IAAA,CAAT6B,SAAS;IACTC,QAAQ,GAAA9B,IAAA,CAAR8B,QAAQ;IACLC,KAAK,GAAAvC,wBAAA,CAAAQ,IAAA,EAAAnC,SAAA;EAIV,IAAMmE,SAAS,GAAG5B,EAAE,IAAI,KAAK;EAC7B,oBACE7C,MAAA,CAAAS,OAAA,CAAAiE,aAAA,CAACrE,OAAA,CAAAsE,gBAAgB,EAAAhD,QAAA;IACfkB,EAAE,EAAE4B,SAAU;IACdH,SAAS,EAAE,IAAAM,mBAAU,EAAC,YAAY,EAAEN,SAAS,CAAE;IAC/CO,OAAO,EAAE5B,MAAO;IAChB6B,YAAY,EAAE3B,WAAY;IAC1B4B,cAAc,EAAE1B,aAAc;IAC9B2B,WAAW,EAAEzB,UAAW;IACxB0B,MAAM,EAAExB,KAAM;IACdyB,WAAW,EAAEvB,UAAW;IACxBwB,UAAU,EAAEtB,SAAU;IACtBuB,SAAS,EAAErB,QAAS;IACpBsB,WAAW,EAAEpB,UAAW;IACxBqB,UAAU,EAAEnB,SAAU;IACtBoB,QAAQ,EAAE3C,OAAQ;IAClB4C,MAAM,EAAEzC,KAAM;IACd0C,OAAO,EAAEpB,MAAO;IAChB3B,GAAG,EAAEA;EAAI,GACL8B,KAAK,GAERD,QACe,CAAC;AAEvB,CACF,CAAC;AAEHjC,UAAU,CAACoD,WAAW,GAAG,YAAY","ignoreList":[]}
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 \| \"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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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":[]}

package/dist/cjs/components/Typography/index.js CHANGED Viewed

@@ -25,6 +25,17 @@ Object.keys(_Title2).forEach(function (key) {
     }
   });
 });
+var _Title3 = require("./Variants/Title3");
+Object.keys(_Title3).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Title3[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Title3[key];
+    }
+  });
+});
 var _Header = require("./Variants/Header2");
 Object.keys(_Header).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/components/Typography/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_Title","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Title2","_Header","_Header2","_Body","_Body2","_Caption","_Caption2"],"sources":["../../../../src/components/Typography/index.ts"],"sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Title2\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,OAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,OAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,OAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,OAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,~~QAAA~~,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,~~QAAA~~,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,~~QAAA~~,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,~~QAAA~~,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,~~KAAA~~,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,~~KAAA~~,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,~~KAAA~~,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,~~KAAA~~,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,~~MAAA~~,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,~~MAAA~~,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,~~MAAA~~,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAK,~~MAAA~~,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,~~QAAA~~,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,~~QAAA~~,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAU,~~QAAA~~,CAAAV,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAM,~~QAAA~~,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,~~SAAA~~,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,~~SAAA~~,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAW,~~SAAA~~,CAAAX,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAO,~~SAAA~~,CAAAX,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_Title","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Title2","_Title3","_Header","_Header2","_Body","_Body2","_Caption","_Caption2"],"sources":["../../../../src/components/Typography/index.ts"],"sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Title2\";\nexport * from \"./Variants/Title3\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"mappings":"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","ignoreList":[]}