npm - @activecollab/components - Versions diffs - 2.0.498 → 2.0.500 - Mend

@activecollab/components 2.0.498 → 2.0.500

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/esm/components/Section/Styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Styles.js","names":["styled","StyledSection","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,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,aAAa,GAAGD,MAAM,CAACE,OAAO,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAK1C;AAED,OAAO,MAAMC,mBAAmB,GAAGN,MAAM,CAACO,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAM5C;AAED,OAAO,MAAMG,kBAAkB,GAAGR,MAAM,CAACS,EAAE,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8FAM1C;AAED,OAAO,MAAMK,oBAAoB,GAAGV,MAAM,CAACW,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEAI9C;AAED,OAAO,MAAMO,oBAAoB,GAAGZ,MAAM,CAACO,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAK7C","ignoreList":[]}

package/dist/esm/components/Section/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./Section";
2	+ //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Section/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Section/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

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

	@@ -0,0 +1,2 @@
1	+ export * from "./Section";
2	+ //# sourceMappingURL=index.js.map

package/dist/esm/components/Section/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Section/index.ts"],"sourcesContent":["export * from \"./Section\";\n"],"mappings":"AAAA,cAAc,WAAW","ignoreList":[]}

package/dist/esm/components/Sheet/Sheet.d.ts CHANGED Viewed

@@ -13,6 +13,10 @@ interface ISheet {
     animation?: "top" | "bottom" | "left" | "right";
     position?: "center" | "left" | "right";
     mode?: "normal" | "stretch";
+    /** The widest the sheet gets in stretch mode. A number is in pixels. */
+    maxWidth?: number | string;
+    /** "sheet" draws the paper on the sheet surface with large corners. */
+    surface?: "paper" | "sheet";
     disableFocusLock?: boolean;
     disableScrollLock?: boolean;
     disableBackgroundColor?: boolean;

package/dist/esm/components/Sheet/Sheet.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,aAAa,EAGd,MAAM,OAAO,CAAC;AAuBf,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,eAAO,MAAM,KAAK,~~oHAoLjB~~,CAAC"}
1	+ {"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,aAAa,EAGd,MAAM,OAAO,CAAC;AAuBf,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,eAAO,MAAM,KAAK,oHA0LjB,CAAC"}

package/dist/esm/components/Sheet/Sheet.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
+const _excluded = ["children", "onClose", "controls", "open", "animation", "position", "mode", "maxWidth", "surface", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
 import React, { useCallback, useEffect, forwardRef, useState, useImperativeHandle } from "react";
 import classnames from "classnames";
 import { StyledAnimatedSpan, StyledCssTransition, StyledHeader, StyledIconsWrapperSmall, StyledListSeparator, StyledSheetIcons, StyledSheetWrapper, SHEET_ENTER_MS, SHEET_EXIT_MS, StyledSheetSurface, StyledSheetWrapperPaper } from "./Styles";
@@ -22,6 +22,9 @@ export const Sheet = /*#__PURE__*/forwardRef((_ref, 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,
@@ -97,7 +100,8 @@ export const Sheet = /*#__PURE__*/forwardRef((_ref, ref) => {
     className: classnames("c-sheet__wrapper", bodyClassName),
     style: bodyStyle,
     $position: position,
-    $mode: mode
+    $mode: mode,
+    $maxWidth: maxWidth
   }, /*#__PURE__*/React.createElement(StyledCssTransition, {
     appear: true,
     in: open,
@@ -122,7 +126,8 @@ export const Sheet = /*#__PURE__*/forwardRef((_ref, ref) => {
       className: className
     }, IconComponent));
   })), /*#__PURE__*/React.createElement(StyledSheetWrapperPaper, {
-    paperClass: "c-sheet__wrapper__paper"
+    paperClass: "c-sheet__wrapper__paper",
+    $surface: surface
   }, controls.length > 0 && /*#__PURE__*/React.createElement(StyledHeader, null, /*#__PURE__*/React.createElement(StyledIconsWrapperSmall, null, controls.map((_ref3, index) => {
     let IconComponent = _ref3.icon,
       tooltip = _ref3.tooltip,

package/dist/esm/components/Sheet/Sheet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sheet.js","names":["React","useCallback","useEffect","forwardRef","useState","useImperativeHandle","classnames","StyledAnimatedSpan","StyledCssTransition","StyledHeader","StyledIconsWrapperSmall","StyledListSeparator","StyledSheetIcons","StyledSheetWrapper","SHEET_ENTER_MS","SHEET_EXIT_MS","StyledSheetSurface","StyledSheetWrapperPaper","IconButton","Overlay","Tooltip","Fade","Window","Sheet","_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","_objectWithoutPropertiesLoose","_excluded","_useState","setOpen","_useState2","exited","setExited","_useState3","overlayEntered","setOverlayEntered","handleEnter","handleExited","handleClose","handleOverlayEntered","handleOverlayExit","handleBackgroundClick","event","preventDefault","close","createElement","_extends","style","pointerEvents","in","timeout","onEntered","onExit","onClick","className","$position","$mode","appear","classNames","$direction","onEnter","onExited","length","map","_ref2","index","IconComponent","icon","tooltip","disabled","title","disable","key","$disabled","paperClass","_ref3","variant","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","useCallback","useEffect","forwardRef","useState","useImperativeHandle","classnames","StyledAnimatedSpan","StyledCssTransition","StyledHeader","StyledIconsWrapperSmall","StyledListSeparator","StyledSheetIcons","StyledSheetWrapper","SHEET_ENTER_MS","SHEET_EXIT_MS","StyledSheetSurface","StyledSheetWrapperPaper","IconButton","Overlay","Tooltip","Fade","Window","Sheet","_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","_objectWithoutPropertiesLoose","_excluded","_useState","setOpen","_useState2","exited","setExited","_useState3","overlayEntered","setOverlayEntered","handleEnter","handleExited","handleClose","handleOverlayEntered","handleOverlayExit","handleBackgroundClick","event","preventDefault","close","createElement","_extends","style","pointerEvents","in","timeout","onEntered","onExit","onClick","className","$position","$mode","$maxWidth","appear","classNames","$direction","onEnter","onExited","length","map","_ref2","index","IconComponent","icon","tooltip","disabled","title","disable","key","$disabled","paperClass","$surface","_ref3","variant","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/esm/components/Sheet/Styles.d.ts CHANGED Viewed

@@ -5,10 +5,12 @@ export declare const StyledSheetIcons: import("styled-components").StyledCompone
 interface IStyledSheetWrapper {
     $position?: "center" | "left" | "right";
     $mode?: "normal" | "stretch";
+    $maxWidth?: number | string;
 }
 export declare const StyledSheetWrapper: import("styled-components").StyledComponent<"div", any, IStyledSheetWrapper, never>;
 interface IStyledSheetWrapperPaper {
     paperClass?: string;
+    $surface?: "paper" | "sheet";
 }
 export declare const StyledSheetSurface: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledSheetWrapperPaper: import("styled-components").StyledComponent<"div", any, IStyledSheetWrapperPaper, never>;

package/dist/esm/components/Sheet/Styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/Styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AASvD,eAAO,MAAM,cAAc,MAAM,CAAC;AAClC,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,gBAAgB,oEA2B5B,CAAC;AAIF,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;~~CAC9B~~;~~AAED~~,eAAO,MAAM,kBAAkB,qFAiG9B,CAAC;AAIF,UAAU,wBAAwB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;~~CACrB~~;AAED,eAAO,MAAM,kBAAkB,oEAQ9B,CAAC;AAIF,eAAO,MAAM,uBAAuB,~~0FAkBnC~~,CAAC;AAIF,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,sFAc9B,CAAC;AAIF,eAAO,MAAM,mBAAmB;gBAClB,MAAM;SA6HnB,CAAC;AAIF,eAAO,MAAM,mBAAmB;;;kBAE/B,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEASnC,CAAC;AAIF,eAAO,MAAM,YAAY,oEAIxB,CAAC"}
1	+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/Styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AASvD,eAAO,MAAM,cAAc,MAAM,CAAC;AAClC,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,gBAAgB,oEA2B5B,CAAC;AAIF,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAKD,eAAO,MAAM,kBAAkB,qFAiG9B,CAAC;AAIF,UAAU,wBAAwB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,oEAQ9B,CAAC;AAIF,eAAO,MAAM,uBAAuB,0FA4BnC,CAAC;AAIF,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,sFAc9B,CAAC;AAIF,eAAO,MAAM,mBAAmB;gBAClB,MAAM;SA6HnB,CAAC;AAIF,eAAO,MAAM,mBAAmB;;;kBAE/B,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEASnC,CAAC;AAIF,eAAO,MAAM,YAAY,oEAIxB,CAAC"}

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

@@ -10,10 +10,14 @@ export const StyledSheetIcons = styled.div.withConfig({
   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";
+const toCssSize = value => typeof value === "number" ? value + "px" : value;
 export const StyledSheetWrapper = styled.div.withConfig({
   displayName: "Styles__StyledSheetWrapper",
   componentId: "sc-144eyxd-1"
-})(["", " ", " position:relative;max-width:95vw;display:flex;flex-direction:row;", " ", " ", " ", " ", " ", " ", ""], BoxSizingStyle, FontStyle, props => props.$mode === "stretch" ? 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) : 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), props => props.$mode === "stretch" && css(["@media (max-width:640px){width:100%;height:100%;}"]), props => props.$position === "center" && css(["", ""], {
+})(["", " ", " position:relative;max-width:95vw;display:flex;flex-direction:row;", " ", " ", " ", " ", " ", " ", ""], BoxSizingStyle, FontStyle, props => {
+  var _props$$maxWidth;
+  return props.$mode === "stretch" ? 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 : 1000), StyledSheetIcons) : 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);
+}, props => props.$mode === "stretch" && css(["@media (max-width:640px){width:100%;height:100%;}"]), props => props.$position === "center" && css(["", ""], {
   "marginLeft": "auto",
   "marginRight": "auto"
 }), props => props.$position === "left" && css(["", ""], {
@@ -34,7 +38,7 @@ export const StyledSheetWrapperPaper = styled.div.attrs(props => ({
 })).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;", " ", ""], props => props.$surface === "sheet" && css(["background-color:var(--surface-sheet);@media (min-width:641px){border-radius:24px;}"]), {
   "flex": "1 1 auto"
 });
 StyledSheetWrapperPaper.displayName = "StyledSheetWrapperPaper";

package/dist/esm/components/Sheet/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["CSSTransition","styled","css","BoxSizingStyle","FontStyle","ListSeparator","SHEET_ENTER_MS","SHEET_EXIT_MS","StyledSheetIcons","div","withConfig","displayName","componentId","StyledSheetWrapper","props","$mode","$position","StyledSheetSurface","StyledSheetWrapperPaper","attrs","className","paperClass","StyledAnimatedSpan","span","$disabled","StyledCssTransition","$direction","StyledListSeparator","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":["CSSTransition","styled","css","BoxSizingStyle","FontStyle","ListSeparator","SHEET_ENTER_MS","SHEET_EXIT_MS","StyledSheetIcons","div","withConfig","displayName","componentId","toCssSize","value","StyledSheetWrapper","props","_props$$maxWidth","$mode","$maxWidth","$position","StyledSheetSurface","StyledSheetWrapperPaper","attrs","className","paperClass","$surface","StyledAnimatedSpan","span","$disabled","StyledCssTransition","$direction","StyledListSeparator","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/esm/components/Steppers/DateStepper/Styles.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ export declare const StyledButton: import("styled-components").StyledComponent<"
 export declare const StyledMenu: import("styled-components").StyledComponent<import("react").FC<import("../..").IMenu>, any, {}, never>;
 export declare const StyledButtonGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     invalid?: boolean;
+    appearance?: "default" | "raised";
 } & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledSpan: import("styled-components").StyledComponent<"span", any, {}, never>;
 interface StyledDiv {

package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY;WAA0B,MAAM;SAwDxD,CAAC;AAEF,eAAO,MAAM,UAAU,wGAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mEAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,2EA+FrB,CAAC;AAEF,eAAO,MAAM,aAAa;;sEAEzB,CAAC"}
1	+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY;WAA0B,MAAM;SAwDxD,CAAC;AAEF,eAAO,MAAM,UAAU,wGAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;mEAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,2EA+FrB,CAAC;AAEF,eAAO,MAAM,aAAa;;sEAEzB,CAAC"}

package/dist/esm/components/Typography/Styles.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 interface IStyledTypographyProps {
-    $variant: "Title 1" | "Title 2" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
+    $variant: "Title 1" | "Title 2" | "Title 3" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
     $italic: boolean;
     $tabularNums: boolean;
     $letterSpacing: "tight" | "regular" | "wide";
@@ -11,7 +11,7 @@ interface IStyledTypographyProps {
     $whitespace?: "regular" | "no-wrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces";
     $wordBreak: "regular" | "smart" | "all";
     $color: "primary" | "secondary" | "tertiary" | "quaternary" | "theme-primary" | "theme-secondary" | "only-white" | "only-black" | "page-paper" | "success" | "alert" | "warning";
-    $weight?: "light" | "regular" | "medium" | "bold";
+    $weight?: "light" | "regular" | "medium" | "semibold" | "bold";
 }
 export declare const StyledTypography: import("styled-components").StyledComponent<"div", any, IStyledTypographyProps, never>;
 export {};

package/dist/esm/components/Typography/Styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAMA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;~~CACnD~~;AAiBD,eAAO,MAAM,gBAAgB,~~wFAyP5B~~,CAAC"}
1	+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAMA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;CAChE;AAiBD,eAAO,MAAM,gBAAgB,wFA2Q5B,CAAC"}

package/dist/esm/components/Typography/Styles.js CHANGED Viewed

@@ -42,10 +42,12 @@ const colors = {
 export const StyledTypography = styled.div.withConfig({
   displayName: "Styles__StyledTypography",
   componentId: "sc-mskw5w-0"
-})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, props => colors[props.$color], props => props.$variant === "Title 1" && css(["", ""], {
+})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, props => colors[props.$color], props => props.$variant === "Title 1" && css(["", ""], {
   "fontSize": "2rem"
 }), props => props.$variant === "Title 2" && css(["", ""], {
   "fontSize": "1.675rem"
+}), props => props.$variant === "Title 3" && css(["", ""], {
+  "fontSize": "1.5rem"
 }), props => props.$variant === "Header 2" && css(["", ""], {
   "fontSize": "1.125rem"
 }), props => (props.$variant === "Header 3" || props.$variant === "Body 1") && css(["", ""], {
@@ -68,12 +70,14 @@ export const StyledTypography = styled.div.withConfig({
   "lineHeight": "1"
 }), props => props.$lineHeight === "loose" && css(["", ""], {
   "lineHeight": "1.625"
-}), props => props.$align === "left" && css(["text-align:left;"]), props => props.$align === "right" && css(["text-align:right;"]), props => props.$align === "center" && css(["text-align:center;"]), props => props.$align === "justify" && css(["text-align:justify;"]), props => props.$decoration === "none" && css(["text-decoration:none;"]), props => props.$decoration === "underline" && css(["text-decoration:underline;"]), props => props.$decoration === "line-through" && css(["text-decoration:line-through;"]), props => props.$transform === "regular" && css(["text-transform:none;"]), props => props.$transform === "uppercase" && css(["text-transform:uppercase;"]), props => props.$transform === "lowercase" && css(["text-transform:lowercase;"]), props => props.$transform === "capitalize" && css(["text-transform:capitalize;"]), props => props.$overflow === "visible" && css(["overflow:visible;"]), props => props.$overflow === "ellipsis" && css(["text-overflow:ellipsis;"]), props => props.$overflow === "truncate" && css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]), props => props.$whitespace === "regular" && css(["white-space:normal;"]), props => props.$whitespace === "no-wrap" && css(["white-space:nowrap;"]), props => props.$whitespace === "pre" && css(["white-space:pre;"]), props => props.$whitespace === "pre-wrap" && css(["white-space:pre-wrap;"]), props => props.$whitespace === "pre-line" && css(["white-space:pre-line;"]), props => props.$whitespace === "break-spaces" && css(["white-space:break-spaces;"]), props => props.$wordBreak === "regular" && css(["overflow-wrap:normal;word-break:normal;"]), props => props.$wordBreak === "smart" && css(["overflow-wrap:break-word;"]), props => props.$wordBreak === "all" && css(["word-break:break-all;"]), props => props.$weight === "regular" && css(["", ""], {
+}), props => props.$align === "left" && css(["text-align:left;"]), props => props.$align === "right" && css(["text-align:right;"]), props => props.$align === "center" && css(["text-align:center;"]), props => props.$align === "justify" && css(["text-align:justify;"]), props => props.$decoration === "none" && css(["text-decoration:none;"]), props => props.$decoration === "underline" && css(["text-decoration:underline;"]), props => props.$decoration === "line-through" && css(["text-decoration:line-through;"]), props => props.$transform === "regular" && css(["text-transform:none;"]), props => props.$transform === "uppercase" && css(["text-transform:uppercase;"]), props => props.$transform === "lowercase" && css(["text-transform:lowercase;"]), props => props.$transform === "capitalize" && css(["text-transform:capitalize;"]), props => props.$overflow === "visible" && css(["overflow:visible;"]), props => props.$overflow === "ellipsis" && css(["text-overflow:ellipsis;"]), props => props.$overflow === "truncate" && css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]), props => props.$whitespace === "regular" && css(["white-space:normal;"]), props => props.$whitespace === "no-wrap" && css(["white-space:nowrap;"]), props => props.$whitespace === "pre" && css(["white-space:pre;"]), props => props.$whitespace === "pre-wrap" && css(["white-space:pre-wrap;"]), props => props.$whitespace === "pre-line" && css(["white-space:pre-line;"]), props => props.$whitespace === "break-spaces" && css(["white-space:break-spaces;"]), props => props.$wordBreak === "regular" && css(["overflow-wrap:normal;word-break:normal;"]), props => props.$wordBreak === "smart" && css(["overflow-wrap:break-word;"]), props => props.$wordBreak === "all" && css(["word-break:break-all;"]), props => props.$variant === "Title 3" && props.$lineHeight === "regular" && css(["line-height:2rem;"]), props => props.$weight === "regular" && css(["", ""], {
   "fontWeight": "400"
 }), props => props.$weight === "light" && css(["", ""], {
   "fontWeight": "300"
 }), props => props.$weight === "medium" && css(["", ""], {
   "fontWeight": "500"
+}), props => props.$weight === "semibold" && css(["", ""], {
+  "fontWeight": "600"
 }), props => props.$weight === "bold" && css(["", ""], {
   "fontWeight": "700"
 }));

package/dist/esm/components/Typography/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","warning","StyledTypography","div","withConfig","displayName","componentId","props","$color","$variant","$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":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","warning","StyledTypography","div","withConfig","displayName","componentId","props","$color","$variant","$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/esm/components/Typography/Typography.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from "react";
 import { PolymorphicComponentPropsWithRef } from "../../utils/types";
-export type Variant = "Title 1" | "Title 2" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
+export type Variant = "Title 1" | "Title 2" | "Title 3" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
 export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
     /** Font color. */
     color?: "primary" | "secondary" | "tertiary" | "quaternary" | "theme-primary" | "theme-secondary" | "only-white" | "only-black" | "page-paper" | "success" | "alert" | "warning";
@@ -29,7 +29,7 @@ export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
     /** Element variant. */
     variant?: Variant;
     /** Font weight. */
-    weight?: "light" | "regular" | "medium" | "bold";
+    weight?: "light" | "regular" | "medium" | "semibold" | "bold";
     /** Font size. */
     size?: "32" | "18" | "16" | "14" | "12" | "10";
 }

package/dist/esm/components/Typography/Typography.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKrE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,OAAO,GACf,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,kBAAkB;IAClB,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,4BAA4B;IAC5B,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,sBAAsB;IACtB,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,uBAAuB;IACvB,UAAU,CAAC,EACP,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;~~IACjD~~,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACrD,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAmDlE,CAAC"}
1	+ {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKrE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,OAAO,GACf,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,kBAAkB;IAClB,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,4BAA4B;IAC5B,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,sBAAsB;IACtB,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,uBAAuB;IACvB,UAAU,CAAC,EACP,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC9D,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACrD,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAmDlE,CAAC"}

package/dist/esm/components/Typography/Typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Typography.js","names":["React","forwardRef","classNames","StyledTypography","Typography","_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","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","$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,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;~~AA0E3C~~,OAAO,MAAMC,UAA0D,gBACrEH,UAAU,CAGR,CAAAI,IAAA,EAoBEC,GAAuB,KACpB;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,GAAAC,6BAAA,CAAAhC,IAAA,EAAAiC,SAAA;EAIV,MAAMC,SAAS,GAAG9B,EAAE,IAAI,KAAK;EAC7B,oBACET,KAAA,CAAAwC,aAAA,CAACrC,gBAAgB,EAAAsC,QAAA;IACfhC,EAAE,EAAE8B,SAAU;IACdL,SAAS,EAAEhC,UAAU,CAAC,YAAY,EAAEgC,SAAS,CAAE;IAC/CQ,OAAO,EAAE7B,MAAO;IAChB8B,YAAY,EAAE5B,WAAY;IAC1B6B,cAAc,EAAE3B,aAAc;IAC9B4B,WAAW,EAAE1B,UAAW;IACxB2B,MAAM,EAAEzB,KAAM;IACd0B,WAAW,EAAExB,UAAW;IACxByB,UAAU,EAAEvB,SAAU;IACtBwB,SAAS,EAAEtB,QAAS;IACpBuB,WAAW,EAAErB,UAAW;IACxBsB,UAAU,EAAEpB,SAAU;IACtBqB,QAAQ,EAAE5C,OAAQ;IAClB6C,MAAM,EAAE1C,KAAM;IACd2C,OAAO,EAAErB,MAAO;IAChB3B,GAAG,EAAEA;EAAI,GACL8B,KAAK,GAERD,QACe,CAAC;AAEvB,CACF,CAAC;AAEH/B,UAAU,CAACmD,WAAW,GAAG,YAAY","ignoreList":[]}
1	+ {"version":3,"file":"Typography.js","names":["React","forwardRef","classNames","StyledTypography","Typography","_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","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","$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":";;;AAAA,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AA2E3C,OAAO,MAAMC,UAA0D,gBACrEH,UAAU,CAGR,CAAAI,IAAA,EAoBEC,GAAuB,KACpB;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,GAAAC,6BAAA,CAAAhC,IAAA,EAAAiC,SAAA;EAIV,MAAMC,SAAS,GAAG9B,EAAE,IAAI,KAAK;EAC7B,oBACET,KAAA,CAAAwC,aAAA,CAACrC,gBAAgB,EAAAsC,QAAA;IACfhC,EAAE,EAAE8B,SAAU;IACdL,SAAS,EAAEhC,UAAU,CAAC,YAAY,EAAEgC,SAAS,CAAE;IAC/CQ,OAAO,EAAE7B,MAAO;IAChB8B,YAAY,EAAE5B,WAAY;IAC1B6B,cAAc,EAAE3B,aAAc;IAC9B4B,WAAW,EAAE1B,UAAW;IACxB2B,MAAM,EAAEzB,KAAM;IACd0B,WAAW,EAAExB,UAAW;IACxByB,UAAU,EAAEvB,SAAU;IACtBwB,SAAS,EAAEtB,QAAS;IACpBuB,WAAW,EAAErB,UAAW;IACxBsB,UAAU,EAAEpB,SAAU;IACtBqB,QAAQ,EAAE5C,OAAQ;IAClB6C,MAAM,EAAE1C,KAAM;IACd2C,OAAO,EAAErB,MAAO;IAChB3B,GAAG,EAAEA;EAAI,GACL8B,KAAK,GAERD,QACe,CAAC;AAEvB,CACF,CAAC;AAEH/B,UAAU,CAACmD,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/Typography/Variants/Title3.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from "react";
+import { ITypographyProps } from "../Typography";
+export interface ITitle3Props {
+    /** Font weight. */
+    weight?: "regular" | "medium" | "semibold" | "bold";
+}
+export declare const Title3: React.ForwardRefExoticComponent<ITitle3Props & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Title3.d.ts.map

package/dist/esm/components/Typography/Variants/Title3.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Title3.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Title3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,MAAM,WAAW,YAAY;IAC3B,mBAAmB;IACnB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;CACrD;AAED,eAAO,MAAM,MAAM,oIASjB,CAAC"}

package/dist/esm/components/Typography/Variants/Title3.js ADDED Viewed

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["weight", "children"];
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography";
+export const Title3 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? "semibold" : _ref$weight,
+    children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Typography, _extends({
+    weight: weight,
+    variant: "Title 3",
+    ref: ref
+  }, props), children);
+});
+Title3.displayName = "Title3";
+//# sourceMappingURL=Title3.js.map

package/dist/esm/components/Typography/Variants/Title3.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Title3.js","names":["React","forwardRef","Typography","Title3","_ref","ref","_ref$weight","weight","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","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":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAA2BC,UAAU,QAAQ,eAAe;AAO5D,OAAO,MAAMC,MAAM,gBAAGF,UAAU,CAG9B,CAAAG,IAAA,EAA8CC,GAAG,KAAK;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAnDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,UAAU,GAAAA,WAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAKC,KAAK,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAC1C,oBACEX,KAAA,CAAAY,aAAA,CAACV,UAAU,EAAAW,QAAA;IAACN,MAAM,EAAEA,MAAO;IAACO,OAAO,EAAC,SAAS;IAACT,GAAG,EAAEA;EAAI,GAAKI,KAAK,GAC9DD,QACS,CAAC;AAEjB,CAAC,CAAC;AAEFL,MAAM,CAACY,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/esm/components/Typography/index.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 export * from "./Variants/Title1";
 export * from "./Variants/Title2";
+export * from "./Variants/Title3";
 export * from "./Variants/Header2";
 export * from "./Variants/Header3";
 export * from "./Variants/Body1";

package/dist/esm/components/Typography/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

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

@@ -1,5 +1,6 @@
 export * from "./Variants/Title1";
 export * from "./Variants/Title2";
+export * from "./Variants/Title3";
 export * from "./Variants/Header2";
 export * from "./Variants/Header3";
 export * from "./Variants/Body1";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"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,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":[],"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":"AAAA,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB","ignoreList":[]}