npm - @traefik-labs/faency - Versions diffs - 12.3.2 → 12.3.3 - Mend

@traefik-labs/faency 12.3.2 → 12.3.3

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 (65) hide show

package/dist/components/Label/Label.vanilla.css.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 require("../../_virtual/_rolldown/runtime.cjs");
+;/* empty css                                             */
 ;/* empty css                                   */
 //#region components/Label/Label.vanilla.css.ts
 var labelRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({

package/dist/components/Label/Label.vanilla.css.js CHANGED Viewed

@@ -1,3 +1,4 @@
+/* empty css                                           */
 /* empty css                                 */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region components/Label/Label.vanilla.css.ts

package/dist/components/Label/Label.vanilla.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.vanilla.js","names":[],"sources":["../../../components/Label/Label.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { labelRecipe } from './Label.vanilla.css';\n\ntype LabelRecipeVariants = NonNullable<RecipeVariants<typeof labelRecipe>>;\n\ninterface LabelOwnProps extends LabelRecipeVariants, CSSProps {}\n\nexport type LabelVanillaProps<C extends ElementType = 'label'> = PolymorphicComponentProps<\n C,\n LabelOwnProps\n>;\n\ntype LabelVanillaComponent = PolymorphicComponent<'label', LabelVanillaProps<ElementType>>;\n\nconst LabelVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'label'>(\n {\n as,\n className,\n css,\n style,\n size,\n weight,\n variant,\n gradient,\n transform,\n noWrap,\n ...props\n }: LabelVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'label';\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = labelRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nLabelVanillaComponentImpl.displayName = 'LabelVanilla';\n\nexport const LabelVanilla = LabelVanillaComponentImpl as LabelVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,4BAA4B,YAE9B,EACE,IACA,WACA,KACA,OACA,MACA,QACA,SACA,UACA,WACA,QACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAID,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,YAAY;GAAE;GAAM;GAAQ;GAAS;GAAU;GAAW;GAAQ,~~CAAC~~,~~CAKzD~~,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,0BAA0B,cAAc;AAExC,IAAa,eAAe"}
1	+ {"version":3,"file":"Label.vanilla.js","names":[],"sources":["../../../components/Label/Label.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { labelRecipe } from './Label.vanilla.css';\n\ntype LabelRecipeVariants = NonNullable<RecipeVariants<typeof labelRecipe>>;\n\ninterface LabelOwnProps extends LabelRecipeVariants, CSSProps {}\n\nexport type LabelVanillaProps<C extends ElementType = 'label'> = PolymorphicComponentProps<\n C,\n LabelOwnProps\n>;\n\ntype LabelVanillaComponent = PolymorphicComponent<'label', LabelVanillaProps<ElementType>>;\n\nconst LabelVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'label'>(\n {\n as,\n className,\n css,\n style,\n size,\n weight,\n variant,\n gradient,\n transform,\n noWrap,\n ...props\n }: LabelVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'label';\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = labelRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nLabelVanillaComponentImpl.displayName = 'LabelVanilla';\n\nexport const LabelVanilla = LabelVanillaComponentImpl as LabelVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,4BAA4B,YAE9B,EACE,IACA,WACA,KACA,OACA,MACA,QACA,SACA,UACA,WACA,QACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAID,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,YAAY;GAAE;GAAM;GAAQ;GAAS;GAAU;GAAW;GAAQ,CAKpE,CAAY,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,0BAA0B,cAAc;AAExC,IAAa,eAAe"}

package/dist/components/NavigationTree/NavigationTreeItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationTreeItem.cjs","names":[],"sources":["../../../components/NavigationTree/NavigationTreeItem.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\n\nimport { CSS } from '../..';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { NavigationItem, NavigationItemProps } from '../Navigation';\nimport { Text } from '../Text';\nimport { NavigationTreeContainer } from './NavigationTreeContainer';\n\nexport interface NavigationTreeItemProps {\n label: string \| ReactNode;\n subtitle?: string;\n children?: React.ReactNode;\n defaultExpanded?: boolean;\n onClick?: () => void;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n customExpandIcon?: React.ReactNode;\n customCollapseIcon?: React.ReactNode;\n nestedChildrenLevel?: number;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeItem = ({\n label,\n subtitle,\n children,\n onClick,\n defaultExpanded = false,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n nestedChildrenLevel = 1,\n fullWidth = false,\n ...props\n}: NavigationTreeItemProps & NavigationItemProps) => {\n const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n const isExpandable = useMemo(() => React.Children.count(children) > 0, [children]);\n const hasStartAdornment = useMemo(() => !!props.startAdornment, [props.startAdornment]);\n const usedStartAdornment = useMemo(\n () =>\n hasStartAdornment\n ? props.startAdornment\n : isExpandable\n ? isExpanded\n ? customCollapseIcon \|\| defaultCollapseIcon\n : customExpandIcon \|\| defaultExpandIcon\n : null,\n [\n hasStartAdornment,\n isExpandable,\n isExpanded,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n props.startAdornment,\n ],\n );\n\n const childCss = useMemo(() => {\n if (!isExpandable) return null;\n\n return {\n pl: '$4',\n '> div > ': {\n '&::before, &::after': {\n left: fullWidth ? `calc(${nestedChildrenLevel} -20px)` : 0,\n },\n },\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isExpandable, nestedChildrenLevel]);\n\n const focusStyle = useMemo(() => {\n if (!isExpandable) return {};\n\n return {\n '&:focus': {\n boxShadow: 'none',\n\n '&::before': {\n background: 'none',\n },\n '&::after': {\n background: 'none',\n },\n },\n };\n }, [isExpandable]);\n\n return (\n <Box>\n <NavigationItem\n css={{ width: '100%', ...focusStyle }}\n {...props}\n startAdornment={usedStartAdornment}\n onClick={isExpandable ? () => setIsExpanded(!isExpanded) : onClick}\n >\n <Flex\n direction=\"column\"\n align=\"start\"\n gap={1}\n css={{\n ml: isExpandable \|\| hasStartAdornment ? 0 : '$4',\n color: 'inherit',\n width: '100%',\n }}\n >\n {typeof label === 'string' ? <Text css={{ color: 'inherit' }}>{label}</Text> : label}\n {subtitle && (\n <Text variant=\"subtle\" css={{ fontSize: '$3', opacity: 0.8 }}>\n {subtitle}\n </Text>\n )}\n </Flex>\n </NavigationItem>\n {isExpanded && (\n <NavigationTreeContainer\n defaultCollapseIcon={defaultCollapseIcon}\n defaultExpandIcon={defaultExpandIcon}\n fullWidth={fullWidth}\n css={childCss as CSS}\n >\n {children}\n </NavigationTreeContainer>\n )}\n </Box>\n );\n};\n"],"mappings":";;;;;;;;;;AAuBA,IAAa,sBAAsB,EACjC,OACA,UACA,UACA,SACA,kBAAkB,OAClB,qBACA,mBACA,oBACA,kBACA,sBAAsB,GACtB,YAAY,OACZ,GAAG,YACgD;CACnD,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAA0B,gBAAgB;CAC7D,MAAM,gBAAA,GAAA,MAAA,eAA6B,MAAA,QAAM,SAAS,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;CAClF,MAAM,qBAAA,GAAA,MAAA,eAAkC,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,eAAe,CAAC;CACvF,MAAM,sBAAA,GAAA,MAAA,eAEF,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB,MACR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACP,CACF;CAED,MAAM,YAAA,GAAA,MAAA,eAAyB;AAC7B,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO;GACL,IAAI;GACJ,aAAa,EACX,uBAAuB,EACrB,MAAM,YAAY,QAAQ,oBAAoB,aAAa,GAC5D,EACF;GACF;IAEA,CAAC,cAAc,oBAAoB,CAAC;AAmBvC,QACE,iBAAA,GAAA,kBAAA,MAAC,YAAA,KAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,gBAAD;EACE,KAAK;GAAE,OAAO;GAAQ,IAAA,GAAA,MAAA,eApBK;AAC/B,QAAI,CAAC,aAAc,QAAO,EAAE;AAE5B,WAAO,EACL,WAAW;KACT,WAAW;KAEX,aAAa,EACX,YAAY,QACb;KACD,YAAY,EACV,YAAY,QACb;KACF,EACF;MACA,CAAC,aAAa,~~CAAC~~;~~GAKyB~~;EACrC,GAAI;EACJ,gBAAgB;EAChB,SAAS,qBAAqB,cAAc,CAAC,WAAW,GAAG;YAE3D,iBAAA,GAAA,kBAAA,MAAC,aAAA,MAAD;GACE,WAAU;GACV,OAAM;GACN,KAAK;GACL,KAAK;IACH,IAAI,gBAAgB,oBAAoB,IAAI;IAC5C,OAAO;IACP,OAAO;IACR;aARH,CAUG,OAAO,UAAU,WAAW,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;IAAM,KAAK,EAAE,OAAO,WAAW;cAAG;IAAa,CAAA,GAAG,OAC9E,YACC,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;IAAM,SAAQ;IAAS,KAAK;KAAE,UAAU;KAAM,SAAS;KAAK;cACzD;IACI,CAAA,CAEJ;;EACQ,CAAA,EAChB,cACC,iBAAA,GAAA,kBAAA,KAAC,gCAAA,yBAAD;EACuB;EACF;EACR;EACX,KAAK;EAEJ;EACuB,CAAA,CAExB,EAAA,CAAA"}
1	+ {"version":3,"file":"NavigationTreeItem.cjs","names":[],"sources":["../../../components/NavigationTree/NavigationTreeItem.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\n\nimport { CSS } from '../..';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { NavigationItem, NavigationItemProps } from '../Navigation';\nimport { Text } from '../Text';\nimport { NavigationTreeContainer } from './NavigationTreeContainer';\n\nexport interface NavigationTreeItemProps {\n label: string \| ReactNode;\n subtitle?: string;\n children?: React.ReactNode;\n defaultExpanded?: boolean;\n onClick?: () => void;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n customExpandIcon?: React.ReactNode;\n customCollapseIcon?: React.ReactNode;\n nestedChildrenLevel?: number;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeItem = ({\n label,\n subtitle,\n children,\n onClick,\n defaultExpanded = false,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n nestedChildrenLevel = 1,\n fullWidth = false,\n ...props\n}: NavigationTreeItemProps & NavigationItemProps) => {\n const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n const isExpandable = useMemo(() => React.Children.count(children) > 0, [children]);\n const hasStartAdornment = useMemo(() => !!props.startAdornment, [props.startAdornment]);\n const usedStartAdornment = useMemo(\n () =>\n hasStartAdornment\n ? props.startAdornment\n : isExpandable\n ? isExpanded\n ? customCollapseIcon \|\| defaultCollapseIcon\n : customExpandIcon \|\| defaultExpandIcon\n : null,\n [\n hasStartAdornment,\n isExpandable,\n isExpanded,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n props.startAdornment,\n ],\n );\n\n const childCss = useMemo(() => {\n if (!isExpandable) return null;\n\n return {\n pl: '$4',\n '> div > ': {\n '&::before, &::after': {\n left: fullWidth ? `calc(${nestedChildrenLevel} -20px)` : 0,\n },\n },\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isExpandable, nestedChildrenLevel]);\n\n const focusStyle = useMemo(() => {\n if (!isExpandable) return {};\n\n return {\n '&:focus': {\n boxShadow: 'none',\n\n '&::before': {\n background: 'none',\n },\n '&::after': {\n background: 'none',\n },\n },\n };\n }, [isExpandable]);\n\n return (\n <Box>\n <NavigationItem\n css={{ width: '100%', ...focusStyle }}\n {...props}\n startAdornment={usedStartAdornment}\n onClick={isExpandable ? () => setIsExpanded(!isExpanded) : onClick}\n >\n <Flex\n direction=\"column\"\n align=\"start\"\n gap={1}\n css={{\n ml: isExpandable \|\| hasStartAdornment ? 0 : '$4',\n color: 'inherit',\n width: '100%',\n }}\n >\n {typeof label === 'string' ? <Text css={{ color: 'inherit' }}>{label}</Text> : label}\n {subtitle && (\n <Text variant=\"subtle\" css={{ fontSize: '$3', opacity: 0.8 }}>\n {subtitle}\n </Text>\n )}\n </Flex>\n </NavigationItem>\n {isExpanded && (\n <NavigationTreeContainer\n defaultCollapseIcon={defaultCollapseIcon}\n defaultExpandIcon={defaultExpandIcon}\n fullWidth={fullWidth}\n css={childCss as CSS}\n >\n {children}\n </NavigationTreeContainer>\n )}\n </Box>\n );\n};\n"],"mappings":";;;;;;;;;;AAuBA,IAAa,sBAAsB,EACjC,OACA,UACA,UACA,SACA,kBAAkB,OAClB,qBACA,mBACA,oBACA,kBACA,sBAAsB,GACtB,YAAY,OACZ,GAAG,YACgD;CACnD,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAA0B,gBAAgB;CAC7D,MAAM,gBAAA,GAAA,MAAA,eAA6B,MAAA,QAAM,SAAS,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;CAClF,MAAM,qBAAA,GAAA,MAAA,eAAkC,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,eAAe,CAAC;CACvF,MAAM,sBAAA,GAAA,MAAA,eAEF,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB,MACR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACP,CACF;CAED,MAAM,YAAA,GAAA,MAAA,eAAyB;AAC7B,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO;GACL,IAAI;GACJ,aAAa,EACX,uBAAuB,EACrB,MAAM,YAAY,QAAQ,oBAAoB,aAAa,GAC5D,EACF;GACF;IAEA,CAAC,cAAc,oBAAoB,CAAC;AAmBvC,QACE,iBAAA,GAAA,kBAAA,MAAC,YAAA,KAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,gBAAD;EACE,KAAK;GAAE,OAAO;GAAQ,IAAA,GAAA,MAAA,eApBK;AAC/B,QAAI,CAAC,aAAc,QAAO,EAAE;AAE5B,WAAO,EACL,WAAW;KACT,WAAW;KAEX,aAAa,EACX,YAAY,QACb;KACD,YAAY,EACV,YAAY,QACb;KACF,EACF;MACA,CAAC,aAAa,CAKc;GAAY;EACrC,GAAI;EACJ,gBAAgB;EAChB,SAAS,qBAAqB,cAAc,CAAC,WAAW,GAAG;YAE3D,iBAAA,GAAA,kBAAA,MAAC,aAAA,MAAD;GACE,WAAU;GACV,OAAM;GACN,KAAK;GACL,KAAK;IACH,IAAI,gBAAgB,oBAAoB,IAAI;IAC5C,OAAO;IACP,OAAO;IACR;aARH,CAUG,OAAO,UAAU,WAAW,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;IAAM,KAAK,EAAE,OAAO,WAAW;cAAG;IAAa,CAAA,GAAG,OAC9E,YACC,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;IAAM,SAAQ;IAAS,KAAK;KAAE,UAAU;KAAM,SAAS;KAAK;cACzD;IACI,CAAA,CAEJ;;EACQ,CAAA,EAChB,cACC,iBAAA,GAAA,kBAAA,KAAC,gCAAA,yBAAD;EACuB;EACF;EACR;EACX,KAAK;EAEJ;EACuB,CAAA,CAExB,EAAA,CAAA"}

package/dist/components/NavigationTree/NavigationTreeItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationTreeItem.js","names":[],"sources":["../../../components/NavigationTree/NavigationTreeItem.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\n\nimport { CSS } from '../..';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { NavigationItem, NavigationItemProps } from '../Navigation';\nimport { Text } from '../Text';\nimport { NavigationTreeContainer } from './NavigationTreeContainer';\n\nexport interface NavigationTreeItemProps {\n label: string \| ReactNode;\n subtitle?: string;\n children?: React.ReactNode;\n defaultExpanded?: boolean;\n onClick?: () => void;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n customExpandIcon?: React.ReactNode;\n customCollapseIcon?: React.ReactNode;\n nestedChildrenLevel?: number;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeItem = ({\n label,\n subtitle,\n children,\n onClick,\n defaultExpanded = false,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n nestedChildrenLevel = 1,\n fullWidth = false,\n ...props\n}: NavigationTreeItemProps & NavigationItemProps) => {\n const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n const isExpandable = useMemo(() => React.Children.count(children) > 0, [children]);\n const hasStartAdornment = useMemo(() => !!props.startAdornment, [props.startAdornment]);\n const usedStartAdornment = useMemo(\n () =>\n hasStartAdornment\n ? props.startAdornment\n : isExpandable\n ? isExpanded\n ? customCollapseIcon \|\| defaultCollapseIcon\n : customExpandIcon \|\| defaultExpandIcon\n : null,\n [\n hasStartAdornment,\n isExpandable,\n isExpanded,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n props.startAdornment,\n ],\n );\n\n const childCss = useMemo(() => {\n if (!isExpandable) return null;\n\n return {\n pl: '$4',\n '> div > ': {\n '&::before, &::after': {\n left: fullWidth ? `calc(${nestedChildrenLevel} -20px)` : 0,\n },\n },\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isExpandable, nestedChildrenLevel]);\n\n const focusStyle = useMemo(() => {\n if (!isExpandable) return {};\n\n return {\n '&:focus': {\n boxShadow: 'none',\n\n '&::before': {\n background: 'none',\n },\n '&::after': {\n background: 'none',\n },\n },\n };\n }, [isExpandable]);\n\n return (\n <Box>\n <NavigationItem\n css={{ width: '100%', ...focusStyle }}\n {...props}\n startAdornment={usedStartAdornment}\n onClick={isExpandable ? () => setIsExpanded(!isExpanded) : onClick}\n >\n <Flex\n direction=\"column\"\n align=\"start\"\n gap={1}\n css={{\n ml: isExpandable \|\| hasStartAdornment ? 0 : '$4',\n color: 'inherit',\n width: '100%',\n }}\n >\n {typeof label === 'string' ? <Text css={{ color: 'inherit' }}>{label}</Text> : label}\n {subtitle && (\n <Text variant=\"subtle\" css={{ fontSize: '$3', opacity: 0.8 }}>\n {subtitle}\n </Text>\n )}\n </Flex>\n </NavigationItem>\n {isExpanded && (\n <NavigationTreeContainer\n defaultCollapseIcon={defaultCollapseIcon}\n defaultExpandIcon={defaultExpandIcon}\n fullWidth={fullWidth}\n css={childCss as CSS}\n >\n {children}\n </NavigationTreeContainer>\n )}\n </Box>\n );\n};\n"],"mappings":";;;;;;;;AAuBA,IAAa,sBAAsB,EACjC,OACA,UACA,UACA,SACA,kBAAkB,OAClB,qBACA,mBACA,oBACA,kBACA,sBAAsB,GACtB,YAAY,OACZ,GAAG,YACgD;CACnD,MAAM,CAAC,YAAY,iBAAiB,SAAS,gBAAgB;CAC7D,MAAM,eAAe,cAAc,MAAM,SAAS,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;CAClF,MAAM,oBAAoB,cAAc,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,eAAe,CAAC;CACvF,MAAM,qBAAqB,cAEvB,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB,MACR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACP,CACF;CAED,MAAM,WAAW,cAAc;AAC7B,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO;GACL,IAAI;GACJ,aAAa,EACX,uBAAuB,EACrB,MAAM,YAAY,QAAQ,oBAAoB,aAAa,GAC5D,EACF;GACF;IAEA,CAAC,cAAc,oBAAoB,CAAC;AAmBvC,QACE,qBAAC,KAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EACE,KAAK;GAAE,OAAO;GAAQ,GApBT,cAAc;AAC/B,QAAI,CAAC,aAAc,QAAO,EAAE;AAE5B,WAAO,EACL,WAAW;KACT,WAAW;KAEX,aAAa,EACX,YAAY,QACb;KACD,YAAY,EACV,YAAY,QACb;KACF,EACF;MACA,CAAC,aAAa,~~CAAC~~;~~GAKyB~~;EACrC,GAAI;EACJ,gBAAgB;EAChB,SAAS,qBAAqB,cAAc,CAAC,WAAW,GAAG;YAE3D,qBAAC,MAAD;GACE,WAAU;GACV,OAAM;GACN,KAAK;GACL,KAAK;IACH,IAAI,gBAAgB,oBAAoB,IAAI;IAC5C,OAAO;IACP,OAAO;IACR;aARH,CAUG,OAAO,UAAU,WAAW,oBAAC,MAAD;IAAM,KAAK,EAAE,OAAO,WAAW;cAAG;IAAa,CAAA,GAAG,OAC9E,YACC,oBAAC,MAAD;IAAM,SAAQ;IAAS,KAAK;KAAE,UAAU;KAAM,SAAS;KAAK;cACzD;IACI,CAAA,CAEJ;;EACQ,CAAA,EAChB,cACC,oBAAC,yBAAD;EACuB;EACF;EACR;EACX,KAAK;EAEJ;EACuB,CAAA,CAExB,EAAA,CAAA"}
1	+ {"version":3,"file":"NavigationTreeItem.js","names":[],"sources":["../../../components/NavigationTree/NavigationTreeItem.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\n\nimport { CSS } from '../..';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { NavigationItem, NavigationItemProps } from '../Navigation';\nimport { Text } from '../Text';\nimport { NavigationTreeContainer } from './NavigationTreeContainer';\n\nexport interface NavigationTreeItemProps {\n label: string \| ReactNode;\n subtitle?: string;\n children?: React.ReactNode;\n defaultExpanded?: boolean;\n onClick?: () => void;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n customExpandIcon?: React.ReactNode;\n customCollapseIcon?: React.ReactNode;\n nestedChildrenLevel?: number;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeItem = ({\n label,\n subtitle,\n children,\n onClick,\n defaultExpanded = false,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n nestedChildrenLevel = 1,\n fullWidth = false,\n ...props\n}: NavigationTreeItemProps & NavigationItemProps) => {\n const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n const isExpandable = useMemo(() => React.Children.count(children) > 0, [children]);\n const hasStartAdornment = useMemo(() => !!props.startAdornment, [props.startAdornment]);\n const usedStartAdornment = useMemo(\n () =>\n hasStartAdornment\n ? props.startAdornment\n : isExpandable\n ? isExpanded\n ? customCollapseIcon \|\| defaultCollapseIcon\n : customExpandIcon \|\| defaultExpandIcon\n : null,\n [\n hasStartAdornment,\n isExpandable,\n isExpanded,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n props.startAdornment,\n ],\n );\n\n const childCss = useMemo(() => {\n if (!isExpandable) return null;\n\n return {\n pl: '$4',\n '> div > ': {\n '&::before, &::after': {\n left: fullWidth ? `calc(${nestedChildrenLevel} -20px)` : 0,\n },\n },\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isExpandable, nestedChildrenLevel]);\n\n const focusStyle = useMemo(() => {\n if (!isExpandable) return {};\n\n return {\n '&:focus': {\n boxShadow: 'none',\n\n '&::before': {\n background: 'none',\n },\n '&::after': {\n background: 'none',\n },\n },\n };\n }, [isExpandable]);\n\n return (\n <Box>\n <NavigationItem\n css={{ width: '100%', ...focusStyle }}\n {...props}\n startAdornment={usedStartAdornment}\n onClick={isExpandable ? () => setIsExpanded(!isExpanded) : onClick}\n >\n <Flex\n direction=\"column\"\n align=\"start\"\n gap={1}\n css={{\n ml: isExpandable \|\| hasStartAdornment ? 0 : '$4',\n color: 'inherit',\n width: '100%',\n }}\n >\n {typeof label === 'string' ? <Text css={{ color: 'inherit' }}>{label}</Text> : label}\n {subtitle && (\n <Text variant=\"subtle\" css={{ fontSize: '$3', opacity: 0.8 }}>\n {subtitle}\n </Text>\n )}\n </Flex>\n </NavigationItem>\n {isExpanded && (\n <NavigationTreeContainer\n defaultCollapseIcon={defaultCollapseIcon}\n defaultExpandIcon={defaultExpandIcon}\n fullWidth={fullWidth}\n css={childCss as CSS}\n >\n {children}\n </NavigationTreeContainer>\n )}\n </Box>\n );\n};\n"],"mappings":";;;;;;;;AAuBA,IAAa,sBAAsB,EACjC,OACA,UACA,UACA,SACA,kBAAkB,OAClB,qBACA,mBACA,oBACA,kBACA,sBAAsB,GACtB,YAAY,OACZ,GAAG,YACgD;CACnD,MAAM,CAAC,YAAY,iBAAiB,SAAS,gBAAgB;CAC7D,MAAM,eAAe,cAAc,MAAM,SAAS,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;CAClF,MAAM,oBAAoB,cAAc,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,eAAe,CAAC;CACvF,MAAM,qBAAqB,cAEvB,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB,MACR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACP,CACF;CAED,MAAM,WAAW,cAAc;AAC7B,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO;GACL,IAAI;GACJ,aAAa,EACX,uBAAuB,EACrB,MAAM,YAAY,QAAQ,oBAAoB,aAAa,GAC5D,EACF;GACF;IAEA,CAAC,cAAc,oBAAoB,CAAC;AAmBvC,QACE,qBAAC,KAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EACE,KAAK;GAAE,OAAO;GAAQ,GApBT,cAAc;AAC/B,QAAI,CAAC,aAAc,QAAO,EAAE;AAE5B,WAAO,EACL,WAAW;KACT,WAAW;KAEX,aAAa,EACX,YAAY,QACb;KACD,YAAY,EACV,YAAY,QACb;KACF,EACF;MACA,CAAC,aAAa,CAKc;GAAY;EACrC,GAAI;EACJ,gBAAgB;EAChB,SAAS,qBAAqB,cAAc,CAAC,WAAW,GAAG;YAE3D,qBAAC,MAAD;GACE,WAAU;GACV,OAAM;GACN,KAAK;GACL,KAAK;IACH,IAAI,gBAAgB,oBAAoB,IAAI;IAC5C,OAAO;IACP,OAAO;IACR;aARH,CAUG,OAAO,UAAU,WAAW,oBAAC,MAAD;IAAM,KAAK,EAAE,OAAO,WAAW;cAAG;IAAa,CAAA,GAAG,OAC9E,YACC,oBAAC,MAAD;IAAM,SAAQ;IAAS,KAAK;KAAE,UAAU;KAAM,SAAS;KAAK;cACzD;IACI,CAAA,CAEJ;;EACQ,CAAA,EAChB,cACC,oBAAC,yBAAD;EACuB;EACF;EACR;EACX,KAAK;EAEJ;EACuB,CAAA,CAExB,EAAA,CAAA"}

package/dist/components/Paragraph/Paragraph.vanilla.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Paragraph.vanilla.cjs","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n C,\n ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'p'>(\n { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'p';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = paragraphRecipe({ size });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;;AAwBA,IAAM,iCAAA,GAAA,MAAA,aAEF,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;AAID,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,8BAAA,gBAAgB,EAAE,MAAM,~~CAAC~~,~~CAKf~~,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}
1	+ {"version":3,"file":"Paragraph.vanilla.cjs","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n C,\n ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'p'>(\n { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'p';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = paragraphRecipe({ size });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;;AAwBA,IAAM,iCAAA,GAAA,MAAA,aAEF,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;AAID,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,8BAAA,gBAAgB,EAAE,MAAM,CAK1B,CAAY,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}

package/dist/components/Paragraph/Paragraph.vanilla.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Paragraph.vanilla.js","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n C,\n ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'p'>(\n { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'p';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = paragraphRecipe({ size });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,gCAAgC,YAElC,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAID,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,gBAAgB,EAAE,MAAM,~~CAAC~~,~~CAKf~~,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}
1	+ {"version":3,"file":"Paragraph.vanilla.js","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n C,\n ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'p'>(\n { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'p';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = paragraphRecipe({ size });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,gCAAgC,YAElC,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAID,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,gBAAgB,EAAE,MAAM,CAK1B,CAAY,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}

package/dist/components/Popover/Popover.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.cjs","names":[],"sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;AAC5D,QAAO,iBAAA,GAAA,kBAAA,KAAC,wBAAiB,MAAlB;EAAuB,GAAI;EAAQ;EAAiC,CAAA;;AAG7E,IAAM,gBAAgB,wBAAA,OAAO,wBAAiB,SAAS,cAAA,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,QACV;CACD,UAAU,EACR,WAAW,kBAAA,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAuBF,IAAM,cAAc,wBAAA,OAAO,wBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,~~WAxB2C~~;~~EAC7C~~,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;~~EACF~~,~~EAME~~;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAaF,IAAa,iBAAiB,MAAA,QAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,iBAAA,GAAA,kBAAA,MAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,iBAAA,GAAA,kBAAA,KAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;EAAY,CAAA,CAEzE;GAChB;AAEF,IAAa,iBAAiB,wBAAiB;AAC/C,IAAa,eAAe,wBAAiB;AAC7C,IAAa,gBAAgB,wBAAiB;AAC9C,IAAa,gBAAgB,wBAAiB"}
1	+ {"version":3,"file":"Popover.cjs","names":[],"sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;AAC5D,QAAO,iBAAA,GAAA,kBAAA,KAAC,wBAAiB,MAAlB;EAAuB,GAAI;EAAQ;EAAiC,CAAA;;AAG7E,IAAM,gBAAgB,wBAAA,OAAO,wBAAiB,SAAS,cAAA,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,QACV;CACD,UAAU,EACR,WAAW,kBAAA,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAuBF,IAAM,cAAc,wBAAA,OAAO,wBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAAW;EAvBb,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EAMY,EACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAaF,IAAa,iBAAiB,MAAA,QAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,iBAAA,GAAA,kBAAA,MAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,iBAAA,GAAA,kBAAA,KAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;EAAY,CAAA,CAEzE;GAChB;AAEF,IAAa,iBAAiB,wBAAiB;AAC/C,IAAa,eAAe,wBAAiB;AAC7C,IAAa,gBAAgB,wBAAiB;AAC9C,IAAa,gBAAgB,wBAAiB"}

package/dist/components/Popover/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","names":[],"sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"mappings":";;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;AAC5D,QAAO,oBAAC,iBAAiB,MAAlB;EAAuB,GAAI;EAAQ;EAAiC,CAAA;;AAG7E,IAAM,gBAAgB,OAAO,iBAAiB,SAAS,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,QACV;CACD,UAAU,EACR,WAAW,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAuBF,IAAM,cAAc,OAAO,iBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,~~WAxB2C~~;~~EAC7C~~,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;~~EACF~~,~~EAME~~;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAaF,IAAa,iBAAiB,MAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,qBAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,oBAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;EAAY,CAAA,CAEzE;GAChB;AAEF,IAAa,iBAAiB,iBAAiB;AAC/C,IAAa,eAAe,iBAAiB;AAC7C,IAAa,gBAAgB,iBAAiB;AAC9C,IAAa,gBAAgB,iBAAiB"}
1	+ {"version":3,"file":"Popover.js","names":[],"sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"mappings":";;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;AAC5D,QAAO,oBAAC,iBAAiB,MAAlB;EAAuB,GAAI;EAAQ;EAAiC,CAAA;;AAG7E,IAAM,gBAAgB,OAAO,iBAAiB,SAAS,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,QACV;CACD,UAAU,EACR,WAAW,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAuBF,IAAM,cAAc,OAAO,iBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAAW;EAvBb,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EAMY,EACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAaF,IAAa,iBAAiB,MAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,qBAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,oBAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;EAAY,CAAA,CAEzE;GAChB;AAEF,IAAa,iBAAiB,iBAAiB;AAC/C,IAAa,eAAe,iBAAiB;AAC7C,IAAa,gBAAgB,iBAAiB;AAC9C,IAAa,gBAAgB,iBAAiB"}

package/dist/components/Skeleton/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","names":[],"sources":["../../../components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { keyframes, styled, VariantProps } from '../../stitches.config';\n\nconst pulse = keyframes({\n '0%': { opacity: 0 },\n '100%': { opacity: '100%' },\n});\n\nexport const Skeleton = styled('div', {\n backgroundColor: '$skeletonBackground',\n position: 'relative',\n overflow: 'hidden',\n borderRadius: '3px',\n height: 'auto',\n width: 'auto',\n '&:not(:empty)': {\n '& > *': {\n visibility: 'hidden',\n display: 'block',\n },\n maxWidth: 'fit-content',\n },\n\n '&::after': {\n animationName: `${pulse}`,\n animationDuration: '500ms',\n animationDirection: 'alternate',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'ease-in-out',\n backgroundColor: '$skeletonAnimation',\n borderRadius: 'inherit',\n bottom: 0,\n content: '\"\"',\n left: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n\n variants: {\n variant: {\n square: {\n borderRadius: '$2',\n },\n circle: {\n borderRadius: '$round',\n },\n badge: {\n borderRadius: '$pill',\n display: 'inline-flex',\n },\n button: {\n borderRadius: '$3',\n display: 'inline-flex',\n },\n text: {\n '&:empty:before': {\n content: '\"\\\\00a0\"', // adds a space character before element\n },\n },\n },\n },\n defaultVariants: {\n variant: 'text',\n },\n});\n\nexport type SkeletonVariants = VariantProps<typeof Skeleton>;\nexport type SkeletonProps = SkeletonVariants & NonNullable<unknown>;\n"],"mappings":";AAOA,IAAa,WAAW,OAAO,OAAO;CACpC,iBAAiB;CACjB,UAAU;CACV,UAAU;CACV,cAAc;CACd,QAAQ;CACR,OAAO;CACP,iBAAiB;EACf,SAAS;GACP,YAAY;GACZ,SAAS;GACV;EACD,UAAU;EACX;CAED,YAAY;EACV,eAAe,GArBL,UAAU;GACtB,MAAM,EAAE,SAAS,GAAG;GACpB,QAAQ,EAAE,SAAS,QAAQ;GAC5B,~~CAAC~~;~~EAmBE~~,mBAAmB;EACnB,oBAAoB;EACpB,yBAAyB;EACzB,yBAAyB;EACzB,iBAAiB;EACjB,cAAc;EACd,QAAQ;EACR,SAAS;EACT,MAAM;EACN,UAAU;EACV,OAAO;EACP,KAAK;EACN;CAED,UAAU,EACR,SAAS;EACP,QAAQ,EACN,cAAc,MACf;EACD,QAAQ,EACN,cAAc,UACf;EACD,OAAO;GACL,cAAc;GACd,SAAS;GACV;EACD,QAAQ;GACN,cAAc;GACd,SAAS;GACV;EACD,MAAM,EACJ,kBAAkB,EAChB,SAAS,cACV,EACF;EACF,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CAAC"}
1	+ {"version":3,"file":"Skeleton.js","names":[],"sources":["../../../components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { keyframes, styled, VariantProps } from '../../stitches.config';\n\nconst pulse = keyframes({\n '0%': { opacity: 0 },\n '100%': { opacity: '100%' },\n});\n\nexport const Skeleton = styled('div', {\n backgroundColor: '$skeletonBackground',\n position: 'relative',\n overflow: 'hidden',\n borderRadius: '3px',\n height: 'auto',\n width: 'auto',\n '&:not(:empty)': {\n '& > *': {\n visibility: 'hidden',\n display: 'block',\n },\n maxWidth: 'fit-content',\n },\n\n '&::after': {\n animationName: `${pulse}`,\n animationDuration: '500ms',\n animationDirection: 'alternate',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'ease-in-out',\n backgroundColor: '$skeletonAnimation',\n borderRadius: 'inherit',\n bottom: 0,\n content: '\"\"',\n left: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n\n variants: {\n variant: {\n square: {\n borderRadius: '$2',\n },\n circle: {\n borderRadius: '$round',\n },\n badge: {\n borderRadius: '$pill',\n display: 'inline-flex',\n },\n button: {\n borderRadius: '$3',\n display: 'inline-flex',\n },\n text: {\n '&:empty:before': {\n content: '\"\\\\00a0\"', // adds a space character before element\n },\n },\n },\n },\n defaultVariants: {\n variant: 'text',\n },\n});\n\nexport type SkeletonVariants = VariantProps<typeof Skeleton>;\nexport type SkeletonProps = SkeletonVariants & NonNullable<unknown>;\n"],"mappings":";AAOA,IAAa,WAAW,OAAO,OAAO;CACpC,iBAAiB;CACjB,UAAU;CACV,UAAU;CACV,cAAc;CACd,QAAQ;CACR,OAAO;CACP,iBAAiB;EACf,SAAS;GACP,YAAY;GACZ,SAAS;GACV;EACD,UAAU;EACX;CAED,YAAY;EACV,eAAe,GArBL,UAAU;GACtB,MAAM,EAAE,SAAS,GAAG;GACpB,QAAQ,EAAE,SAAS,QAAQ;GAC5B,CAkBqB;EAClB,mBAAmB;EACnB,oBAAoB;EACpB,yBAAyB;EACzB,yBAAyB;EACzB,iBAAiB;EACjB,cAAc;EACd,QAAQ;EACR,SAAS;EACT,MAAM;EACN,UAAU;EACV,OAAO;EACP,KAAK;EACN;CAED,UAAU,EACR,SAAS;EACP,QAAQ,EACN,cAAc,MACf;EACD,QAAQ,EACN,cAAc,UACf;EACD,OAAO;GACL,cAAc;GACd,SAAS;GACV;EACD,QAAQ;GACN,cAAc;GACd,SAAS;GACV;EACD,MAAM,EACJ,kBAAkB,EAChB,SAAS,cACV,EACF;EACF,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CAAC"}

package/dist/components/Skeleton/Skeleton.vanilla.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.vanilla.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = skeletonRecipe({ variant });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"mappings":";;;;;;;;AAwBA,IAAM,uBAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;AAID,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,6BAAA,eAAe,EAAE,SAAS,~~CAAC~~,~~CAKjB~~,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,oBAAoB,cAAc;AAElC,IAAa,kBAAkB"}
1	+ {"version":3,"file":"Skeleton.vanilla.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = skeletonRecipe({ variant });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"mappings":";;;;;;;;AAwBA,IAAM,uBAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;AAID,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,6BAAA,eAAe,EAAE,SAAS,CAK5B,CAAY,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,oBAAoB,cAAc;AAElC,IAAa,kBAAkB"}

package/dist/components/Skeleton/Skeleton.vanilla.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.vanilla.js","names":[],"sources":["../../../components/Skeleton/Skeleton.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = skeletonRecipe({ variant });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,sBAAsB,YAExB,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAID,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,eAAe,EAAE,SAAS,~~CAAC~~,~~CAKjB~~,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,oBAAoB,cAAc;AAElC,IAAa,kBAAkB"}
1	+ {"version":3,"file":"Skeleton.vanilla.js","names":[],"sources":["../../../components/Skeleton/Skeleton.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = skeletonRecipe({ variant });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,sBAAsB,YAExB,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAID,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,eAAe,EAAE,SAAS,CAK5B,CAAY,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,oBAAoB,cAAc;AAElC,IAAa,kBAAkB"}

package/dist/components/Table/Table.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.cjs","names":[],"sources":["../../../components/Table/Table.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React, { ComponentProps, ElementRef, forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\nimport { Label } from '../Label';\nimport { Text } from '../Text';\n\nexport const Caption = styled('caption', Text, {\n display: 'table-caption',\n textAlign: 'start',\n fontVariantNumeric: 'proportional-nums',\n fontWeight: '$medium',\n lineHeight: '1.25',\n});\n\nexport const Tbody = styled('tbody', {\n width: '100%',\n verticalAlign: 'middle',\n});\n\nexport const Th = styled('th', Label, {\n // override Label\n display: 'table-cell',\n verticalAlign: 'inherit',\n\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n\n textAlign: 'start',\n p: '$2 $3',\n borderBottom: '1px solid $tableRowBorder',\n\n variants: {\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n transform: {\n capitalize: {\n display: 'table-cell', // revert Label enforced value\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const Td = styled('td', {\n boxSizing: 'border-box',\n p: '$5 $3',\n borderBottom: '1px solid $tableRowBorder',\n fontSize: '$3',\n lineHeight: '16px',\n verticalAlign: 'inherit',\n variants: {\n subtle: {\n true: {\n fontWeight: '$regular',\n color: '$tableSubtleText',\n },\n },\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const StyledTr = styled('tr', {\n verticalAlign: 'inherit',\n '&:hover': {\n color: '$tableHoverText',\n },\n [`&:last-child > ${Td}`]: {\n borderBottom: 'none',\n },\n\n variants: {\n interactive: {\n true: {\n '&:hover': {\n backgroundColor: '$tableHoverBackground',\n cursor: 'pointer',\n },\n },\n },\n active: {\n true: {\n backgroundColor: '$tableHoverBackground',\n color: '$tableActiveText',\n fontWeight: '$semiBold',\n },\n },\n },\n compoundVariants: [\n {\n interactive: true,\n active: true,\n css: {\n '&:hover': {\n color: '$tableActiveHoverText',\n },\n },\n },\n ],\n});\n\nconst AnimatedTr = ({\n collapsedContentColSpan,\n isOpen,\n children,\n}: {\n collapsedContentColSpan: number;\n isOpen: boolean;\n children: ReactNode;\n}) => {\n const appliedStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'padding 0.2s ease-out' }\n : {\n transition: 'padding 0.2s ease-out',\n lineHeight: 0,\n fontSize: 0,\n padding: '0px 16px',\n border: 'none',\n },\n [isOpen],\n );\n\n const containerStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'all 0.2s ease-out' }\n : {\n transition: 'all 0.2s ease-out',\n height: 0,\n overflow: 'hidden',\n },\n [isOpen],\n );\n\n return (\n <Tr>\n <Td colSpan={collapsedContentColSpan} css={appliedStyle}>\n <Box css={containerStyle}>{children}</Box>\n </Td>\n </Tr>\n );\n};\nexport type TrProps = ComponentProps<typeof StyledTr> &\n VariantProps<typeof StyledTr> & {\n children: React.ReactNode;\n collapsedContent?: React.ReactNode;\n emptyFirstColumn?: boolean;\n tableHead?: boolean;\n collapsedContentColSpan?: number;\n };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, TrProps>(\n (\n {\n children,\n collapsedContent,\n emptyFirstColumn = false,\n tableHead = false,\n collapsedContentColSpan = 1,\n css,\n ...props\n },\n ref,\n ) => {\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n return (\n <>\n <StyledTr\n ref={ref}\n css={\n !!collapsedContent && !isCollapsed\n ? {\n ...css,\n [`&:nth-last-child(2) > ${Td}`]: {\n borderBottom: 'none',\n },\n }\n : { ...css }\n }\n {...props}\n >\n {emptyFirstColumn ? tableHead ? <Th css={{ width: 24 }} /> : <Td /> : null}\n {!!collapsedContent && (\n <Td\n css={{ padding: '0 0 0 $3' }}\n onClick={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n >\n <Flex\n align=\"center\"\n justify=\"center\"\n css={{\n height: '40px',\n '&:hover': {\n color: '$tableActiveText',\n },\n }}\n onClick={() => setIsCollapsed(!isCollapsed)}\n >\n <ChevronRightIcon\n style={{\n cursor: 'pointer',\n transition: 'transform 0.2s ease-out',\n transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n }}\n />\n </Flex>\n </Td>\n )}\n {children}\n </StyledTr>\n {!!collapsedContent && (\n <AnimatedTr isOpen={isCollapsed} collapsedContentColSpan={collapsedContentColSpan}>\n {collapsedContent}\n </AnimatedTr>\n )}\n </>\n );\n },\n);\n\nexport const Tfoot = styled('tfoot', {\n verticalAlign: 'middle',\n position: 'relative',\n borderRadius: 'inherit',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableFooterLayerBackground',\n borderRadius: 'inherit',\n },\n\n [`& ${Td}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n p: '$2 $3',\n },\n});\n\nexport const Thead = styled('thead', {\n position: 'relative',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n verticalAlign: 'middle',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableHeaderLayerBackground',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n },\n\n [`& ${Th}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n },\n});\n\nexport const Table = styled('table', {\n width: '100%',\n tableLayout: 'fixed',\n boxSizing: 'border-box',\n borderCollapse: 'separate',\n borderSpacing: 0,\n fontFamily: '$rubik',\n color: '$tableText',\n borderRadius: '$3',\n overflow: 'hidden',\n [`& ${Tbody}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n [`& ${Td}`]: {\n borderTop: '1px solid $tableRowBorder',\n },\n },\n [`& ${Thead}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n },\n\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 1,\n },\n});\n\nexport type TableVariants = VariantProps<typeof Table>;\nexport type TableProps = TableVariants & NonNullable<unknown>;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Table.cjs","names":[],"sources":["../../../components/Table/Table.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React, { ComponentProps, ElementRef, forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\nimport { Label } from '../Label';\nimport { Text } from '../Text';\n\nexport const Caption = styled('caption', Text, {\n display: 'table-caption',\n textAlign: 'start',\n fontVariantNumeric: 'proportional-nums',\n fontWeight: '$medium',\n lineHeight: '1.25',\n});\n\nexport const Tbody = styled('tbody', {\n width: '100%',\n verticalAlign: 'middle',\n});\n\nexport const Th = styled('th', Label, {\n // override Label\n display: 'table-cell',\n verticalAlign: 'inherit',\n\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n\n textAlign: 'start',\n p: '$2 $3',\n borderBottom: '1px solid $tableRowBorder',\n\n variants: {\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n transform: {\n capitalize: {\n display: 'table-cell', // revert Label enforced value\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const Td = styled('td', {\n boxSizing: 'border-box',\n p: '$5 $3',\n borderBottom: '1px solid $tableRowBorder',\n fontSize: '$3',\n lineHeight: '16px',\n verticalAlign: 'inherit',\n variants: {\n subtle: {\n true: {\n fontWeight: '$regular',\n color: '$tableSubtleText',\n },\n },\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const StyledTr = styled('tr', {\n verticalAlign: 'inherit',\n '&:hover': {\n color: '$tableHoverText',\n },\n [`&:last-child > ${Td}`]: {\n borderBottom: 'none',\n },\n\n variants: {\n interactive: {\n true: {\n '&:hover': {\n backgroundColor: '$tableHoverBackground',\n cursor: 'pointer',\n },\n },\n },\n active: {\n true: {\n backgroundColor: '$tableHoverBackground',\n color: '$tableActiveText',\n fontWeight: '$semiBold',\n },\n },\n },\n compoundVariants: [\n {\n interactive: true,\n active: true,\n css: {\n '&:hover': {\n color: '$tableActiveHoverText',\n },\n },\n },\n ],\n});\n\nconst AnimatedTr = ({\n collapsedContentColSpan,\n isOpen,\n children,\n}: {\n collapsedContentColSpan: number;\n isOpen: boolean;\n children: ReactNode;\n}) => {\n const appliedStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'padding 0.2s ease-out' }\n : {\n transition: 'padding 0.2s ease-out',\n lineHeight: 0,\n fontSize: 0,\n padding: '0px 16px',\n border: 'none',\n },\n [isOpen],\n );\n\n const containerStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'all 0.2s ease-out' }\n : {\n transition: 'all 0.2s ease-out',\n height: 0,\n overflow: 'hidden',\n },\n [isOpen],\n );\n\n return (\n <Tr>\n <Td colSpan={collapsedContentColSpan} css={appliedStyle}>\n <Box css={containerStyle}>{children}</Box>\n </Td>\n </Tr>\n );\n};\nexport type TrProps = ComponentProps<typeof StyledTr> &\n VariantProps<typeof StyledTr> & {\n children: React.ReactNode;\n collapsedContent?: React.ReactNode;\n emptyFirstColumn?: boolean;\n tableHead?: boolean;\n collapsedContentColSpan?: number;\n };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, TrProps>(\n (\n {\n children,\n collapsedContent,\n emptyFirstColumn = false,\n tableHead = false,\n collapsedContentColSpan = 1,\n css,\n ...props\n },\n ref,\n ) => {\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n return (\n <>\n <StyledTr\n ref={ref}\n css={\n !!collapsedContent && !isCollapsed\n ? {\n ...css,\n [`&:nth-last-child(2) > ${Td}`]: {\n borderBottom: 'none',\n },\n }\n : { ...css }\n }\n {...props}\n >\n {emptyFirstColumn ? tableHead ? <Th css={{ width: 24 }} /> : <Td /> : null}\n {!!collapsedContent && (\n <Td\n css={{ padding: '0 0 0 $3' }}\n onClick={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n >\n <Flex\n align=\"center\"\n justify=\"center\"\n css={{\n height: '40px',\n '&:hover': {\n color: '$tableActiveText',\n },\n }}\n onClick={() => setIsCollapsed(!isCollapsed)}\n >\n <ChevronRightIcon\n style={{\n cursor: 'pointer',\n transition: 'transform 0.2s ease-out',\n transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n }}\n />\n </Flex>\n </Td>\n )}\n {children}\n </StyledTr>\n {!!collapsedContent && (\n <AnimatedTr isOpen={isCollapsed} collapsedContentColSpan={collapsedContentColSpan}>\n {collapsedContent}\n </AnimatedTr>\n )}\n </>\n );\n },\n);\n\nexport const Tfoot = styled('tfoot', {\n verticalAlign: 'middle',\n position: 'relative',\n borderRadius: 'inherit',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableFooterLayerBackground',\n borderRadius: 'inherit',\n },\n\n [`& ${Td}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n p: '$2 $3',\n },\n});\n\nexport const Thead = styled('thead', {\n position: 'relative',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n verticalAlign: 'middle',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableHeaderLayerBackground',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n },\n\n [`& ${Th}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n },\n});\n\nexport const Table = styled('table', {\n width: '100%',\n tableLayout: 'fixed',\n boxSizing: 'border-box',\n borderCollapse: 'separate',\n borderSpacing: 0,\n fontFamily: '$rubik',\n color: '$tableText',\n borderRadius: '$3',\n overflow: 'hidden',\n [`& ${Tbody}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n [`& ${Td}`]: {\n borderTop: '1px solid $tableRowBorder',\n },\n },\n [`& ${Thead}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n },\n\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 1,\n },\n});\n\nexport type TableVariants = VariantProps<typeof Table>;\nexport type TableProps = TableVariants & NonNullable<unknown>;\n"],"mappings":"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"}

package/dist/components/Table/Table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.js","names":[],"sources":["../../../components/Table/Table.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React, { ComponentProps, ElementRef, forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\nimport { Label } from '../Label';\nimport { Text } from '../Text';\n\nexport const Caption = styled('caption', Text, {\n display: 'table-caption',\n textAlign: 'start',\n fontVariantNumeric: 'proportional-nums',\n fontWeight: '$medium',\n lineHeight: '1.25',\n});\n\nexport const Tbody = styled('tbody', {\n width: '100%',\n verticalAlign: 'middle',\n});\n\nexport const Th = styled('th', Label, {\n // override Label\n display: 'table-cell',\n verticalAlign: 'inherit',\n\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n\n textAlign: 'start',\n p: '$2 $3',\n borderBottom: '1px solid $tableRowBorder',\n\n variants: {\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n transform: {\n capitalize: {\n display: 'table-cell', // revert Label enforced value\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const Td = styled('td', {\n boxSizing: 'border-box',\n p: '$5 $3',\n borderBottom: '1px solid $tableRowBorder',\n fontSize: '$3',\n lineHeight: '16px',\n verticalAlign: 'inherit',\n variants: {\n subtle: {\n true: {\n fontWeight: '$regular',\n color: '$tableSubtleText',\n },\n },\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const StyledTr = styled('tr', {\n verticalAlign: 'inherit',\n '&:hover': {\n color: '$tableHoverText',\n },\n [`&:last-child > ${Td}`]: {\n borderBottom: 'none',\n },\n\n variants: {\n interactive: {\n true: {\n '&:hover': {\n backgroundColor: '$tableHoverBackground',\n cursor: 'pointer',\n },\n },\n },\n active: {\n true: {\n backgroundColor: '$tableHoverBackground',\n color: '$tableActiveText',\n fontWeight: '$semiBold',\n },\n },\n },\n compoundVariants: [\n {\n interactive: true,\n active: true,\n css: {\n '&:hover': {\n color: '$tableActiveHoverText',\n },\n },\n },\n ],\n});\n\nconst AnimatedTr = ({\n collapsedContentColSpan,\n isOpen,\n children,\n}: {\n collapsedContentColSpan: number;\n isOpen: boolean;\n children: ReactNode;\n}) => {\n const appliedStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'padding 0.2s ease-out' }\n : {\n transition: 'padding 0.2s ease-out',\n lineHeight: 0,\n fontSize: 0,\n padding: '0px 16px',\n border: 'none',\n },\n [isOpen],\n );\n\n const containerStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'all 0.2s ease-out' }\n : {\n transition: 'all 0.2s ease-out',\n height: 0,\n overflow: 'hidden',\n },\n [isOpen],\n );\n\n return (\n <Tr>\n <Td colSpan={collapsedContentColSpan} css={appliedStyle}>\n <Box css={containerStyle}>{children}</Box>\n </Td>\n </Tr>\n );\n};\nexport type TrProps = ComponentProps<typeof StyledTr> &\n VariantProps<typeof StyledTr> & {\n children: React.ReactNode;\n collapsedContent?: React.ReactNode;\n emptyFirstColumn?: boolean;\n tableHead?: boolean;\n collapsedContentColSpan?: number;\n };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, TrProps>(\n (\n {\n children,\n collapsedContent,\n emptyFirstColumn = false,\n tableHead = false,\n collapsedContentColSpan = 1,\n css,\n ...props\n },\n ref,\n ) => {\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n return (\n <>\n <StyledTr\n ref={ref}\n css={\n !!collapsedContent && !isCollapsed\n ? {\n ...css,\n [`&:nth-last-child(2) > ${Td}`]: {\n borderBottom: 'none',\n },\n }\n : { ...css }\n }\n {...props}\n >\n {emptyFirstColumn ? tableHead ? <Th css={{ width: 24 }} /> : <Td /> : null}\n {!!collapsedContent && (\n <Td\n css={{ padding: '0 0 0 $3' }}\n onClick={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n >\n <Flex\n align=\"center\"\n justify=\"center\"\n css={{\n height: '40px',\n '&:hover': {\n color: '$tableActiveText',\n },\n }}\n onClick={() => setIsCollapsed(!isCollapsed)}\n >\n <ChevronRightIcon\n style={{\n cursor: 'pointer',\n transition: 'transform 0.2s ease-out',\n transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n }}\n />\n </Flex>\n </Td>\n )}\n {children}\n </StyledTr>\n {!!collapsedContent && (\n <AnimatedTr isOpen={isCollapsed} collapsedContentColSpan={collapsedContentColSpan}>\n {collapsedContent}\n </AnimatedTr>\n )}\n </>\n );\n },\n);\n\nexport const Tfoot = styled('tfoot', {\n verticalAlign: 'middle',\n position: 'relative',\n borderRadius: 'inherit',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableFooterLayerBackground',\n borderRadius: 'inherit',\n },\n\n [`& ${Td}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n p: '$2 $3',\n },\n});\n\nexport const Thead = styled('thead', {\n position: 'relative',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n verticalAlign: 'middle',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableHeaderLayerBackground',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n },\n\n [`& ${Th}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n },\n});\n\nexport const Table = styled('table', {\n width: '100%',\n tableLayout: 'fixed',\n boxSizing: 'border-box',\n borderCollapse: 'separate',\n borderSpacing: 0,\n fontFamily: '$rubik',\n color: '$tableText',\n borderRadius: '$3',\n overflow: 'hidden',\n [`& ${Tbody}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n [`& ${Td}`]: {\n borderTop: '1px solid $tableRowBorder',\n },\n },\n [`& ${Thead}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n },\n\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 1,\n },\n});\n\nexport type TableVariants = VariantProps<typeof Table>;\nexport type TableProps = TableVariants & NonNullable<unknown>;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Table.js","names":[],"sources":["../../../components/Table/Table.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React, { ComponentProps, ElementRef, forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\nimport { Label } from '../Label';\nimport { Text } from '../Text';\n\nexport const Caption = styled('caption', Text, {\n display: 'table-caption',\n textAlign: 'start',\n fontVariantNumeric: 'proportional-nums',\n fontWeight: '$medium',\n lineHeight: '1.25',\n});\n\nexport const Tbody = styled('tbody', {\n width: '100%',\n verticalAlign: 'middle',\n});\n\nexport const Th = styled('th', Label, {\n // override Label\n display: 'table-cell',\n verticalAlign: 'inherit',\n\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n\n textAlign: 'start',\n p: '$2 $3',\n borderBottom: '1px solid $tableRowBorder',\n\n variants: {\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n transform: {\n capitalize: {\n display: 'table-cell', // revert Label enforced value\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const Td = styled('td', {\n boxSizing: 'border-box',\n p: '$5 $3',\n borderBottom: '1px solid $tableRowBorder',\n fontSize: '$3',\n lineHeight: '16px',\n verticalAlign: 'inherit',\n variants: {\n subtle: {\n true: {\n fontWeight: '$regular',\n color: '$tableSubtleText',\n },\n },\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const StyledTr = styled('tr', {\n verticalAlign: 'inherit',\n '&:hover': {\n color: '$tableHoverText',\n },\n [`&:last-child > ${Td}`]: {\n borderBottom: 'none',\n },\n\n variants: {\n interactive: {\n true: {\n '&:hover': {\n backgroundColor: '$tableHoverBackground',\n cursor: 'pointer',\n },\n },\n },\n active: {\n true: {\n backgroundColor: '$tableHoverBackground',\n color: '$tableActiveText',\n fontWeight: '$semiBold',\n },\n },\n },\n compoundVariants: [\n {\n interactive: true,\n active: true,\n css: {\n '&:hover': {\n color: '$tableActiveHoverText',\n },\n },\n },\n ],\n});\n\nconst AnimatedTr = ({\n collapsedContentColSpan,\n isOpen,\n children,\n}: {\n collapsedContentColSpan: number;\n isOpen: boolean;\n children: ReactNode;\n}) => {\n const appliedStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'padding 0.2s ease-out' }\n : {\n transition: 'padding 0.2s ease-out',\n lineHeight: 0,\n fontSize: 0,\n padding: '0px 16px',\n border: 'none',\n },\n [isOpen],\n );\n\n const containerStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'all 0.2s ease-out' }\n : {\n transition: 'all 0.2s ease-out',\n height: 0,\n overflow: 'hidden',\n },\n [isOpen],\n );\n\n return (\n <Tr>\n <Td colSpan={collapsedContentColSpan} css={appliedStyle}>\n <Box css={containerStyle}>{children}</Box>\n </Td>\n </Tr>\n );\n};\nexport type TrProps = ComponentProps<typeof StyledTr> &\n VariantProps<typeof StyledTr> & {\n children: React.ReactNode;\n collapsedContent?: React.ReactNode;\n emptyFirstColumn?: boolean;\n tableHead?: boolean;\n collapsedContentColSpan?: number;\n };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, TrProps>(\n (\n {\n children,\n collapsedContent,\n emptyFirstColumn = false,\n tableHead = false,\n collapsedContentColSpan = 1,\n css,\n ...props\n },\n ref,\n ) => {\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n return (\n <>\n <StyledTr\n ref={ref}\n css={\n !!collapsedContent && !isCollapsed\n ? {\n ...css,\n [`&:nth-last-child(2) > ${Td}`]: {\n borderBottom: 'none',\n },\n }\n : { ...css }\n }\n {...props}\n >\n {emptyFirstColumn ? tableHead ? <Th css={{ width: 24 }} /> : <Td /> : null}\n {!!collapsedContent && (\n <Td\n css={{ padding: '0 0 0 $3' }}\n onClick={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n >\n <Flex\n align=\"center\"\n justify=\"center\"\n css={{\n height: '40px',\n '&:hover': {\n color: '$tableActiveText',\n },\n }}\n onClick={() => setIsCollapsed(!isCollapsed)}\n >\n <ChevronRightIcon\n style={{\n cursor: 'pointer',\n transition: 'transform 0.2s ease-out',\n transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n }}\n />\n </Flex>\n </Td>\n )}\n {children}\n </StyledTr>\n {!!collapsedContent && (\n <AnimatedTr isOpen={isCollapsed} collapsedContentColSpan={collapsedContentColSpan}>\n {collapsedContent}\n </AnimatedTr>\n )}\n </>\n );\n },\n);\n\nexport const Tfoot = styled('tfoot', {\n verticalAlign: 'middle',\n position: 'relative',\n borderRadius: 'inherit',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableFooterLayerBackground',\n borderRadius: 'inherit',\n },\n\n [`& ${Td}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n p: '$2 $3',\n },\n});\n\nexport const Thead = styled('thead', {\n position: 'relative',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n verticalAlign: 'middle',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableHeaderLayerBackground',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n },\n\n [`& ${Th}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n },\n});\n\nexport const Table = styled('table', {\n width: '100%',\n tableLayout: 'fixed',\n boxSizing: 'border-box',\n borderCollapse: 'separate',\n borderSpacing: 0,\n fontFamily: '$rubik',\n color: '$tableText',\n borderRadius: '$3',\n overflow: 'hidden',\n [`& ${Tbody}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n [`& ${Td}`]: {\n borderTop: '1px solid $tableRowBorder',\n },\n },\n [`& ${Thead}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n },\n\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 1,\n },\n});\n\nexport type TableVariants = VariantProps<typeof Table>;\nexport type TableProps = TableVariants & NonNullable<unknown>;\n"],"mappings":"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"}

package/dist/components/Text/Text.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.cjs","names":[],"sources":["../../../components/Text/Text.tsx"],"sourcesContent":["import { CSS, styled, VariantProps } from '../../stitches.config';\n\nexport const Text = styled('span', {\n // Reset\n lineHeight: '1',\n margin: '0',\n fontFamily: '$rubik',\n fontVariantNumeric: 'tabular-nums',\n display: 'inline-block',\n\n variants: {\n size: {\n '0': {\n fontSize: '$0',\n },\n '1': {\n fontSize: '$1',\n },\n '2': {\n fontSize: '$2',\n },\n '3': {\n fontSize: '$3',\n },\n '4': {\n fontSize: '$4',\n },\n '5': {\n fontSize: '$5',\n },\n '6': {\n fontSize: '$6',\n },\n '7': {\n fontSize: '$7',\n },\n '8': {\n fontSize: '$8',\n },\n '9': {\n fontSize: '$9',\n },\n '10': {\n fontSize: '$10',\n },\n '11': {\n fontSize: '$11',\n },\n '12': {\n fontSize: '$12',\n },\n inherit: {\n fontSize: 'inherit',\n },\n },\n weight: {\n light: {\n fontWeight: '$light',\n },\n regular: {\n fontWeight: '$regular',\n },\n medium: {\n fontWeight: '$medium',\n },\n semiBold: {\n fontWeight: '$semiBold',\n },\n bold: {\n fontWeight: '$bold',\n },\n },\n variant: {\n red: {\n color: '$textRed',\n },\n subtle: {\n color: '$textSubtle',\n },\n default: {\n color: '$textDefault',\n },\n contrast: {\n color: '$textContrast',\n },\n inherit: {\n color: 'inherit',\n },\n invalid: {\n color: '$textInvalid',\n },\n },\n gradient: {\n true: {\n WebkitBackgroundClip: 'text',\n WebkitTextFillColor: 'transparent',\n },\n },\n transform: {\n uppercase: {\n textTransform: 'uppercase',\n },\n capitalize: {\n // WARNING: this will only work with block elements (display block/inline-block)\n // @see https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter\n display: 'inline-block',\n '&::first-letter': {\n textTransform: 'uppercase',\n },\n },\n capitalizeWords: {\n textTransform: 'capitalize',\n },\n },\n noWrap: {\n true: {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n },\n },\n defaultVariants: {\n size: '3',\n variant: 'default',\n },\n});\n\nexport type TextVariants = VariantProps<typeof Text>;\nexport type TextProps = TextVariants & { css?: CSS };\n"],"mappings":";AAEA,IAAa,~~4CAAO~~,OAAO,QAAQ;CAEjC,YAAY;CACZ,QAAQ;CACR,YAAY;CACZ,oBAAoB;CACpB,SAAS;CAET,UAAU;EACR,MAAM;GACJ,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,MAAM,EACJ,UAAU,OACX;GACD,MAAM,EACJ,UAAU,OACX;GACD,MAAM,EACJ,UAAU,OACX;GACD,SAAS,EACP,UAAU,WACX;GACF;EACD,QAAQ;GACN,OAAO,EACL,YAAY,UACb;GACD,SAAS,EACP,YAAY,YACb;GACD,QAAQ,EACN,YAAY,WACb;GACD,UAAU,EACR,YAAY,aACb;GACD,MAAM,EACJ,YAAY,SACb;GACF;EACD,SAAS;GACP,KAAK,EACH,OAAO,YACR;GACD,QAAQ,EACN,OAAO,eACR;GACD,SAAS,EACP,OAAO,gBACR;GACD,UAAU,EACR,OAAO,iBACR;GACD,SAAS,EACP,OAAO,WACR;GACD,SAAS,EACP,OAAO,gBACR;GACF;EACD,UAAU,EACR,MAAM;GACJ,sBAAsB;GACtB,qBAAqB;GACtB,EACF;EACD,WAAW;GACT,WAAW,EACT,eAAe,aAChB;GACD,YAAY;IAGV,SAAS;IACT,mBAAmB,EACjB,eAAe,aAChB;IACF;GACD,iBAAiB,EACf,eAAe,cAChB;GACF;EACD,QAAQ,EACN,MAAM;GACJ,UAAU;GACV,cAAc;GACd,YAAY;GACb,EACF;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
1	+ {"version":3,"file":"Text.cjs","names":[],"sources":["../../../components/Text/Text.tsx"],"sourcesContent":["import { CSS, styled, VariantProps } from '../../stitches.config';\n\nexport const Text = styled('span', {\n // Reset\n lineHeight: '1',\n margin: '0',\n fontFamily: '$rubik',\n fontVariantNumeric: 'tabular-nums',\n display: 'inline-block',\n\n variants: {\n size: {\n '0': {\n fontSize: '$0',\n },\n '1': {\n fontSize: '$1',\n },\n '2': {\n fontSize: '$2',\n },\n '3': {\n fontSize: '$3',\n },\n '4': {\n fontSize: '$4',\n },\n '5': {\n fontSize: '$5',\n },\n '6': {\n fontSize: '$6',\n },\n '7': {\n fontSize: '$7',\n },\n '8': {\n fontSize: '$8',\n },\n '9': {\n fontSize: '$9',\n },\n '10': {\n fontSize: '$10',\n },\n '11': {\n fontSize: '$11',\n },\n '12': {\n fontSize: '$12',\n },\n inherit: {\n fontSize: 'inherit',\n },\n },\n weight: {\n light: {\n fontWeight: '$light',\n },\n regular: {\n fontWeight: '$regular',\n },\n medium: {\n fontWeight: '$medium',\n },\n semiBold: {\n fontWeight: '$semiBold',\n },\n bold: {\n fontWeight: '$bold',\n },\n },\n variant: {\n red: {\n color: '$textRed',\n },\n subtle: {\n color: '$textSubtle',\n },\n default: {\n color: '$textDefault',\n },\n contrast: {\n color: '$textContrast',\n },\n inherit: {\n color: 'inherit',\n },\n invalid: {\n color: '$textInvalid',\n },\n },\n gradient: {\n true: {\n WebkitBackgroundClip: 'text',\n WebkitTextFillColor: 'transparent',\n },\n },\n transform: {\n uppercase: {\n textTransform: 'uppercase',\n },\n capitalize: {\n // WARNING: this will only work with block elements (display block/inline-block)\n // @see https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter\n display: 'inline-block',\n '&::first-letter': {\n textTransform: 'uppercase',\n },\n },\n capitalizeWords: {\n textTransform: 'capitalize',\n },\n },\n noWrap: {\n true: {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n },\n },\n defaultVariants: {\n size: '3',\n variant: 'default',\n },\n});\n\nexport type TextVariants = VariantProps<typeof Text>;\nexport type TextProps = TextVariants & { css?: CSS };\n"],"mappings":";AAEA,IAAa,2CAAO,CAAA,OAAO,QAAQ;CAEjC,YAAY;CACZ,QAAQ;CACR,YAAY;CACZ,oBAAoB;CACpB,SAAS;CAET,UAAU;EACR,MAAM;GACJ,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,MAAM,EACJ,UAAU,OACX;GACD,MAAM,EACJ,UAAU,OACX;GACD,MAAM,EACJ,UAAU,OACX;GACD,SAAS,EACP,UAAU,WACX;GACF;EACD,QAAQ;GACN,OAAO,EACL,YAAY,UACb;GACD,SAAS,EACP,YAAY,YACb;GACD,QAAQ,EACN,YAAY,WACb;GACD,UAAU,EACR,YAAY,aACb;GACD,MAAM,EACJ,YAAY,SACb;GACF;EACD,SAAS;GACP,KAAK,EACH,OAAO,YACR;GACD,QAAQ,EACN,OAAO,eACR;GACD,SAAS,EACP,OAAO,gBACR;GACD,UAAU,EACR,OAAO,iBACR;GACD,SAAS,EACP,OAAO,WACR;GACD,SAAS,EACP,OAAO,gBACR;GACF;EACD,UAAU,EACR,MAAM;GACJ,sBAAsB;GACtB,qBAAqB;GACtB,EACF;EACD,WAAW;GACT,WAAW,EACT,eAAe,aAChB;GACD,YAAY;IAGV,SAAS;IACT,mBAAmB,EACjB,eAAe,aAChB;IACF;GACD,iBAAiB,EACf,eAAe,cAChB;GACF;EACD,QAAQ,EACN,MAAM;GACJ,UAAU;GACV,cAAc;GACd,YAAY;GACb,EACF;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/stitches.config.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stitches.config.cjs","names":[],"sources":["../stitches.config.ts"],"sourcesContent":["// @ts-nocheck\nimport type * as Stitches from '@stitches/react';\nimport { createStitches, CSS as StitchesCSS } from '@stitches/react';\nimport { Property } from '@stitches/react/types/css';\n\nimport { darkColors, lightColors } from './colors';\nimport { Theme as AccordionTheme } from './components/Accordion/Accordion.themes';\nimport { Theme as BadgeTheme } from './components/Badge/Badge.themes';\nimport { Theme as ButtonTheme } from './components/Button/Button.themes';\nimport { Theme as ButtonSwitchTheme } from './components/ButtonSwitch/ButtonSwitch.themes';\nimport { Theme as CardTheme } from './components/Card/Card.themes';\nimport { Theme as CheckboxTheme } from './components/Checkbox/Checkbox.themes';\nimport { Theme as CodeBlockTheme } from './components/CodeBlock/CodeBlock.themes';\nimport { Theme as DialogTheme } from './components/Dialog/Dialog.themes';\nimport { Theme as HeadingTheme } from './components/Heading/Heading.themes';\nimport { Theme as IconButtonTheme } from './components/IconButton/IconButton.themes';\nimport { Theme as InputTheme } from './components/Input/Input.themes';\nimport { Theme as LinkTheme } from './components/Link/Link.themes';\nimport { Theme as ListTheme } from './components/List/List.themes';\nimport { Theme as NavigationTheme } from './components/Navigation/Navigation.themes';\nimport { Theme as RadioTheme } from './components/Radio/Radio.themes';\nimport { Theme as SelectTheme } from './components/Select/Select.themes';\nimport { Theme as SidePanelTheme } from './components/SidePanel/SidePanel.themes';\nimport { Theme as SkeletonTheme } from './components/Skeleton/Skeleton.themes';\nimport { Theme as SwitchTheme } from './components/Switch/Switch.themes';\nimport { Theme as TableTheme } from './components/Table/Table.themes';\nimport { Theme as TextTheme } from './components/Text/Text.themes';\nimport { Theme as TextareaTheme } from './components/Textarea/Textarea.themes';\nimport { Theme as TooltipTheme } from './components/Tooltip/Tooltip.themes';\nimport getPrimaryColorInfo from './utils/getPrimaryColorInfo';\n\nexport type { VariantProps } from '@stitches/react';\n\n// Only colors having color variations and corresponding alpha\nexport type PrimaryColor = 'neon' \| 'blue' \| 'orange' \| 'red' \| 'green' \| 'deepBlue' \| 'grayBlue';\n\nconst defaultPrimary: PrimaryColor = 'blue';\n\nconst defaultPrimaryColor = getPrimaryColorInfo(defaultPrimary, lightColors);\n\nexport const colors: Record<string, Property.Color> = {\n ...lightColors,\n\n // Semantic colors\n primary: defaultPrimary,\n contentBg: '$00dp',\n hiContrast: '$deepBlue11',\n loContrast: 'white',\n focusOutline: 'hsl(216, 100%, 64%)',\n divider: 'hsl(207, 10%, 82%)',\n};\n\nconst stitches = createStitches({\n theme: {\n colors: {\n ...colors,\n ...AccordionTheme.getLight(defaultPrimaryColor),\n ...BadgeTheme.getLight(defaultPrimaryColor),\n ...ButtonTheme.getLight(defaultPrimaryColor),\n ...ButtonSwitchTheme.getLight(defaultPrimaryColor),\n ...SwitchTheme.getLight(defaultPrimaryColor),\n ...CardTheme.getLight(defaultPrimaryColor),\n ...CheckboxTheme.getLight(defaultPrimaryColor),\n ...CodeBlockTheme.getLight(),\n ...LinkTheme.getLight(defaultPrimaryColor),\n ...ListTheme.getLight(defaultPrimaryColor),\n ...RadioTheme.getLight(defaultPrimaryColor),\n ...InputTheme.getLight(defaultPrimaryColor),\n ...TableTheme.getLight(defaultPrimaryColor),\n ...TextTheme.getLight(defaultPrimaryColor),\n ...SelectTheme.getLight(defaultPrimaryColor),\n ...SkeletonTheme.getLight(defaultPrimaryColor),\n ...DialogTheme.getLight(defaultPrimaryColor),\n ...IconButtonTheme.getLight(defaultPrimaryColor),\n ...TooltipTheme.getLight(defaultPrimaryColor),\n ...TextareaTheme.getLight(defaultPrimaryColor),\n ...HeadingTheme.getLight(defaultPrimaryColor),\n ...SidePanelTheme.getLight(defaultPrimaryColor),\n },\n fonts: {\n rubik:\n 'Rubik, -apple-system, system-ui, \"Segoe UI\", \"Helvetica Neue\", helvetica, arial, sans-serif',\n },\n space: {\n 1: '4px',\n 2: '8px',\n 3: '16px',\n 4: '20px',\n 5: '24px',\n 6: '32px',\n 7: '48px',\n 8: '64px',\n 9: '80px',\n },\n sizes: {\n 1: '4px',\n 2: '8px',\n 3: '16px',\n 4: '20px',\n 5: '24px',\n 6: '32px',\n 7: '40px',\n 8: '48px',\n 9: '64px',\n 10: '80px',\n },\n fontSizes: {\n 0: '11px',\n 1: '12px',\n 2: '13px',\n 3: '14px',\n 4: '16px',\n 5: '18px',\n 6: '20px',\n 7: '22px',\n 8: '24px',\n 9: '26px',\n 10: '28px',\n 11: '32px',\n 12: '38px',\n },\n fontWeights: { light: 300, regular: 400, medium: 500, semiBold: 600, bold: 700 },\n radii: { 1: '4px', 2: '6px', 3: '8px', 4: '12px', round: '50%', pill: '9999px', button: '8px' },\n zIndices: { 1: '100', 2: '200', 3: '300', 4: '400', max: '999' },\n },\n media: {\n bp1: '(min-width: 520px) and (max-width: 899px)',\n bp2: '(min-width: 900px) and (max-width: 1199px)',\n bp3: '(min-width: 1200px) and (max-width: 1799px)',\n bp4: '(min-width: 1800px)',\n motion: '(prefers-reduced-motion)',\n hover: '(any-hover: hover)',\n dark: '(prefers-color-scheme: dark)',\n light: '(prefers-color-scheme: light)',\n },\n utils: {\n p: (value: Stitches.PropertyValue<'padding'>) => ({ padding: value }),\n pt: (value: Stitches.PropertyValue<'paddingTop'>) => ({ paddingTop: value }),\n pr: (value: Stitches.PropertyValue<'paddingRight'>) => ({ paddingRight: value }),\n pb: (value: Stitches.PropertyValue<'paddingBottom'>) => ({ paddingBottom: value }),\n pl: (value: Stitches.PropertyValue<'paddingLeft'>) => ({ paddingLeft: value }),\n px: (value: Stitches.PropertyValue<'paddingLeft'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n py: (value: Stitches.PropertyValue<'paddingTop'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n\n m: (value: Stitches.PropertyValue<'margin'>) => ({ margin: value }),\n mt: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value }),\n mr: (value: Stitches.PropertyValue<'marginRight'>) => ({ marginRight: value }),\n mb: (value: Stitches.PropertyValue<'marginBottom'>) => ({ marginBottom: value }),\n ml: (value: Stitches.PropertyValue<'marginLeft'>) => ({ marginLeft: value }),\n mx: (value: Stitches.PropertyValue<'marginLeft'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n my: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value, marginBottom: value }),\n\n ta: (value: Stitches.PropertyValue<'textAlign'>) => ({ textAlign: value }),\n\n fd: (value: Stitches.PropertyValue<'flexDirection'>) => ({ flexDirection: value }),\n fw: (value: Stitches.PropertyValue<'flexWrap'>) => ({ flexWrap: value }),\n\n ai: (value: Stitches.PropertyValue<'alignItems'>) => ({ alignItems: value }),\n ac: (value: Stitches.PropertyValue<'alignContent'>) => ({ alignContent: value }),\n jc: (value: Stitches.PropertyValue<'justifyContent'>) => ({ justifyContent: value }),\n as: (value: Stitches.PropertyValue<'alignSelf'>) => ({ alignSelf: value }),\n fg: (value: Stitches.PropertyValue<'flexGrow'>) => ({ flexGrow: value }),\n fs: (value: Stitches.PropertyValue<'flexShrink'>) => ({ flexShrink: value }),\n fb: (value: Stitches.PropertyValue<'flexBasis'>) => ({ flexBasis: value }),\n\n bc: (value: Stitches.PropertyValue<'backgroundColor'>) => ({ backgroundColor: value }),\n\n br: (value: Stitches.PropertyValue<'borderRadius'>) => ({ borderRadius: value }),\n btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => ({\n borderTopRightRadius: value,\n }),\n bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => ({\n borderBottomRightRadius: value,\n }),\n bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => ({\n borderBottomLeftRadius: value,\n }),\n btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => ({\n borderTopLeftRadius: value,\n }),\n\n bs: (value: Stitches.PropertyValue<'boxShadow'>) => ({ boxShadow: value }),\n\n c: (value: Stitches.PropertyValue<'color'>) => ({ color: value }),\n\n lh: (value: Stitches.PropertyValue<'lineHeight'>) => ({ lineHeight: value }),\n\n ox: (value: Stitches.PropertyValue<'overflowX'>) => ({ overflowX: value }),\n oy: (value: Stitches.PropertyValue<'overflowY'>) => ({ overflowY: value }),\n\n pe: (value: Stitches.PropertyValue<'pointerEvents'>) => ({ pointerEvents: value }),\n us: (value: Stitches.PropertyValue<'userSelect'>) => ({\n WebkitUserSelect: value,\n userSelect: value,\n }),\n\n userSelect: (value: Stitches.PropertyValue<'userSelect'>) => ({\n WebkitUserSelect: value,\n userSelect: value,\n }),\n\n size: (value: Stitches.PropertyValue<'width'>) => ({ width: value, height: value }),\n\n appearance: (value: Stitches.PropertyValue<'appearance'>) => ({\n WebkitAppearance: value,\n appearance: value,\n }),\n backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => ({\n WebkitBackgroundClip: value,\n backgroundClip: value,\n }),\n },\n});\n\nexport type CSS<T = typeof stitches.config> = StitchesCSS<T>;\n\nexport const { styled, css, createTheme, getCssText, globalCss, keyframes, config } = stitches;\n\n// @ts-expect-error\nexport const utils = config.utils;\n\nexport const darkTheme = (primary: PrimaryColor, name = 'dark') => {\n const darkPrimaryColor = getPrimaryColorInfo(primary, darkColors);\n\n return createTheme(name, {\n colors: {\n ...darkColors,\n\n // Semantic colors\n primary: darkPrimaryColor.token,\n contentBg: '$00dp',\n hiContrast: 'white',\n loContrast: '$deepBlue2',\n divider: 'hsl(209, 29%, 19%)',\n ...AccordionTheme.getDark(darkPrimaryColor),\n ...BadgeTheme.getDark(darkPrimaryColor),\n ...ButtonTheme.getDark(darkPrimaryColor),\n ...ButtonSwitchTheme.getDark(darkPrimaryColor),\n ...IconButtonTheme.getDark(darkPrimaryColor),\n ...SwitchTheme.getDark(darkPrimaryColor),\n ...CardTheme.getDark(darkPrimaryColor),\n ...CheckboxTheme.getDark(darkPrimaryColor),\n ...CodeBlockTheme.getDark(),\n ...LinkTheme.getDark(darkPrimaryColor),\n ...ListTheme.getDark(darkPrimaryColor),\n ...RadioTheme.getDark(darkPrimaryColor),\n ...InputTheme.getDark(darkPrimaryColor),\n ...TableTheme.getDark(darkPrimaryColor),\n ...TextTheme.getDark(darkPrimaryColor),\n ...SelectTheme.getDark(darkPrimaryColor),\n ...SkeletonTheme.getDark(darkPrimaryColor),\n ...DialogTheme.getDark(darkPrimaryColor),\n ...NavigationTheme.getDark(darkPrimaryColor),\n ...TooltipTheme.getDark(darkPrimaryColor),\n ...TextareaTheme.getDark(darkPrimaryColor),\n ...HeadingTheme.getDark(darkPrimaryColor),\n ...SidePanelTheme.getDark(darkPrimaryColor),\n },\n });\n};\n\nexport const lightTheme = (primary: PrimaryColor, name = 'light') => {\n const lightPrimaryColor = getPrimaryColorInfo(primary, lightColors);\n\n return createTheme(name, {\n colors: {\n primary: lightPrimaryColor.token,\n ...AccordionTheme.getLight(lightPrimaryColor),\n ...BadgeTheme.getLight(lightPrimaryColor),\n ...ButtonTheme.getLight(lightPrimaryColor),\n ...ButtonSwitchTheme.getLight(lightPrimaryColor),\n ...IconButtonTheme.getLight(lightPrimaryColor),\n ...SwitchTheme.getLight(lightPrimaryColor),\n ...CardTheme.getLight(lightPrimaryColor),\n ...CheckboxTheme.getLight(lightPrimaryColor),\n ...CodeBlockTheme.getLight(),\n ...LinkTheme.getLight(lightPrimaryColor),\n ...ListTheme.getLight(lightPrimaryColor),\n ...RadioTheme.getLight(lightPrimaryColor),\n ...InputTheme.getLight(lightPrimaryColor),\n ...TableTheme.getLight(lightPrimaryColor),\n ...TextTheme.getLight(lightPrimaryColor),\n ...SelectTheme.getLight(lightPrimaryColor),\n ...SkeletonTheme.getLight(lightPrimaryColor),\n ...DialogTheme.getLight(lightPrimaryColor),\n ...NavigationTheme.getLight(lightPrimaryColor),\n ...TooltipTheme.getLight(lightPrimaryColor),\n ...TextareaTheme.getLight(lightPrimaryColor),\n ...HeadingTheme.getLight(lightPrimaryColor),\n ...SidePanelTheme.getLight(lightPrimaryColor),\n },\n });\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"stitches.config.cjs","names":[],"sources":["../stitches.config.ts"],"sourcesContent":["// @ts-nocheck\nimport type * as Stitches from '@stitches/react';\nimport { createStitches, CSS as StitchesCSS } from '@stitches/react';\nimport { Property } from '@stitches/react/types/css';\n\nimport { darkColors, lightColors } from './colors';\nimport { Theme as AccordionTheme } from './components/Accordion/Accordion.themes';\nimport { Theme as BadgeTheme } from './components/Badge/Badge.themes';\nimport { Theme as ButtonTheme } from './components/Button/Button.themes';\nimport { Theme as ButtonSwitchTheme } from './components/ButtonSwitch/ButtonSwitch.themes';\nimport { Theme as CardTheme } from './components/Card/Card.themes';\nimport { Theme as CheckboxTheme } from './components/Checkbox/Checkbox.themes';\nimport { Theme as CodeBlockTheme } from './components/CodeBlock/CodeBlock.themes';\nimport { Theme as DialogTheme } from './components/Dialog/Dialog.themes';\nimport { Theme as HeadingTheme } from './components/Heading/Heading.themes';\nimport { Theme as IconButtonTheme } from './components/IconButton/IconButton.themes';\nimport { Theme as InputTheme } from './components/Input/Input.themes';\nimport { Theme as LinkTheme } from './components/Link/Link.themes';\nimport { Theme as ListTheme } from './components/List/List.themes';\nimport { Theme as NavigationTheme } from './components/Navigation/Navigation.themes';\nimport { Theme as RadioTheme } from './components/Radio/Radio.themes';\nimport { Theme as SelectTheme } from './components/Select/Select.themes';\nimport { Theme as SidePanelTheme } from './components/SidePanel/SidePanel.themes';\nimport { Theme as SkeletonTheme } from './components/Skeleton/Skeleton.themes';\nimport { Theme as SwitchTheme } from './components/Switch/Switch.themes';\nimport { Theme as TableTheme } from './components/Table/Table.themes';\nimport { Theme as TextTheme } from './components/Text/Text.themes';\nimport { Theme as TextareaTheme } from './components/Textarea/Textarea.themes';\nimport { Theme as TooltipTheme } from './components/Tooltip/Tooltip.themes';\nimport getPrimaryColorInfo from './utils/getPrimaryColorInfo';\n\nexport type { VariantProps } from '@stitches/react';\n\n// Only colors having color variations and corresponding alpha\nexport type PrimaryColor = 'neon' \| 'blue' \| 'orange' \| 'red' \| 'green' \| 'deepBlue' \| 'grayBlue';\n\nconst defaultPrimary: PrimaryColor = 'blue';\n\nconst defaultPrimaryColor = getPrimaryColorInfo(defaultPrimary, lightColors);\n\nexport const colors: Record<string, Property.Color> = {\n ...lightColors,\n\n // Semantic colors\n primary: defaultPrimary,\n contentBg: '$00dp',\n hiContrast: '$deepBlue11',\n loContrast: 'white',\n focusOutline: 'hsl(216, 100%, 64%)',\n divider: 'hsl(207, 10%, 82%)',\n};\n\nconst stitches = createStitches({\n theme: {\n colors: {\n ...colors,\n ...AccordionTheme.getLight(defaultPrimaryColor),\n ...BadgeTheme.getLight(defaultPrimaryColor),\n ...ButtonTheme.getLight(defaultPrimaryColor),\n ...ButtonSwitchTheme.getLight(defaultPrimaryColor),\n ...SwitchTheme.getLight(defaultPrimaryColor),\n ...CardTheme.getLight(defaultPrimaryColor),\n ...CheckboxTheme.getLight(defaultPrimaryColor),\n ...CodeBlockTheme.getLight(),\n ...LinkTheme.getLight(defaultPrimaryColor),\n ...ListTheme.getLight(defaultPrimaryColor),\n ...RadioTheme.getLight(defaultPrimaryColor),\n ...InputTheme.getLight(defaultPrimaryColor),\n ...TableTheme.getLight(defaultPrimaryColor),\n ...TextTheme.getLight(defaultPrimaryColor),\n ...SelectTheme.getLight(defaultPrimaryColor),\n ...SkeletonTheme.getLight(defaultPrimaryColor),\n ...DialogTheme.getLight(defaultPrimaryColor),\n ...IconButtonTheme.getLight(defaultPrimaryColor),\n ...TooltipTheme.getLight(defaultPrimaryColor),\n ...TextareaTheme.getLight(defaultPrimaryColor),\n ...HeadingTheme.getLight(defaultPrimaryColor),\n ...SidePanelTheme.getLight(defaultPrimaryColor),\n },\n fonts: {\n rubik:\n 'Rubik, -apple-system, system-ui, \"Segoe UI\", \"Helvetica Neue\", helvetica, arial, sans-serif',\n },\n space: {\n 1: '4px',\n 2: '8px',\n 3: '16px',\n 4: '20px',\n 5: '24px',\n 6: '32px',\n 7: '48px',\n 8: '64px',\n 9: '80px',\n },\n sizes: {\n 1: '4px',\n 2: '8px',\n 3: '16px',\n 4: '20px',\n 5: '24px',\n 6: '32px',\n 7: '40px',\n 8: '48px',\n 9: '64px',\n 10: '80px',\n },\n fontSizes: {\n 0: '11px',\n 1: '12px',\n 2: '13px',\n 3: '14px',\n 4: '16px',\n 5: '18px',\n 6: '20px',\n 7: '22px',\n 8: '24px',\n 9: '26px',\n 10: '28px',\n 11: '32px',\n 12: '38px',\n },\n fontWeights: { light: 300, regular: 400, medium: 500, semiBold: 600, bold: 700 },\n radii: { 1: '4px', 2: '6px', 3: '8px', 4: '12px', round: '50%', pill: '9999px', button: '8px' },\n zIndices: { 1: '100', 2: '200', 3: '300', 4: '400', max: '999' },\n },\n media: {\n bp1: '(min-width: 520px) and (max-width: 899px)',\n bp2: '(min-width: 900px) and (max-width: 1199px)',\n bp3: '(min-width: 1200px) and (max-width: 1799px)',\n bp4: '(min-width: 1800px)',\n motion: '(prefers-reduced-motion)',\n hover: '(any-hover: hover)',\n dark: '(prefers-color-scheme: dark)',\n light: '(prefers-color-scheme: light)',\n },\n utils: {\n p: (value: Stitches.PropertyValue<'padding'>) => ({ padding: value }),\n pt: (value: Stitches.PropertyValue<'paddingTop'>) => ({ paddingTop: value }),\n pr: (value: Stitches.PropertyValue<'paddingRight'>) => ({ paddingRight: value }),\n pb: (value: Stitches.PropertyValue<'paddingBottom'>) => ({ paddingBottom: value }),\n pl: (value: Stitches.PropertyValue<'paddingLeft'>) => ({ paddingLeft: value }),\n px: (value: Stitches.PropertyValue<'paddingLeft'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n py: (value: Stitches.PropertyValue<'paddingTop'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n\n m: (value: Stitches.PropertyValue<'margin'>) => ({ margin: value }),\n mt: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value }),\n mr: (value: Stitches.PropertyValue<'marginRight'>) => ({ marginRight: value }),\n mb: (value: Stitches.PropertyValue<'marginBottom'>) => ({ marginBottom: value }),\n ml: (value: Stitches.PropertyValue<'marginLeft'>) => ({ marginLeft: value }),\n mx: (value: Stitches.PropertyValue<'marginLeft'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n my: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value, marginBottom: value }),\n\n ta: (value: Stitches.PropertyValue<'textAlign'>) => ({ textAlign: value }),\n\n fd: (value: Stitches.PropertyValue<'flexDirection'>) => ({ flexDirection: value }),\n fw: (value: Stitches.PropertyValue<'flexWrap'>) => ({ flexWrap: value }),\n\n ai: (value: Stitches.PropertyValue<'alignItems'>) => ({ alignItems: value }),\n ac: (value: Stitches.PropertyValue<'alignContent'>) => ({ alignContent: value }),\n jc: (value: Stitches.PropertyValue<'justifyContent'>) => ({ justifyContent: value }),\n as: (value: Stitches.PropertyValue<'alignSelf'>) => ({ alignSelf: value }),\n fg: (value: Stitches.PropertyValue<'flexGrow'>) => ({ flexGrow: value }),\n fs: (value: Stitches.PropertyValue<'flexShrink'>) => ({ flexShrink: value }),\n fb: (value: Stitches.PropertyValue<'flexBasis'>) => ({ flexBasis: value }),\n\n bc: (value: Stitches.PropertyValue<'backgroundColor'>) => ({ backgroundColor: value }),\n\n br: (value: Stitches.PropertyValue<'borderRadius'>) => ({ borderRadius: value }),\n btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => ({\n borderTopRightRadius: value,\n }),\n bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => ({\n borderBottomRightRadius: value,\n }),\n bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => ({\n borderBottomLeftRadius: value,\n }),\n btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => ({\n borderTopLeftRadius: value,\n }),\n\n bs: (value: Stitches.PropertyValue<'boxShadow'>) => ({ boxShadow: value }),\n\n c: (value: Stitches.PropertyValue<'color'>) => ({ color: value }),\n\n lh: (value: Stitches.PropertyValue<'lineHeight'>) => ({ lineHeight: value }),\n\n ox: (value: Stitches.PropertyValue<'overflowX'>) => ({ overflowX: value }),\n oy: (value: Stitches.PropertyValue<'overflowY'>) => ({ overflowY: value }),\n\n pe: (value: Stitches.PropertyValue<'pointerEvents'>) => ({ pointerEvents: value }),\n us: (value: Stitches.PropertyValue<'userSelect'>) => ({\n WebkitUserSelect: value,\n userSelect: value,\n }),\n\n userSelect: (value: Stitches.PropertyValue<'userSelect'>) => ({\n WebkitUserSelect: value,\n userSelect: value,\n }),\n\n size: (value: Stitches.PropertyValue<'width'>) => ({ width: value, height: value }),\n\n appearance: (value: Stitches.PropertyValue<'appearance'>) => ({\n WebkitAppearance: value,\n appearance: value,\n }),\n backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => ({\n WebkitBackgroundClip: value,\n backgroundClip: value,\n }),\n },\n});\n\nexport type CSS<T = typeof stitches.config> = StitchesCSS<T>;\n\nexport const { styled, css, createTheme, getCssText, globalCss, keyframes, config } = stitches;\n\n// @ts-expect-error\nexport const utils = config.utils;\n\nexport const darkTheme = (primary: PrimaryColor, name = 'dark') => {\n const darkPrimaryColor = getPrimaryColorInfo(primary, darkColors);\n\n return createTheme(name, {\n colors: {\n ...darkColors,\n\n // Semantic colors\n primary: darkPrimaryColor.token,\n contentBg: '$00dp',\n hiContrast: 'white',\n loContrast: '$deepBlue2',\n divider: 'hsl(209, 29%, 19%)',\n ...AccordionTheme.getDark(darkPrimaryColor),\n ...BadgeTheme.getDark(darkPrimaryColor),\n ...ButtonTheme.getDark(darkPrimaryColor),\n ...ButtonSwitchTheme.getDark(darkPrimaryColor),\n ...IconButtonTheme.getDark(darkPrimaryColor),\n ...SwitchTheme.getDark(darkPrimaryColor),\n ...CardTheme.getDark(darkPrimaryColor),\n ...CheckboxTheme.getDark(darkPrimaryColor),\n ...CodeBlockTheme.getDark(),\n ...LinkTheme.getDark(darkPrimaryColor),\n ...ListTheme.getDark(darkPrimaryColor),\n ...RadioTheme.getDark(darkPrimaryColor),\n ...InputTheme.getDark(darkPrimaryColor),\n ...TableTheme.getDark(darkPrimaryColor),\n ...TextTheme.getDark(darkPrimaryColor),\n ...SelectTheme.getDark(darkPrimaryColor),\n ...SkeletonTheme.getDark(darkPrimaryColor),\n ...DialogTheme.getDark(darkPrimaryColor),\n ...NavigationTheme.getDark(darkPrimaryColor),\n ...TooltipTheme.getDark(darkPrimaryColor),\n ...TextareaTheme.getDark(darkPrimaryColor),\n ...HeadingTheme.getDark(darkPrimaryColor),\n ...SidePanelTheme.getDark(darkPrimaryColor),\n },\n });\n};\n\nexport const lightTheme = (primary: PrimaryColor, name = 'light') => {\n const lightPrimaryColor = getPrimaryColorInfo(primary, lightColors);\n\n return createTheme(name, {\n colors: {\n primary: lightPrimaryColor.token,\n ...AccordionTheme.getLight(lightPrimaryColor),\n ...BadgeTheme.getLight(lightPrimaryColor),\n ...ButtonTheme.getLight(lightPrimaryColor),\n ...ButtonSwitchTheme.getLight(lightPrimaryColor),\n ...IconButtonTheme.getLight(lightPrimaryColor),\n ...SwitchTheme.getLight(lightPrimaryColor),\n ...CardTheme.getLight(lightPrimaryColor),\n ...CheckboxTheme.getLight(lightPrimaryColor),\n ...CodeBlockTheme.getLight(),\n ...LinkTheme.getLight(lightPrimaryColor),\n ...ListTheme.getLight(lightPrimaryColor),\n ...RadioTheme.getLight(lightPrimaryColor),\n ...InputTheme.getLight(lightPrimaryColor),\n ...TableTheme.getLight(lightPrimaryColor),\n ...TextTheme.getLight(lightPrimaryColor),\n ...SelectTheme.getLight(lightPrimaryColor),\n ...SkeletonTheme.getLight(lightPrimaryColor),\n ...DialogTheme.getLight(lightPrimaryColor),\n ...NavigationTheme.getLight(lightPrimaryColor),\n ...TooltipTheme.getLight(lightPrimaryColor),\n ...TextareaTheme.getLight(lightPrimaryColor),\n ...HeadingTheme.getLight(lightPrimaryColor),\n ...SidePanelTheme.getLight(lightPrimaryColor),\n },\n });\n};\n"],"mappings":"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"}

package/dist/stitches.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stitches.config.js","names":[],"sources":["../stitches.config.ts"],"sourcesContent":["// @ts-nocheck\nimport type * as Stitches from '@stitches/react';\nimport { createStitches, CSS as StitchesCSS } from '@stitches/react';\nimport { Property } from '@stitches/react/types/css';\n\nimport { darkColors, lightColors } from './colors';\nimport { Theme as AccordionTheme } from './components/Accordion/Accordion.themes';\nimport { Theme as BadgeTheme } from './components/Badge/Badge.themes';\nimport { Theme as ButtonTheme } from './components/Button/Button.themes';\nimport { Theme as ButtonSwitchTheme } from './components/ButtonSwitch/ButtonSwitch.themes';\nimport { Theme as CardTheme } from './components/Card/Card.themes';\nimport { Theme as CheckboxTheme } from './components/Checkbox/Checkbox.themes';\nimport { Theme as CodeBlockTheme } from './components/CodeBlock/CodeBlock.themes';\nimport { Theme as DialogTheme } from './components/Dialog/Dialog.themes';\nimport { Theme as HeadingTheme } from './components/Heading/Heading.themes';\nimport { Theme as IconButtonTheme } from './components/IconButton/IconButton.themes';\nimport { Theme as InputTheme } from './components/Input/Input.themes';\nimport { Theme as LinkTheme } from './components/Link/Link.themes';\nimport { Theme as ListTheme } from './components/List/List.themes';\nimport { Theme as NavigationTheme } from './components/Navigation/Navigation.themes';\nimport { Theme as RadioTheme } from './components/Radio/Radio.themes';\nimport { Theme as SelectTheme } from './components/Select/Select.themes';\nimport { Theme as SidePanelTheme } from './components/SidePanel/SidePanel.themes';\nimport { Theme as SkeletonTheme } from './components/Skeleton/Skeleton.themes';\nimport { Theme as SwitchTheme } from './components/Switch/Switch.themes';\nimport { Theme as TableTheme } from './components/Table/Table.themes';\nimport { Theme as TextTheme } from './components/Text/Text.themes';\nimport { Theme as TextareaTheme } from './components/Textarea/Textarea.themes';\nimport { Theme as TooltipTheme } from './components/Tooltip/Tooltip.themes';\nimport getPrimaryColorInfo from './utils/getPrimaryColorInfo';\n\nexport type { VariantProps } from '@stitches/react';\n\n// Only colors having color variations and corresponding alpha\nexport type PrimaryColor = 'neon' \| 'blue' \| 'orange' \| 'red' \| 'green' \| 'deepBlue' \| 'grayBlue';\n\nconst defaultPrimary: PrimaryColor = 'blue';\n\nconst defaultPrimaryColor = getPrimaryColorInfo(defaultPrimary, lightColors);\n\nexport const colors: Record<string, Property.Color> = {\n ...lightColors,\n\n // Semantic colors\n primary: defaultPrimary,\n contentBg: '$00dp',\n hiContrast: '$deepBlue11',\n loContrast: 'white',\n focusOutline: 'hsl(216, 100%, 64%)',\n divider: 'hsl(207, 10%, 82%)',\n};\n\nconst stitches = createStitches({\n theme: {\n colors: {\n ...colors,\n ...AccordionTheme.getLight(defaultPrimaryColor),\n ...BadgeTheme.getLight(defaultPrimaryColor),\n ...ButtonTheme.getLight(defaultPrimaryColor),\n ...ButtonSwitchTheme.getLight(defaultPrimaryColor),\n ...SwitchTheme.getLight(defaultPrimaryColor),\n ...CardTheme.getLight(defaultPrimaryColor),\n ...CheckboxTheme.getLight(defaultPrimaryColor),\n ...CodeBlockTheme.getLight(),\n ...LinkTheme.getLight(defaultPrimaryColor),\n ...ListTheme.getLight(defaultPrimaryColor),\n ...RadioTheme.getLight(defaultPrimaryColor),\n ...InputTheme.getLight(defaultPrimaryColor),\n ...TableTheme.getLight(defaultPrimaryColor),\n ...TextTheme.getLight(defaultPrimaryColor),\n ...SelectTheme.getLight(defaultPrimaryColor),\n ...SkeletonTheme.getLight(defaultPrimaryColor),\n ...DialogTheme.getLight(defaultPrimaryColor),\n ...IconButtonTheme.getLight(defaultPrimaryColor),\n ...TooltipTheme.getLight(defaultPrimaryColor),\n ...TextareaTheme.getLight(defaultPrimaryColor),\n ...HeadingTheme.getLight(defaultPrimaryColor),\n ...SidePanelTheme.getLight(defaultPrimaryColor),\n },\n fonts: {\n rubik:\n 'Rubik, -apple-system, system-ui, \"Segoe UI\", \"Helvetica Neue\", helvetica, arial, sans-serif',\n },\n space: {\n 1: '4px',\n 2: '8px',\n 3: '16px',\n 4: '20px',\n 5: '24px',\n 6: '32px',\n 7: '48px',\n 8: '64px',\n 9: '80px',\n },\n sizes: {\n 1: '4px',\n 2: '8px',\n 3: '16px',\n 4: '20px',\n 5: '24px',\n 6: '32px',\n 7: '40px',\n 8: '48px',\n 9: '64px',\n 10: '80px',\n },\n fontSizes: {\n 0: '11px',\n 1: '12px',\n 2: '13px',\n 3: '14px',\n 4: '16px',\n 5: '18px',\n 6: '20px',\n 7: '22px',\n 8: '24px',\n 9: '26px',\n 10: '28px',\n 11: '32px',\n 12: '38px',\n },\n fontWeights: { light: 300, regular: 400, medium: 500, semiBold: 600, bold: 700 },\n radii: { 1: '4px', 2: '6px', 3: '8px', 4: '12px', round: '50%', pill: '9999px', button: '8px' },\n zIndices: { 1: '100', 2: '200', 3: '300', 4: '400', max: '999' },\n },\n media: {\n bp1: '(min-width: 520px) and (max-width: 899px)',\n bp2: '(min-width: 900px) and (max-width: 1199px)',\n bp3: '(min-width: 1200px) and (max-width: 1799px)',\n bp4: '(min-width: 1800px)',\n motion: '(prefers-reduced-motion)',\n hover: '(any-hover: hover)',\n dark: '(prefers-color-scheme: dark)',\n light: '(prefers-color-scheme: light)',\n },\n utils: {\n p: (value: Stitches.PropertyValue<'padding'>) => ({ padding: value }),\n pt: (value: Stitches.PropertyValue<'paddingTop'>) => ({ paddingTop: value }),\n pr: (value: Stitches.PropertyValue<'paddingRight'>) => ({ paddingRight: value }),\n pb: (value: Stitches.PropertyValue<'paddingBottom'>) => ({ paddingBottom: value }),\n pl: (value: Stitches.PropertyValue<'paddingLeft'>) => ({ paddingLeft: value }),\n px: (value: Stitches.PropertyValue<'paddingLeft'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n py: (value: Stitches.PropertyValue<'paddingTop'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n\n m: (value: Stitches.PropertyValue<'margin'>) => ({ margin: value }),\n mt: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value }),\n mr: (value: Stitches.PropertyValue<'marginRight'>) => ({ marginRight: value }),\n mb: (value: Stitches.PropertyValue<'marginBottom'>) => ({ marginBottom: value }),\n ml: (value: Stitches.PropertyValue<'marginLeft'>) => ({ marginLeft: value }),\n mx: (value: Stitches.PropertyValue<'marginLeft'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n my: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value, marginBottom: value }),\n\n ta: (value: Stitches.PropertyValue<'textAlign'>) => ({ textAlign: value }),\n\n fd: (value: Stitches.PropertyValue<'flexDirection'>) => ({ flexDirection: value }),\n fw: (value: Stitches.PropertyValue<'flexWrap'>) => ({ flexWrap: value }),\n\n ai: (value: Stitches.PropertyValue<'alignItems'>) => ({ alignItems: value }),\n ac: (value: Stitches.PropertyValue<'alignContent'>) => ({ alignContent: value }),\n jc: (value: Stitches.PropertyValue<'justifyContent'>) => ({ justifyContent: value }),\n as: (value: Stitches.PropertyValue<'alignSelf'>) => ({ alignSelf: value }),\n fg: (value: Stitches.PropertyValue<'flexGrow'>) => ({ flexGrow: value }),\n fs: (value: Stitches.PropertyValue<'flexShrink'>) => ({ flexShrink: value }),\n fb: (value: Stitches.PropertyValue<'flexBasis'>) => ({ flexBasis: value }),\n\n bc: (value: Stitches.PropertyValue<'backgroundColor'>) => ({ backgroundColor: value }),\n\n br: (value: Stitches.PropertyValue<'borderRadius'>) => ({ borderRadius: value }),\n btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => ({\n borderTopRightRadius: value,\n }),\n bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => ({\n borderBottomRightRadius: value,\n }),\n bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => ({\n borderBottomLeftRadius: value,\n }),\n btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => ({\n borderTopLeftRadius: value,\n }),\n\n bs: (value: Stitches.PropertyValue<'boxShadow'>) => ({ boxShadow: value }),\n\n c: (value: Stitches.PropertyValue<'color'>) => ({ color: value }),\n\n lh: (value: Stitches.PropertyValue<'lineHeight'>) => ({ lineHeight: value }),\n\n ox: (value: Stitches.PropertyValue<'overflowX'>) => ({ overflowX: value }),\n oy: (value: Stitches.PropertyValue<'overflowY'>) => ({ overflowY: value }),\n\n pe: (value: Stitches.PropertyValue<'pointerEvents'>) => ({ pointerEvents: value }),\n us: (value: Stitches.PropertyValue<'userSelect'>) => ({\n WebkitUserSelect: value,\n userSelect: value,\n }),\n\n userSelect: (value: Stitches.PropertyValue<'userSelect'>) => ({\n WebkitUserSelect: value,\n userSelect: value,\n }),\n\n size: (value: Stitches.PropertyValue<'width'>) => ({ width: value, height: value }),\n\n appearance: (value: Stitches.PropertyValue<'appearance'>) => ({\n WebkitAppearance: value,\n appearance: value,\n }),\n backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => ({\n WebkitBackgroundClip: value,\n backgroundClip: value,\n }),\n },\n});\n\nexport type CSS<T = typeof stitches.config> = StitchesCSS<T>;\n\nexport const { styled, css, createTheme, getCssText, globalCss, keyframes, config } = stitches;\n\n// @ts-expect-error\nexport const utils = config.utils;\n\nexport const darkTheme = (primary: PrimaryColor, name = 'dark') => {\n const darkPrimaryColor = getPrimaryColorInfo(primary, darkColors);\n\n return createTheme(name, {\n colors: {\n ...darkColors,\n\n // Semantic colors\n primary: darkPrimaryColor.token,\n contentBg: '$00dp',\n hiContrast: 'white',\n loContrast: '$deepBlue2',\n divider: 'hsl(209, 29%, 19%)',\n ...AccordionTheme.getDark(darkPrimaryColor),\n ...BadgeTheme.getDark(darkPrimaryColor),\n ...ButtonTheme.getDark(darkPrimaryColor),\n ...ButtonSwitchTheme.getDark(darkPrimaryColor),\n ...IconButtonTheme.getDark(darkPrimaryColor),\n ...SwitchTheme.getDark(darkPrimaryColor),\n ...CardTheme.getDark(darkPrimaryColor),\n ...CheckboxTheme.getDark(darkPrimaryColor),\n ...CodeBlockTheme.getDark(),\n ...LinkTheme.getDark(darkPrimaryColor),\n ...ListTheme.getDark(darkPrimaryColor),\n ...RadioTheme.getDark(darkPrimaryColor),\n ...InputTheme.getDark(darkPrimaryColor),\n ...TableTheme.getDark(darkPrimaryColor),\n ...TextTheme.getDark(darkPrimaryColor),\n ...SelectTheme.getDark(darkPrimaryColor),\n ...SkeletonTheme.getDark(darkPrimaryColor),\n ...DialogTheme.getDark(darkPrimaryColor),\n ...NavigationTheme.getDark(darkPrimaryColor),\n ...TooltipTheme.getDark(darkPrimaryColor),\n ...TextareaTheme.getDark(darkPrimaryColor),\n ...HeadingTheme.getDark(darkPrimaryColor),\n ...SidePanelTheme.getDark(darkPrimaryColor),\n },\n });\n};\n\nexport const lightTheme = (primary: PrimaryColor, name = 'light') => {\n const lightPrimaryColor = getPrimaryColorInfo(primary, lightColors);\n\n return createTheme(name, {\n colors: {\n primary: lightPrimaryColor.token,\n ...AccordionTheme.getLight(lightPrimaryColor),\n ...BadgeTheme.getLight(lightPrimaryColor),\n ...ButtonTheme.getLight(lightPrimaryColor),\n ...ButtonSwitchTheme.getLight(lightPrimaryColor),\n ...IconButtonTheme.getLight(lightPrimaryColor),\n ...SwitchTheme.getLight(lightPrimaryColor),\n ...CardTheme.getLight(lightPrimaryColor),\n ...CheckboxTheme.getLight(lightPrimaryColor),\n ...CodeBlockTheme.getLight(),\n ...LinkTheme.getLight(lightPrimaryColor),\n ...ListTheme.getLight(lightPrimaryColor),\n ...RadioTheme.getLight(lightPrimaryColor),\n ...InputTheme.getLight(lightPrimaryColor),\n ...TableTheme.getLight(lightPrimaryColor),\n ...TextTheme.getLight(lightPrimaryColor),\n ...SelectTheme.getLight(lightPrimaryColor),\n ...SkeletonTheme.getLight(lightPrimaryColor),\n ...DialogTheme.getLight(lightPrimaryColor),\n ...NavigationTheme.getLight(lightPrimaryColor),\n ...TooltipTheme.getLight(lightPrimaryColor),\n ...TextareaTheme.getLight(lightPrimaryColor),\n ...HeadingTheme.getLight(lightPrimaryColor),\n ...SidePanelTheme.getLight(lightPrimaryColor),\n },\n });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,IAAM,iBAA+B;AAErC,IAAM,sBAAsB,oBAAoB,gBAAgB,YAAY;AA2L5E,IAAa,EAAE,QAAQ,KAAK,aAAa,YAAY,WAAW,WAAW,WA7K1D,eAAe;CAC9B,OAAO;EACL,QAAQ;GAbV,GAAG;GAGH,SAAS;GACT,WAAW;GACX,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,SAAS;GAOL,GAAG,MAAe,SAAS,oBAAoB;GAC/C,GAAG,QAAW,SAAS,oBAAoB;GAC3C,GAAG,QAAY,SAAS,oBAAoB;GAC5C,GAAG,QAAkB,SAAS,oBAAoB;GAClD,GAAG,SAAY,SAAS,oBAAoB;GAC5C,GAAG,QAAU,SAAS,oBAAoB;GAC1C,GAAG,QAAc,SAAS,oBAAoB;GAC9C,GAAG,QAAe,UAAU;GAC5B,GAAG,SAAU,SAAS,oBAAoB;GAC1C,GAAG,SAAU,SAAS,oBAAoB;GAC1C,GAAG,SAAW,SAAS,oBAAoB;GAC3C,GAAG,SAAW,SAAS,oBAAoB;GAC3C,GAAG,SAAW,SAAS,oBAAoB;GAC3C,GAAG,SAAU,SAAS,oBAAoB;GAC1C,GAAG,SAAY,SAAS,oBAAoB;GAC5C,GAAG,SAAc,SAAS,oBAAoB;GAC9C,GAAG,QAAY,SAAS,oBAAoB;GAC5C,GAAG,QAAgB,SAAS,oBAAoB;GAChD,GAAG,SAAa,SAAS,oBAAoB;GAC7C,GAAG,SAAc,SAAS,oBAAoB;GAC9C,GAAG,QAAa,SAAS,oBAAoB;GAC7C,GAAG,SAAe,SAAS,oBAAoB;GAChD;EACD,OAAO,EACL,OACE,mGACH;EACD,OAAO;GACL,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACJ;EACD,OAAO;GACL,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,IAAI;GACL;EACD,WAAW;GACT,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,aAAa;GAAE,OAAO;GAAK,SAAS;GAAK,QAAQ;GAAK,UAAU;GAAK,MAAM;GAAK;EAChF,OAAO;GAAE,GAAG;GAAO,GAAG;GAAO,GAAG;GAAO,GAAG;GAAQ,OAAO;GAAO,MAAM;GAAU,QAAQ;GAAO;EAC/F,UAAU;GAAE,GAAG;GAAO,GAAG;GAAO,GAAG;GAAO,GAAG;GAAO,KAAK;GAAO;EACjE;CACD,OAAO;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,QAAQ;EACR,OAAO;EACP,MAAM;EACN,OAAO;EACR;CACD,OAAO;EACL,IAAI,WAA8C,EAAE,SAAS,OAAO;EACpE,KAAK,WAAiD,EAAE,YAAY,OAAO;EAC3E,KAAK,WAAmD,EAAE,cAAc,OAAO;EAC/E,KAAK,WAAoD,EAAE,eAAe,OAAO;EACjF,KAAK,WAAkD,EAAE,aAAa,OAAO;EAC7E,KAAK,WAAkD;GACrD,aAAa;GACb,cAAc;GACf;EACD,KAAK,WAAiD;GACpD,YAAY;GACZ,eAAe;GAChB;EAED,IAAI,WAA6C,EAAE,QAAQ,OAAO;EAClE,KAAK,WAAgD,EAAE,WAAW,OAAO;EACzE,KAAK,WAAkD,EAAE,aAAa,OAAO;EAC7E,KAAK,WAAmD,EAAE,cAAc,OAAO;EAC/E,KAAK,WAAiD,EAAE,YAAY,OAAO;EAC3E,KAAK,WAAiD;GACpD,YAAY;GACZ,aAAa;GACd;EACD,KAAK,WAAgD;GAAE,WAAW;GAAO,cAAc;GAAO;EAE9F,KAAK,WAAgD,EAAE,WAAW,OAAO;EAEzE,KAAK,WAAoD,EAAE,eAAe,OAAO;EACjF,KAAK,WAA+C,EAAE,UAAU,OAAO;EAEvE,KAAK,WAAiD,EAAE,YAAY,OAAO;EAC3E,KAAK,WAAmD,EAAE,cAAc,OAAO;EAC/E,KAAK,WAAqD,EAAE,gBAAgB,OAAO;EACnF,KAAK,WAAgD,EAAE,WAAW,OAAO;EACzE,KAAK,WAA+C,EAAE,UAAU,OAAO;EACvE,KAAK,WAAiD,EAAE,YAAY,OAAO;EAC3E,KAAK,WAAgD,EAAE,WAAW,OAAO;EAEzE,KAAK,WAAsD,EAAE,iBAAiB,OAAO;EAErF,KAAK,WAAmD,EAAE,cAAc,OAAO;EAC/E,OAAO,WAA2D,EAChE,sBAAsB,OACvB;EACD,OAAO,WAA8D,EACnE,yBAAyB,OAC1B;EACD,OAAO,WAA6D,EAClE,wBAAwB,OACzB;EACD,OAAO,WAA0D,EAC/D,qBAAqB,OACtB;EAED,KAAK,WAAgD,EAAE,WAAW,OAAO;EAEzE,IAAI,WAA4C,EAAE,OAAO,OAAO;EAEhE,KAAK,WAAiD,EAAE,YAAY,OAAO;EAE3E,KAAK,WAAgD,EAAE,WAAW,OAAO;EACzE,KAAK,WAAgD,EAAE,WAAW,OAAO;EAEzE,KAAK,WAAoD,EAAE,eAAe,OAAO;EACjF,KAAK,WAAiD;GACpD,kBAAkB;GAClB,YAAY;GACb;EAED,aAAa,WAAiD;GAC5D,kBAAkB;GAClB,YAAY;GACb;EAED,OAAO,WAA4C;GAAE,OAAO;GAAO,QAAQ;GAAO;EAElF,aAAa,WAAiD;GAC5D,kBAAkB;GAClB,YAAY;GACb;EACD,iBAAiB,WAAqD;GACpE,sBAAsB;GACtB,gBAAgB;GACjB;EACF;CACF,CAAC;AAOmB,OAAO;AAE5B,IAAa,aAAa,SAAuB,OAAO,WAAW;CACjE,MAAM,mBAAmB,oBAAoB,SAAS,WAAW;AAEjE,QAAO,YAAY,MAAM,EACvB,QAAQ;EACN,GAAG;EAGH,SAAS,iBAAiB;EAC1B,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,SAAS;EACT,GAAG,MAAe,QAAQ,iBAAiB;EAC3C,GAAG,QAAW,QAAQ,iBAAiB;EACvC,GAAG,QAAY,QAAQ,iBAAiB;EACxC,GAAG,QAAkB,QAAQ,iBAAiB;EAC9C,GAAG,QAAgB,QAAQ,iBAAiB;EAC5C,GAAG,SAAY,QAAQ,iBAAiB;EACxC,GAAG,QAAU,QAAQ,iBAAiB;EACtC,GAAG,QAAc,QAAQ,iBAAiB;EAC1C,GAAG,QAAe,SAAS;EAC3B,GAAG,SAAU,QAAQ,iBAAiB;EACtC,GAAG,SAAU,QAAQ,iBAAiB;EACtC,GAAG,SAAW,QAAQ,iBAAiB;EACvC,GAAG,SAAW,QAAQ,iBAAiB;EACvC,GAAG,SAAW,QAAQ,iBAAiB;EACvC,GAAG,SAAU,QAAQ,iBAAiB;EACtC,GAAG,SAAY,QAAQ,iBAAiB;EACxC,GAAG,SAAc,QAAQ,iBAAiB;EAC1C,GAAG,QAAY,QAAQ,iBAAiB;EACxC,GAAG,SAAgB,QAAQ,iBAAiB;EAC5C,GAAG,SAAa,QAAQ,iBAAiB;EACzC,GAAG,SAAc,QAAQ,iBAAiB;EAC1C,GAAG,QAAa,QAAQ,iBAAiB;EACzC,GAAG,SAAe,QAAQ,iBAAiB;EAC5C,EACF,CAAC;;AAGJ,IAAa,cAAc,SAAuB,OAAO,YAAY;CACnE,MAAM,oBAAoB,oBAAoB,SAAS,YAAY;AAEnE,QAAO,YAAY,MAAM,EACvB,QAAQ;EACN,SAAS,kBAAkB;EAC3B,GAAG,MAAe,SAAS,kBAAkB;EAC7C,GAAG,QAAW,SAAS,kBAAkB;EACzC,GAAG,QAAY,SAAS,kBAAkB;EAC1C,GAAG,QAAkB,SAAS,kBAAkB;EAChD,GAAG,QAAgB,SAAS,kBAAkB;EAC9C,GAAG,SAAY,SAAS,kBAAkB;EAC1C,GAAG,QAAU,SAAS,kBAAkB;EACxC,GAAG,QAAc,SAAS,kBAAkB;EAC5C,GAAG,QAAe,UAAU;EAC5B,GAAG,SAAU,SAAS,kBAAkB;EACxC,GAAG,SAAU,SAAS,kBAAkB;EACxC,GAAG,SAAW,SAAS,kBAAkB;EACzC,GAAG,SAAW,SAAS,kBAAkB;EACzC,GAAG,SAAW,SAAS,kBAAkB;EACzC,GAAG,SAAU,SAAS,kBAAkB;EACxC,GAAG,SAAY,SAAS,kBAAkB;EAC1C,GAAG,SAAc,SAAS,kBAAkB;EAC5C,GAAG,QAAY,SAAS,kBAAkB;EAC1C,GAAG,SAAgB,SAAS,kBAAkB;EAC9C,GAAG,SAAa,SAAS,kBAAkB;EAC3C,GAAG,SAAc,SAAS,kBAAkB;EAC5C,GAAG,QAAa,SAAS,kBAAkB;EAC3C,GAAG,SAAe,SAAS,kBAAkB;EAC9C,EACF,CAAC"}
1	+ {"version":3,"file":"stitches.config.js","names":[],"sources":["../stitches.config.ts"],"sourcesContent":["// @ts-nocheck\nimport type * as Stitches from '@stitches/react';\nimport { createStitches, CSS as StitchesCSS } from '@stitches/react';\nimport { Property } from '@stitches/react/types/css';\n\nimport { darkColors, lightColors } from './colors';\nimport { Theme as AccordionTheme } from './components/Accordion/Accordion.themes';\nimport { Theme as BadgeTheme } from './components/Badge/Badge.themes';\nimport { Theme as ButtonTheme } from './components/Button/Button.themes';\nimport { Theme as ButtonSwitchTheme } from './components/ButtonSwitch/ButtonSwitch.themes';\nimport { Theme as CardTheme } from './components/Card/Card.themes';\nimport { Theme as CheckboxTheme } from './components/Checkbox/Checkbox.themes';\nimport { Theme as CodeBlockTheme } from './components/CodeBlock/CodeBlock.themes';\nimport { Theme as DialogTheme } from './components/Dialog/Dialog.themes';\nimport { Theme as HeadingTheme } from './components/Heading/Heading.themes';\nimport { Theme as IconButtonTheme } from './components/IconButton/IconButton.themes';\nimport { Theme as InputTheme } from './components/Input/Input.themes';\nimport { Theme as LinkTheme } from './components/Link/Link.themes';\nimport { Theme as ListTheme } from './components/List/List.themes';\nimport { Theme as NavigationTheme } from './components/Navigation/Navigation.themes';\nimport { Theme as RadioTheme } from './components/Radio/Radio.themes';\nimport { Theme as SelectTheme } from './components/Select/Select.themes';\nimport { Theme as SidePanelTheme } from './components/SidePanel/SidePanel.themes';\nimport { Theme as SkeletonTheme } from './components/Skeleton/Skeleton.themes';\nimport { Theme as SwitchTheme } from './components/Switch/Switch.themes';\nimport { Theme as TableTheme } from './components/Table/Table.themes';\nimport { Theme as TextTheme } from './components/Text/Text.themes';\nimport { Theme as TextareaTheme } from './components/Textarea/Textarea.themes';\nimport { Theme as TooltipTheme } from './components/Tooltip/Tooltip.themes';\nimport getPrimaryColorInfo from './utils/getPrimaryColorInfo';\n\nexport type { VariantProps } from '@stitches/react';\n\n// Only colors having color variations and corresponding alpha\nexport type PrimaryColor = 'neon' \| 'blue' \| 'orange' \| 'red' \| 'green' \| 'deepBlue' \| 'grayBlue';\n\nconst defaultPrimary: PrimaryColor = 'blue';\n\nconst defaultPrimaryColor = getPrimaryColorInfo(defaultPrimary, lightColors);\n\nexport const colors: Record<string, Property.Color> = {\n ...lightColors,\n\n // Semantic colors\n primary: defaultPrimary,\n contentBg: '$00dp',\n hiContrast: '$deepBlue11',\n loContrast: 'white',\n focusOutline: 'hsl(216, 100%, 64%)',\n divider: 'hsl(207, 10%, 82%)',\n};\n\nconst stitches = createStitches({\n theme: {\n colors: {\n ...colors,\n ...AccordionTheme.getLight(defaultPrimaryColor),\n ...BadgeTheme.getLight(defaultPrimaryColor),\n ...ButtonTheme.getLight(defaultPrimaryColor),\n ...ButtonSwitchTheme.getLight(defaultPrimaryColor),\n ...SwitchTheme.getLight(defaultPrimaryColor),\n ...CardTheme.getLight(defaultPrimaryColor),\n ...CheckboxTheme.getLight(defaultPrimaryColor),\n ...CodeBlockTheme.getLight(),\n ...LinkTheme.getLight(defaultPrimaryColor),\n ...ListTheme.getLight(defaultPrimaryColor),\n ...RadioTheme.getLight(defaultPrimaryColor),\n ...InputTheme.getLight(defaultPrimaryColor),\n ...TableTheme.getLight(defaultPrimaryColor),\n ...TextTheme.getLight(defaultPrimaryColor),\n ...SelectTheme.getLight(defaultPrimaryColor),\n ...SkeletonTheme.getLight(defaultPrimaryColor),\n ...DialogTheme.getLight(defaultPrimaryColor),\n ...IconButtonTheme.getLight(defaultPrimaryColor),\n ...TooltipTheme.getLight(defaultPrimaryColor),\n ...TextareaTheme.getLight(defaultPrimaryColor),\n ...HeadingTheme.getLight(defaultPrimaryColor),\n ...SidePanelTheme.getLight(defaultPrimaryColor),\n },\n fonts: {\n rubik:\n 'Rubik, -apple-system, system-ui, \"Segoe UI\", \"Helvetica Neue\", helvetica, arial, sans-serif',\n },\n space: {\n 1: '4px',\n 2: '8px',\n 3: '16px',\n 4: '20px',\n 5: '24px',\n 6: '32px',\n 7: '48px',\n 8: '64px',\n 9: '80px',\n },\n sizes: {\n 1: '4px',\n 2: '8px',\n 3: '16px',\n 4: '20px',\n 5: '24px',\n 6: '32px',\n 7: '40px',\n 8: '48px',\n 9: '64px',\n 10: '80px',\n },\n fontSizes: {\n 0: '11px',\n 1: '12px',\n 2: '13px',\n 3: '14px',\n 4: '16px',\n 5: '18px',\n 6: '20px',\n 7: '22px',\n 8: '24px',\n 9: '26px',\n 10: '28px',\n 11: '32px',\n 12: '38px',\n },\n fontWeights: { light: 300, regular: 400, medium: 500, semiBold: 600, bold: 700 },\n radii: { 1: '4px', 2: '6px', 3: '8px', 4: '12px', round: '50%', pill: '9999px', button: '8px' },\n zIndices: { 1: '100', 2: '200', 3: '300', 4: '400', max: '999' },\n },\n media: {\n bp1: '(min-width: 520px) and (max-width: 899px)',\n bp2: '(min-width: 900px) and (max-width: 1199px)',\n bp3: '(min-width: 1200px) and (max-width: 1799px)',\n bp4: '(min-width: 1800px)',\n motion: '(prefers-reduced-motion)',\n hover: '(any-hover: hover)',\n dark: '(prefers-color-scheme: dark)',\n light: '(prefers-color-scheme: light)',\n },\n utils: {\n p: (value: Stitches.PropertyValue<'padding'>) => ({ padding: value }),\n pt: (value: Stitches.PropertyValue<'paddingTop'>) => ({ paddingTop: value }),\n pr: (value: Stitches.PropertyValue<'paddingRight'>) => ({ paddingRight: value }),\n pb: (value: Stitches.PropertyValue<'paddingBottom'>) => ({ paddingBottom: value }),\n pl: (value: Stitches.PropertyValue<'paddingLeft'>) => ({ paddingLeft: value }),\n px: (value: Stitches.PropertyValue<'paddingLeft'>) => ({\n paddingLeft: value,\n paddingRight: value,\n }),\n py: (value: Stitches.PropertyValue<'paddingTop'>) => ({\n paddingTop: value,\n paddingBottom: value,\n }),\n\n m: (value: Stitches.PropertyValue<'margin'>) => ({ margin: value }),\n mt: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value }),\n mr: (value: Stitches.PropertyValue<'marginRight'>) => ({ marginRight: value }),\n mb: (value: Stitches.PropertyValue<'marginBottom'>) => ({ marginBottom: value }),\n ml: (value: Stitches.PropertyValue<'marginLeft'>) => ({ marginLeft: value }),\n mx: (value: Stitches.PropertyValue<'marginLeft'>) => ({\n marginLeft: value,\n marginRight: value,\n }),\n my: (value: Stitches.PropertyValue<'marginTop'>) => ({ marginTop: value, marginBottom: value }),\n\n ta: (value: Stitches.PropertyValue<'textAlign'>) => ({ textAlign: value }),\n\n fd: (value: Stitches.PropertyValue<'flexDirection'>) => ({ flexDirection: value }),\n fw: (value: Stitches.PropertyValue<'flexWrap'>) => ({ flexWrap: value }),\n\n ai: (value: Stitches.PropertyValue<'alignItems'>) => ({ alignItems: value }),\n ac: (value: Stitches.PropertyValue<'alignContent'>) => ({ alignContent: value }),\n jc: (value: Stitches.PropertyValue<'justifyContent'>) => ({ justifyContent: value }),\n as: (value: Stitches.PropertyValue<'alignSelf'>) => ({ alignSelf: value }),\n fg: (value: Stitches.PropertyValue<'flexGrow'>) => ({ flexGrow: value }),\n fs: (value: Stitches.PropertyValue<'flexShrink'>) => ({ flexShrink: value }),\n fb: (value: Stitches.PropertyValue<'flexBasis'>) => ({ flexBasis: value }),\n\n bc: (value: Stitches.PropertyValue<'backgroundColor'>) => ({ backgroundColor: value }),\n\n br: (value: Stitches.PropertyValue<'borderRadius'>) => ({ borderRadius: value }),\n btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => ({\n borderTopRightRadius: value,\n }),\n bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => ({\n borderBottomRightRadius: value,\n }),\n bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => ({\n borderBottomLeftRadius: value,\n }),\n btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => ({\n borderTopLeftRadius: value,\n }),\n\n bs: (value: Stitches.PropertyValue<'boxShadow'>) => ({ boxShadow: value }),\n\n c: (value: Stitches.PropertyValue<'color'>) => ({ color: value }),\n\n lh: (value: Stitches.PropertyValue<'lineHeight'>) => ({ lineHeight: value }),\n\n ox: (value: Stitches.PropertyValue<'overflowX'>) => ({ overflowX: value }),\n oy: (value: Stitches.PropertyValue<'overflowY'>) => ({ overflowY: value }),\n\n pe: (value: Stitches.PropertyValue<'pointerEvents'>) => ({ pointerEvents: value }),\n us: (value: Stitches.PropertyValue<'userSelect'>) => ({\n WebkitUserSelect: value,\n userSelect: value,\n }),\n\n userSelect: (value: Stitches.PropertyValue<'userSelect'>) => ({\n WebkitUserSelect: value,\n userSelect: value,\n }),\n\n size: (value: Stitches.PropertyValue<'width'>) => ({ width: value, height: value }),\n\n appearance: (value: Stitches.PropertyValue<'appearance'>) => ({\n WebkitAppearance: value,\n appearance: value,\n }),\n backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => ({\n WebkitBackgroundClip: value,\n backgroundClip: value,\n }),\n },\n});\n\nexport type CSS<T = typeof stitches.config> = StitchesCSS<T>;\n\nexport const { styled, css, createTheme, getCssText, globalCss, keyframes, config } = stitches;\n\n// @ts-expect-error\nexport const utils = config.utils;\n\nexport const darkTheme = (primary: PrimaryColor, name = 'dark') => {\n const darkPrimaryColor = getPrimaryColorInfo(primary, darkColors);\n\n return createTheme(name, {\n colors: {\n ...darkColors,\n\n // Semantic colors\n primary: darkPrimaryColor.token,\n contentBg: '$00dp',\n hiContrast: 'white',\n loContrast: '$deepBlue2',\n divider: 'hsl(209, 29%, 19%)',\n ...AccordionTheme.getDark(darkPrimaryColor),\n ...BadgeTheme.getDark(darkPrimaryColor),\n ...ButtonTheme.getDark(darkPrimaryColor),\n ...ButtonSwitchTheme.getDark(darkPrimaryColor),\n ...IconButtonTheme.getDark(darkPrimaryColor),\n ...SwitchTheme.getDark(darkPrimaryColor),\n ...CardTheme.getDark(darkPrimaryColor),\n ...CheckboxTheme.getDark(darkPrimaryColor),\n ...CodeBlockTheme.getDark(),\n ...LinkTheme.getDark(darkPrimaryColor),\n ...ListTheme.getDark(darkPrimaryColor),\n ...RadioTheme.getDark(darkPrimaryColor),\n ...InputTheme.getDark(darkPrimaryColor),\n ...TableTheme.getDark(darkPrimaryColor),\n ...TextTheme.getDark(darkPrimaryColor),\n ...SelectTheme.getDark(darkPrimaryColor),\n ...SkeletonTheme.getDark(darkPrimaryColor),\n ...DialogTheme.getDark(darkPrimaryColor),\n ...NavigationTheme.getDark(darkPrimaryColor),\n ...TooltipTheme.getDark(darkPrimaryColor),\n ...TextareaTheme.getDark(darkPrimaryColor),\n ...HeadingTheme.getDark(darkPrimaryColor),\n ...SidePanelTheme.getDark(darkPrimaryColor),\n },\n });\n};\n\nexport const lightTheme = (primary: PrimaryColor, name = 'light') => {\n const lightPrimaryColor = getPrimaryColorInfo(primary, lightColors);\n\n return createTheme(name, {\n colors: {\n primary: lightPrimaryColor.token,\n ...AccordionTheme.getLight(lightPrimaryColor),\n ...BadgeTheme.getLight(lightPrimaryColor),\n ...ButtonTheme.getLight(lightPrimaryColor),\n ...ButtonSwitchTheme.getLight(lightPrimaryColor),\n ...IconButtonTheme.getLight(lightPrimaryColor),\n ...SwitchTheme.getLight(lightPrimaryColor),\n ...CardTheme.getLight(lightPrimaryColor),\n ...CheckboxTheme.getLight(lightPrimaryColor),\n ...CodeBlockTheme.getLight(),\n ...LinkTheme.getLight(lightPrimaryColor),\n ...ListTheme.getLight(lightPrimaryColor),\n ...RadioTheme.getLight(lightPrimaryColor),\n ...InputTheme.getLight(lightPrimaryColor),\n ...TableTheme.getLight(lightPrimaryColor),\n ...TextTheme.getLight(lightPrimaryColor),\n ...SelectTheme.getLight(lightPrimaryColor),\n ...SkeletonTheme.getLight(lightPrimaryColor),\n ...DialogTheme.getLight(lightPrimaryColor),\n ...NavigationTheme.getLight(lightPrimaryColor),\n ...TooltipTheme.getLight(lightPrimaryColor),\n ...TextareaTheme.getLight(lightPrimaryColor),\n ...HeadingTheme.getLight(lightPrimaryColor),\n ...SidePanelTheme.getLight(lightPrimaryColor),\n },\n });\n};\n"],"mappings":"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"}