@atom-learning/components 6.0.0-beta.24 → 6.0.0-beta.26
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.
- package/dist/components/avatar/Avatar.js +1 -1
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/badge/Badge.d.ts +3 -3
- package/dist/components/badge/Badge.js +1 -1
- package/dist/components/badge/Badge.js.map +1 -1
- package/dist/components/badge/BadgeText.d.ts +3 -3
- package/dist/components/button/Button.js +1 -1
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/chip/Chip.js +1 -1
- package/dist/components/chip/Chip.js.map +1 -1
- package/dist/components/chip-toggle-group/ChipToggleGroupItem.js +1 -1
- package/dist/components/chip-toggle-group/ChipToggleGroupItem.js.map +1 -1
- package/dist/components/combobox/ComboboxInput.js +1 -1
- package/dist/components/combobox/ComboboxInput.js.map +1 -1
- package/dist/components/empty-state/EmptyState.d.ts +3 -3
- package/dist/components/empty-state/EmptyStateBody.d.ts +3 -3
- package/dist/components/heading/Heading.d.ts +1 -1
- package/dist/components/heading/Heading.js +1 -1
- package/dist/components/heading/Heading.js.map +1 -1
- package/dist/components/input/Input.d.ts +3 -3
- package/dist/components/keyboard-shortcut/KeyboardShortcut.d.ts +3 -3
- package/dist/components/keyboard-shortcut/index.d.ts +3 -3
- package/dist/components/label/Label.js +1 -1
- package/dist/components/label/Label.js.map +1 -1
- package/dist/components/link/Link.js +1 -1
- package/dist/components/link/Link.js.map +1 -1
- package/dist/components/list/List.d.ts +2 -2
- package/dist/components/list/List.js +1 -1
- package/dist/components/list/List.js.map +1 -1
- package/dist/components/markdown-content/components/MarkdownCode.js +1 -1
- package/dist/components/markdown-content/components/MarkdownCode.js.map +1 -1
- package/dist/components/navigation/NavigationMenu.d.ts +3 -3
- package/dist/components/navigation/NavigationMenu.styles.js +1 -1
- package/dist/components/navigation/NavigationMenu.styles.js.map +1 -1
- package/dist/components/navigation/NavigationMenuDropdownItem.d.ts +3 -3
- package/dist/components/navigation/NavigationMenuLink.js +1 -1
- package/dist/components/navigation/NavigationMenuLink.js.map +1 -1
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +3 -3
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js +1 -1
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js.map +1 -1
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts +3 -3
- package/dist/components/pagination/PaginationPage.js +1 -1
- package/dist/components/pagination/PaginationPage.js.map +1 -1
- package/dist/components/segmented-control/SegmentedControl.d.ts +6 -6
- package/dist/components/segmented-control/SegmentedControlDescription.d.ts +3 -3
- package/dist/components/segmented-control/SegmentedControlHeading.d.ts +3 -3
- package/dist/components/side-bar/SideBar.d.ts +3 -3
- package/dist/components/side-bar/SideBarComponents.d.ts +3 -3
- package/dist/components/stepper/StepperStepLabel.d.ts +3 -3
- package/dist/components/tabs/TabsTrigger.js +1 -1
- package/dist/components/tabs/TabsTrigger.js.map +1 -1
- package/dist/components/text/Text.d.ts +3 -18
- package/dist/components/text/Text.js +1 -1
- package/dist/components/text/Text.js.map +1 -1
- package/dist/components/textarea/Textarea.js +1 -1
- package/dist/components/textarea/Textarea.js.map +1 -1
- package/dist/components/tile-interactive/TileInteractive.js +1 -1
- package/dist/components/tile-interactive/TileInteractive.js.map +1 -1
- package/dist/components/tile-toggle-group/TileToggleGroupItem.js +1 -1
- package/dist/components/tile-toggle-group/TileToggleGroupItem.js.map +1 -1
- package/dist/components/toggle-group/ToggleGroupItem.js +1 -1
- package/dist/components/toggle-group/ToggleGroupItem.js.map +1 -1
- package/dist/components/tooltip/TooltipContent.js +1 -1
- package/dist/components/tooltip/TooltipContent.js.map +1 -1
- package/dist/components/top-bar/TopBar.d.ts +20 -8
- package/dist/components/top-bar/TopBar.js +1 -1
- package/dist/components/top-bar/TopBar.js.map +1 -1
- package/dist/components/top-bar/TopBarBrand.d.ts +3 -3
- package/dist/components/tree/Tree.d.ts +3 -3
- package/dist/docgen.json +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/styled.js +1 -1
- package/dist/styled.js.map +1 -1
- package/package.json +1 -1
- package/src/responsive-variant-classes.css +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownCode.js","sources":["../../../../src/components/markdown-content/components/MarkdownCode.tsx"],"sourcesContent":["import type { Code } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\ntype MarkdownCodeProps = {\n node: Code\n}\n\nconst StyledMarkdownCode = styled('div', {\n base: [\n 'bg-grey-200',\n 'rounded-md',\n 'text-grey-1000',\n 'font-mono',\n 'text-sm
|
|
1
|
+
{"version":3,"file":"MarkdownCode.js","sources":["../../../../src/components/markdown-content/components/MarkdownCode.tsx"],"sourcesContent":["import type { Code } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\ntype MarkdownCodeProps = {\n node: Code\n}\n\nconst StyledMarkdownCode = styled('div', {\n base: [\n 'bg-grey-200',\n 'rounded-md',\n 'text-grey-1000',\n 'font-mono',\n 'text-sm/[1.4]',\n 'my-4',\n 'p-3'\n ]\n})\n\nexport const MarkdownCode = ({ node }: MarkdownCodeProps) => (\n <StyledMarkdownCode as=\"pre\">{node.value}</StyledMarkdownCode>\n)\n"],"names":["StyledMarkdownCode","styled","MarkdownCode","node","React"],"mappings":"oEASA,MAAMA,EAAqBC,EAAO,MAAO,CACvC,KAAM,CACJ,cACA,aACA,iBACA,YACA,gBACA,OACA,KACF,CACF,CAAC,EAEYC,EAAe,CAAC,CAAE,KAAAC,CAAK,IAClCC,EAAA,cAACJ,EAAA,CAAmB,GAAG,KAAA,EAAOG,EAAK,KAAM"}
|
|
@@ -47,11 +47,11 @@ export declare const NavigationMenu: {
|
|
|
47
47
|
}, "ref"> & React.RefAttributes<HTMLAnchorElement>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
48
48
|
DropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
49
49
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
50
|
-
}, "size" | "
|
|
51
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
52
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
50
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
53
51
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
54
52
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
53
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
54
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
55
55
|
} & {
|
|
56
56
|
as?: React.ElementType;
|
|
57
57
|
}, "as"> & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=["relative","text-(--text)","outline-none","cursor-pointer","font-body","select-none","p-3","rounded-md","bg-(--background)","hover:bg-(--background-hover)","hover:text-(--text-hover)","active:bg-(--background-active)","active:text-(--text-active)","focus-visible:shadow-[
|
|
1
|
+
const e=["relative","text-(--text)","outline-none","cursor-pointer","font-body","select-none","p-3","rounded-md","bg-(--background)","hover:bg-(--background-hover)","hover:text-(--text-hover)","active:bg-(--background-active)","active:text-(--text-active)","focus-visible:shadow-[inset_0_0_0_2px_var(--color-primary-800)]","disabled:bg-none","disabled:cursor-default","disabled:opacity-[30%]","disabled:text-(--text)"],t=["font-semibold","text-item-(--background-selected)","after:-translate-x-1/2","after:absolute","after:bg-item-(--background-selected)","after:block","after:bottom-0","after:h-0.5","after:left-1/2","after:rounded-md","after:translate-y-0","after:w-6"];export{t as navigationMenuActiveItemStyles,e as navigationMenuBaseItemStyles};
|
|
2
2
|
//# sourceMappingURL=NavigationMenu.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenu.styles.js","sources":["../../../src/components/navigation/NavigationMenu.styles.ts"],"sourcesContent":["export const navigationMenuBaseItemStyles = [\n 'relative',\n 'text-(--text)',\n 'outline-none',\n 'cursor-pointer',\n 'font-body',\n 'select-none',\n 'p-3',\n 'rounded-md',\n 'bg-(--background)',\n 'hover:bg-(--background-hover)',\n 'hover:text-(--text-hover)',\n 'active:bg-(--background-active)',\n 'active:text-(--text-active)',\n 'focus-visible:shadow-[
|
|
1
|
+
{"version":3,"file":"NavigationMenu.styles.js","sources":["../../../src/components/navigation/NavigationMenu.styles.ts"],"sourcesContent":["export const navigationMenuBaseItemStyles = [\n 'relative',\n 'text-(--text)',\n 'outline-none',\n 'cursor-pointer',\n 'font-body',\n 'select-none',\n 'p-3',\n 'rounded-md',\n 'bg-(--background)',\n 'hover:bg-(--background-hover)',\n 'hover:text-(--text-hover)',\n 'active:bg-(--background-active)',\n 'active:text-(--text-active)',\n 'focus-visible:shadow-[inset_0_0_0_2px_var(--color-primary-800)]',\n 'disabled:bg-none',\n 'disabled:cursor-default',\n 'disabled:opacity-[30%]',\n 'disabled:text-(--text)'\n]\n\nexport const navigationMenuActiveItemStyles = [\n 'font-semibold',\n 'text-item-(--background-selected)',\n 'after:-translate-x-1/2',\n 'after:absolute',\n 'after:bg-item-(--background-selected)',\n 'after:block',\n 'after:bottom-0',\n 'after:h-0.5',\n 'after:left-1/2',\n 'after:rounded-md',\n 'after:translate-y-0',\n 'after:w-6'\n]\n"],"names":["navigationMenuBaseItemStyles","navigationMenuActiveItemStyles"],"mappings":"AAAO,MAAMA,EAA+B,CAC1C,WACA,gBACA,eACA,iBACA,YACA,cACA,MACA,aACA,oBACA,gCACA,4BACA,kCACA,8BACA,kEACA,mBACA,0BACA,yBACA,wBACF,EAEaC,EAAiC,CAC5C,gBACA,oCACA,yBACA,iBACA,wCACA,cACA,iBACA,cACA,iBACA,mBACA,sBACA,WACF"}
|
|
@@ -13,11 +13,11 @@ export declare const NavigationMenuDropdownItem: React.ForwardRefExoticComponent
|
|
|
13
13
|
}, "ref"> & React.RefAttributes<HTMLAnchorElement>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
14
14
|
export declare const NavigationMenuDropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
15
15
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
16
|
-
}, "size" | "
|
|
17
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
18
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
16
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
19
17
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
20
18
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
19
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
20
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
21
21
|
} & {
|
|
22
22
|
as?: React.ElementType;
|
|
23
23
|
}, "as"> & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as r from"@radix-ui/react-navigation-menu";import e from"react";import{styled as i}from"../../styled.js";import{getExternalAnchorProps as f}from"../../utilities/uri/index.js";import{navigationMenuBaseItemStyles as c}from"./NavigationMenu.styles.js";const m=i("button",{base:[...c,"disabled:bg-none","disabled:cursor-default","disabled:opacity-30","disabled:text-text"]}),b=r.Item,u=i(r.Link,{base:[...c,"block","no-underline","leading-none"],variants:{elementType:{dropdownItem:["data-active:bg-background-selected","data-active:text-text-selected","data-active:hover:bg-background-selected-hover","data-active:hover:text-text-selected-hover","data-active:active:bg-background-selected-pressed","data-active:active:text-text-selected-pressed","data-active:focus-visible:shadow-[0_0_0_2px_var(--color-primary-800)]","data-active:focus-visible:text-text-selected-focus"],link:["data-active:font-semibold","data-active:text-item-(--background-selected)","data-active:after:-translate-x-1/2","data-active:after:absolute","data-active:after:bg-item-(--background-selected)","data-active:after:block","data-active:after:bottom-0","data-active:after:h-0.5","data-active:after:left-1/2","data-active:after:rounded-md","data-active:after:translate-y-0","data-active:after:w-6"]}}}),o=e.forwardRef(({children:t,href:a,disabled:s,className:d,variant:l="link",ref:p,...n},v)=>e.createElement(b,null,s?e.createElement(m,{disabled:!0,className:d},t):e.createElement(u,{href:a,ref:v,elementType:l,className:d,...f(a),...n},t)));o.displayName="NavigationMenuLink";export{o as NavigationMenuLink};
|
|
2
2
|
//# sourceMappingURL=NavigationMenuLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenuLink.js","sources":["../../../src/components/navigation/NavigationMenuLink.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { navigationMenuBaseItemStyles } from './NavigationMenu.styles'\n\nconst DisabledButton = styled('button', {\n base: [\n ...navigationMenuBaseItemStyles,\n 'disabled:bg-none',\n 'disabled:cursor-default',\n 'disabled:opacity-30',\n 'disabled:text-text'\n ]\n})\n\nconst ListItem = NavigationMenuPrimitive.Item\n\nconst StyledLink = styled(NavigationMenuPrimitive.Link, {\n base: [\n ...navigationMenuBaseItemStyles,\n 'block',\n 'no-underline',\n 'leading-none'\n ],\n variants: {\n elementType: {\n dropdownItem: [\n 'data-active:bg-background-selected',\n 'data-active:text-text-selected',\n 'data-active:hover:bg-background-selected-hover',\n 'data-active:hover:text-text-selected-hover',\n 'data-active:active:bg-background-selected-pressed',\n 'data-active:active:text-text-selected-pressed',\n 'data-active:focus-visible:shadow-[
|
|
1
|
+
{"version":3,"file":"NavigationMenuLink.js","sources":["../../../src/components/navigation/NavigationMenuLink.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { navigationMenuBaseItemStyles } from './NavigationMenu.styles'\n\nconst DisabledButton = styled('button', {\n base: [\n ...navigationMenuBaseItemStyles,\n 'disabled:bg-none',\n 'disabled:cursor-default',\n 'disabled:opacity-30',\n 'disabled:text-text'\n ]\n})\n\nconst ListItem = NavigationMenuPrimitive.Item\n\nconst StyledLink = styled(NavigationMenuPrimitive.Link, {\n base: [\n ...navigationMenuBaseItemStyles,\n 'block',\n 'no-underline',\n 'leading-none'\n ],\n variants: {\n elementType: {\n dropdownItem: [\n 'data-active:bg-background-selected',\n 'data-active:text-text-selected',\n 'data-active:hover:bg-background-selected-hover',\n 'data-active:hover:text-text-selected-hover',\n 'data-active:active:bg-background-selected-pressed',\n 'data-active:active:text-text-selected-pressed',\n 'data-active:focus-visible:shadow-[0_0_0_2px_var(--color-primary-800)]',\n 'data-active:focus-visible:text-text-selected-focus'\n ],\n link: [\n 'data-active:font-semibold',\n 'data-active:text-item-(--background-selected)',\n 'data-active:after:-translate-x-1/2',\n 'data-active:after:absolute',\n 'data-active:after:bg-item-(--background-selected)',\n 'data-active:after:block',\n 'data-active:after:bottom-0',\n 'data-active:after:h-0.5',\n 'data-active:after:left-1/2',\n 'data-active:after:rounded-md',\n 'data-active:after:translate-y-0',\n 'data-active:after:w-6'\n ]\n }\n }\n})\n\nexport const NavigationMenuLink = React.forwardRef<\n HTMLAnchorElement,\n Omit<React.ComponentProps<typeof StyledLink>, 'elementType'> & {\n disabled?: boolean\n variant?: React.ComponentProps<typeof StyledLink>['elementType']\n }\n>(\n (\n {\n children,\n href,\n disabled,\n className,\n variant = 'link',\n ref: _ref,\n ...props\n },\n forwardedRef\n ) => (\n <ListItem>\n {disabled ? (\n <DisabledButton disabled className={className}>\n {children}\n </DisabledButton>\n ) : (\n <StyledLink\n href={href}\n ref={forwardedRef as any}\n elementType={variant}\n className={className}\n {...getExternalAnchorProps(href)}\n {...props}\n >\n {children}\n </StyledLink>\n )}\n </ListItem>\n )\n)\n\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n"],"names":["DisabledButton","styled","navigationMenuBaseItemStyles","ListItem","NavigationMenuPrimitive","StyledLink","NavigationMenuLink","React","children","href","disabled","className","variant","_ref","props","forwardedRef","getExternalAnchorProps"],"mappings":"gQAQA,MAAMA,EAAiBC,EAAO,SAAU,CACtC,KAAM,CACJ,GAAGC,EACH,mBACA,0BACA,sBACA,oBACF,CACF,CAAC,EAEKC,EAAWC,EAAwB,KAEnCC,EAAaJ,EAAOG,EAAwB,KAAM,CACtD,KAAM,CACJ,GAAGF,EACH,QACA,eACA,cACF,EACA,SAAU,CACR,YAAa,CACX,aAAc,CACZ,qCACA,iCACA,iDACA,6CACA,oDACA,gDACA,wEACA,oDACF,EACA,KAAM,CACJ,4BACA,gDACA,qCACA,6BACA,oDACA,0BACA,6BACA,0BACA,6BACA,+BACA,kCACA,uBACF,CACF,CACF,CACF,CAAC,EAEYI,EAAqBC,EAAM,WAOtC,CACE,CACE,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,OACV,IAAKC,EACL,GAAGC,CACL,EACAC,IAEAR,EAAA,cAACJ,EAAA,KACEO,EACCH,EAAA,cAACP,EAAA,CAAe,SAAQ,GAAC,UAAWW,CACjCH,EAAAA,CACH,EAEAD,EAAA,cAACF,EAAA,CACC,KAAMI,EACN,IAAKM,EACL,YAAaH,EACb,UAAWD,EACV,GAAGK,EAAuBP,CAAI,EAC9B,GAAGK,GAEHN,CACH,CAEJ,CAEJ,EAEAF,EAAmB,YAAc"}
|
|
@@ -574,11 +574,11 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
|
|
|
574
574
|
}>>) => JSX.Element;
|
|
575
575
|
Text: (props: Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
576
576
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
577
|
-
}, "size" | "
|
|
578
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
579
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
577
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
580
578
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
581
579
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
580
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
581
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
582
582
|
} & {
|
|
583
583
|
as?: React.ElementType;
|
|
584
584
|
}, "as"> & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=["[--navigation-menu-vertical-item-font-weight:400]","data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]","border-none","outline-none","bg-none","decoration-[inherit]","cursor-pointer","rounded-xl","flex","items-center","p-2","pl-(--navigation-menu-vertical-item-pl)","w-full","text-(--text)","bg-(--background)","disabled:cursor-not-allowed","[text-decoration:unset]","disabled:opacity-30","not-disabled:active:bg-(--background-active)","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[
|
|
1
|
+
const e=["[--navigation-menu-vertical-item-font-weight:400]","data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]","border-none","outline-none","bg-none","decoration-[inherit]","cursor-pointer","rounded-xl","flex","items-center","p-2","pl-(--navigation-menu-vertical-item-pl)","w-full","text-(--text)","bg-(--background)","disabled:cursor-not-allowed","[text-decoration:unset]","disabled:opacity-30","not-disabled:active:bg-(--background-active)","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:bg-(--background-hover)","data-active:bg-(--background-selected)","data-active:text-(--text-selected)","data-active:[--navigation-menu-vertical-item-font-weight:600]"];export{e as navigationMenuVerticalItemStyles};
|
|
2
2
|
//# sourceMappingURL=NavigationMenuVertical.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenuVertical.styles.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts"],"sourcesContent":["export const navigationMenuVerticalItemStyles = [\n '[--navigation-menu-vertical-item-font-weight:400]',\n 'data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]',\n 'border-none',\n 'outline-none',\n 'bg-none',\n 'decoration-[inherit]',\n 'cursor-pointer',\n 'rounded-xl',\n 'flex',\n 'items-center',\n 'p-2',\n 'pl-(--navigation-menu-vertical-item-pl)',\n 'w-full',\n 'text-(--text)',\n 'bg-(--background)',\n 'disabled:cursor-not-allowed',\n '[text-decoration:unset]',\n 'disabled:opacity-30',\n 'not-disabled:active:bg-(--background-active)',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[
|
|
1
|
+
{"version":3,"file":"NavigationMenuVertical.styles.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts"],"sourcesContent":["export const navigationMenuVerticalItemStyles = [\n '[--navigation-menu-vertical-item-font-weight:400]',\n 'data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]',\n 'border-none',\n 'outline-none',\n 'bg-none',\n 'decoration-[inherit]',\n 'cursor-pointer',\n 'rounded-xl',\n 'flex',\n 'items-center',\n 'p-2',\n 'pl-(--navigation-menu-vertical-item-pl)',\n 'w-full',\n 'text-(--text)',\n 'bg-(--background)',\n 'disabled:cursor-not-allowed',\n '[text-decoration:unset]',\n 'disabled:opacity-30',\n 'not-disabled:active:bg-(--background-active)',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n 'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n 'not-disabled:focus-visible:z-1',\n 'not-disabled:hover:bg-(--background-hover)',\n 'data-active:bg-(--background-selected)',\n 'data-active:text-(--text-selected)',\n 'data-active:[--navigation-menu-vertical-item-font-weight:600]'\n]\n"],"names":["navigationMenuVerticalItemStyles"],"mappings":"AAAO,MAAMA,EAAmC,CAC9C,oDACA,sEACA,cACA,eACA,UACA,uBACA,iBACA,aACA,OACA,eACA,MACA,0CACA,SACA,gBACA,oBACA,8BACA,0BACA,sBACA,+CACA,0CACA,sCACA,+EACA,4DACA,iCACA,6CACA,yCACA,qCACA,+DACF"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
declare const StyledNavigationMenuVerticalText: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
3
3
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
4
|
-
}, "size" | "
|
|
5
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
6
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
4
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
7
5
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
8
6
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
7
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
8
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
9
9
|
} & {
|
|
10
10
|
as?: React.ElementType;
|
|
11
11
|
}, "as"> & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as p from"react";import{styled as u}from"../../styled.js";import{usePagination as m}from"./usePagination.js";const g=u("button",{base:["items-center","border","border-transparent","rounded-sm","cursor-pointer","font-body","justify-center","whitespace-nowrap","w-max","flex","flex-col","p-0","font-normal","text-text-subtle","bg-(--base-1)","relative","not-disabled:active:bg-(--base-3)","not-disabled:active:text-(--text-bold)","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[
|
|
1
|
+
import*as p from"react";import{styled as u}from"../../styled.js";import{usePagination as m}from"./usePagination.js";const g=u("button",{base:["items-center","border","border-transparent","rounded-sm","cursor-pointer","font-body","justify-center","whitespace-nowrap","w-max","flex","flex-col","p-0","font-normal","text-text-subtle","bg-(--base-1)","relative","not-disabled:active:bg-(--base-3)","not-disabled:active:text-(--text-bold)","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:bg-(--base-2)","not-disabled:hover:text-text-regular","disabled:cursor-not-allowed","disabled:opacity-30","disabled:pointer-events-none"],variants:{size:{md:["size-10"]},selected:{true:["border","border-(--accent-9)","font-semibold","not-disabled:active:border-(--accent-11)","not-disabled:active:text-(--accent-11)","not-disabled:hover:border-(--accent-10)","not-disabled:hover:text-(--accent-10)","text-(--accent-9)"]},indicated:{true:["bg-(--accent-9)","font-semibold","not-disabled:active:bg-(--accent-11)","not-disabled:active:text-white","not-disabled:hover:bg-(--accent-10)","not-disabled:hover:text-white","text-white"]}},compoundVariants:[{selected:!0,indicated:!0,class:["bg-(--accent-9)","font-semibold","not-disabled:active:bg-(--accent-11)","not-disabled:active:text-white","not-disabled:hover:bg-(--accent-10)","not-disabled:hover:text-white","not-focus-visible:border-white!","shadow-[var(--accent-9)_0px_0px_0px_1px]","text-white"]}]}),h=({pageNumber:e,className:d,onClick:o})=>{const{currentPage:n,goToPage:s,indicatedPages:c,disabledPages:r,onItemHover:i}=m(),l=c.includes(e),t=r.includes(e),a=n===e,b=()=>{a||t||i==null||i(e)},x=v=>{o==null||o(),s(v)};return p.createElement(g,{selected:a,size:"md",onClick:()=>x(e),className:d,indicated:l,disabled:t,"aria-current":a&&"page","aria-disabled":t,onMouseOver:b},e)};export{h as PaginationPage};
|
|
2
2
|
//# sourceMappingURL=PaginationPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationPage.js","sources":["../../../src/components/pagination/PaginationPage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport type { PaginationPageProps } from './types'\nimport { usePagination } from './usePagination'\n\nconst StyledButton = styled('button', {\n base: [\n 'items-center',\n 'border',\n 'border-transparent',\n 'rounded-sm',\n 'cursor-pointer',\n 'font-body',\n 'justify-center',\n 'whitespace-nowrap',\n 'w-max',\n 'flex',\n 'flex-col',\n 'p-0',\n 'font-normal',\n 'text-text-subtle',\n 'bg-(--base-1)',\n 'relative',\n 'not-disabled:active:bg-(--base-3)',\n 'not-disabled:active:text-(--text-bold)',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[
|
|
1
|
+
{"version":3,"file":"PaginationPage.js","sources":["../../../src/components/pagination/PaginationPage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport type { PaginationPageProps } from './types'\nimport { usePagination } from './usePagination'\n\nconst StyledButton = styled('button', {\n base: [\n 'items-center',\n 'border',\n 'border-transparent',\n 'rounded-sm',\n 'cursor-pointer',\n 'font-body',\n 'justify-center',\n 'whitespace-nowrap',\n 'w-max',\n 'flex',\n 'flex-col',\n 'p-0',\n 'font-normal',\n 'text-text-subtle',\n 'bg-(--base-1)',\n 'relative',\n 'not-disabled:active:bg-(--base-3)',\n 'not-disabled:active:text-(--text-bold)',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n 'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n 'not-disabled:focus-visible:z-1',\n 'not-disabled:hover:bg-(--base-2)',\n 'not-disabled:hover:text-text-regular',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30',\n 'disabled:pointer-events-none'\n ],\n variants: {\n size: {\n md: ['size-10']\n },\n selected: {\n true: [\n 'border',\n 'border-(--accent-9)',\n 'font-semibold',\n 'not-disabled:active:border-(--accent-11)',\n 'not-disabled:active:text-(--accent-11)',\n 'not-disabled:hover:border-(--accent-10)',\n 'not-disabled:hover:text-(--accent-10)',\n 'text-(--accent-9)'\n ]\n },\n indicated: {\n true: [\n 'bg-(--accent-9)',\n 'font-semibold',\n 'not-disabled:active:bg-(--accent-11)',\n 'not-disabled:active:text-white',\n 'not-disabled:hover:bg-(--accent-10)',\n 'not-disabled:hover:text-white',\n 'text-white'\n ]\n }\n },\n compoundVariants: [\n {\n selected: true,\n indicated: true,\n class: [\n 'bg-(--accent-9)',\n 'font-semibold',\n 'not-disabled:active:bg-(--accent-11)',\n 'not-disabled:active:text-white',\n 'not-disabled:hover:bg-(--accent-10)',\n 'not-disabled:hover:text-white',\n 'not-focus-visible:border-white!',\n 'shadow-[var(--accent-9)_0px_0px_0px_1px]',\n 'text-white'\n ]\n }\n ]\n})\n\nexport const PaginationPage = ({\n pageNumber,\n className,\n onClick\n}: PaginationPageProps) => {\n const { currentPage, goToPage, indicatedPages, disabledPages, onItemHover } =\n usePagination()\n\n const isIndicated = indicatedPages.includes(pageNumber)\n const isDisabled = disabledPages.includes(pageNumber)\n\n const isSelected = currentPage === pageNumber\n\n const handleOnHover = () => {\n if (isSelected || isDisabled) return\n onItemHover?.(pageNumber)\n }\n\n const handleOnClick = (pageNumber) => {\n onClick?.()\n goToPage(pageNumber)\n }\n\n return (\n <StyledButton\n selected={isSelected}\n size=\"md\"\n onClick={() => handleOnClick(pageNumber)}\n className={className}\n indicated={isIndicated}\n disabled={isDisabled}\n aria-current={isSelected && 'page'}\n aria-disabled={isDisabled}\n onMouseOver={handleOnHover}\n >\n {pageNumber}\n </StyledButton>\n )\n}\n"],"names":["StyledButton","styled","PaginationPage","pageNumber","className","onClick","currentPage","goToPage","indicatedPages","disabledPages","onItemHover","usePagination","isIndicated","isDisabled","isSelected","handleOnHover","handleOnClick","React"],"mappings":"oHAOA,MAAMA,EAAeC,EAAO,SAAU,CACpC,KAAM,CACJ,eACA,SACA,qBACA,aACA,iBACA,YACA,iBACA,oBACA,QACA,OACA,WACA,MACA,cACA,mBACA,gBACA,WACA,oCACA,yCACA,0CACA,sCACA,+EACA,4DACA,iCACA,mCACA,uCACA,8BACA,sBACA,8BACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAS,CAChB,EACA,SAAU,CACR,KAAM,CACJ,SACA,sBACA,gBACA,2CACA,yCACA,0CACA,wCACA,mBACF,CACF,EACA,UAAW,CACT,KAAM,CACJ,kBACA,gBACA,uCACA,iCACA,sCACA,gCACA,YACF,CACF,CACF,EACA,iBAAkB,CAChB,CACE,SAAU,GACV,UAAW,GACX,MAAO,CACL,kBACA,gBACA,uCACA,iCACA,sCACA,gCACA,kCACA,2CACA,YACF,CACF,CACF,CACF,CAAC,EAEYC,EAAiB,CAAC,CAC7B,WAAAC,EACA,UAAAC,EACA,QAAAC,CACF,IAA2B,CACzB,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,eAAAC,EAAgB,cAAAC,EAAe,YAAAC,CAAY,EACxEC,IAEIC,EAAcJ,EAAe,SAASL,CAAU,EAChDU,EAAaJ,EAAc,SAASN,CAAU,EAE9CW,EAAaR,IAAgBH,EAE7BY,EAAgB,IAAM,CACtBD,GAAcD,GAClBH,GAAA,MAAAA,EAAcP,CAAAA,CAChB,EAEMa,EAAiBb,GAAe,CACpCE,GAAA,MAAAA,IACAE,EAASJ,CAAU,CACrB,EAEA,OACEc,EAAA,cAACjB,EAAA,CACC,SAAUc,EACV,KAAK,KACL,QAAS,IAAME,EAAcb,CAAU,EACvC,UAAWC,EACX,UAAWQ,EACX,SAAUC,EACV,eAAcC,GAAc,OAC5B,gBAAeD,EACf,YAAaE,CAEZZ,EAAAA,CACH,CAEJ"}
|
|
@@ -12,11 +12,11 @@ export declare const SegmentedControl: {
|
|
|
12
12
|
}, "size">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
13
13
|
Heading: (props: Omit<React.ComponentProps<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
14
14
|
ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
15
|
-
}, "size" | "
|
|
16
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
17
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
15
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
18
16
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
19
17
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
18
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
19
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
20
20
|
} & {
|
|
21
21
|
as?: import("react").ElementType;
|
|
22
22
|
}, "as"> & {
|
|
@@ -28,11 +28,11 @@ export declare const SegmentedControl: {
|
|
|
28
28
|
}>>, "size">) => JSX.Element;
|
|
29
29
|
Description: (props: Omit<React.ComponentProps<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
30
30
|
ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
31
|
-
}, "size" | "
|
|
32
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
33
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
31
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
34
32
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
35
33
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
34
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
35
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
36
36
|
} & {
|
|
37
37
|
as?: import("react").ElementType;
|
|
38
38
|
}, "as"> & {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
declare const StyledText: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
3
3
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
4
|
-
}, "size" | "
|
|
5
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
6
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
4
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
7
5
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
8
6
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
7
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
8
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
9
9
|
} & {
|
|
10
10
|
as?: React.ElementType;
|
|
11
11
|
}, "as"> & {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
declare const StyledHeading: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
3
3
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
4
|
-
}, "size" | "
|
|
5
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
6
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
4
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
7
5
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
8
6
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
7
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
8
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
9
9
|
} & {
|
|
10
10
|
as?: React.ElementType;
|
|
11
11
|
}, "as"> & {
|
|
@@ -29,11 +29,11 @@ export declare const SideBar: {
|
|
|
29
29
|
}, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
30
30
|
BrandName: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
31
31
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
32
|
-
}, "size" | "
|
|
33
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
34
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
32
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
35
33
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
36
34
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
35
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
36
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
37
37
|
} & {
|
|
38
38
|
as?: React.ElementType;
|
|
39
39
|
}, "as"> & {
|
|
@@ -29,11 +29,11 @@ export declare const SideBarBrandLogo: import("react").ForwardRefExoticComponent
|
|
|
29
29
|
}, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
|
|
30
30
|
export declare const SideBarBrandName: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
31
31
|
ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
32
|
-
}, "size" | "
|
|
33
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
34
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
32
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
35
33
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
36
34
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
35
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
36
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
37
37
|
} & {
|
|
38
38
|
as?: import("react").ElementType;
|
|
39
39
|
}, "as"> & {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export declare const StepperStepLabel: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
2
2
|
ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
3
|
-
}, "size" | "
|
|
4
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
5
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
3
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
6
4
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
7
5
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
6
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
7
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
8
8
|
} & {
|
|
9
9
|
as?: import("react").ElementType;
|
|
10
10
|
}, "as"> & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Trigger as r}from"@radix-ui/react-tabs";import*as e from"react";import{styled as t}from"../../styled.js";import{Text as d}from"../text/Text.js";const n=t("div",{base:["absolute","inset-0","h-[calc(100%+2px)]","opacity-0","bg-(--interactive-1)"]}),l=t(r,{base:["bg-none","cursor-pointer","shrink-0","p-4","select-none","border-b-2","border-b-transparent","relative","data-[state=active]:border-current","data-[state=active]:font-semibold","data-[state=active]:text-(--interactive-1)","data-[state=active]:tracking-[-0.005em]","disabled:cursor-not-allowed","disabled:opacity-30","not-disabled:active:text-(--interactive-3)","not-disabled:focus-visible:[&_div]:opacity-7","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[
|
|
1
|
+
import{Trigger as r}from"@radix-ui/react-tabs";import*as e from"react";import{styled as t}from"../../styled.js";import{Text as d}from"../text/Text.js";const n=t("div",{base:["absolute","inset-0","h-[calc(100%+2px)]","opacity-0","bg-(--interactive-1)"]}),l=t(r,{base:["bg-none","cursor-pointer","shrink-0","p-4","select-none","border-b-2","border-b-transparent","relative","data-[state=active]:border-current","data-[state=active]:font-semibold","data-[state=active]:text-(--interactive-1)","data-[state=active]:tracking-[-0.005em]","disabled:cursor-not-allowed","disabled:opacity-30","not-disabled:active:text-(--interactive-3)","not-disabled:focus-visible:[&_div]:opacity-7","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:text-(--interactive-2)","not-disabled:focus-visible:z-1","not-disabled:hover:[&_div]:opacity-7","not-disabled:hover:text-(--interactive-2)"]}),i=e.forwardRef(({children:a,...o},s)=>e.createElement(l,{...o,ref:s},e.createElement(d,{size:"sm",as:"span"},a),e.createElement(n,null)));i.displayName="TabsTrigger";export{i as TabsTrigger};
|
|
2
2
|
//# sourceMappingURL=TabsTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsTrigger.js","sources":["../../../src/components/tabs/TabsTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text'\n\nconst StyledTabsTriggerHoverBackground = styled('div', {\n base: [\n 'absolute',\n 'inset-0',\n 'h-[calc(100%+2px)]',\n 'opacity-0',\n 'bg-(--interactive-1)'\n ]\n})\n\nconst StyledTabsTrigger = styled(Trigger, {\n base: [\n 'bg-none',\n 'cursor-pointer',\n 'shrink-0',\n 'p-4',\n 'select-none',\n 'border-b-2',\n 'border-b-transparent',\n 'relative',\n 'data-[state=active]:border-current',\n 'data-[state=active]:font-semibold',\n 'data-[state=active]:text-(--interactive-1)',\n 'data-[state=active]:tracking-[-0.005em]',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30',\n 'not-disabled:active:text-(--interactive-3)',\n 'not-disabled:focus-visible:[&_div]:opacity-7',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[
|
|
1
|
+
{"version":3,"file":"TabsTrigger.js","sources":["../../../src/components/tabs/TabsTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text'\n\nconst StyledTabsTriggerHoverBackground = styled('div', {\n base: [\n 'absolute',\n 'inset-0',\n 'h-[calc(100%+2px)]',\n 'opacity-0',\n 'bg-(--interactive-1)'\n ]\n})\n\nconst StyledTabsTrigger = styled(Trigger, {\n base: [\n 'bg-none',\n 'cursor-pointer',\n 'shrink-0',\n 'p-4',\n 'select-none',\n 'border-b-2',\n 'border-b-transparent',\n 'relative',\n 'data-[state=active]:border-current',\n 'data-[state=active]:font-semibold',\n 'data-[state=active]:text-(--interactive-1)',\n 'data-[state=active]:tracking-[-0.005em]',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30',\n 'not-disabled:active:text-(--interactive-3)',\n 'not-disabled:focus-visible:[&_div]:opacity-7',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n 'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n 'not-disabled:focus-visible:text-(--interactive-2)',\n 'not-disabled:focus-visible:z-1',\n 'not-disabled:hover:[&_div]:opacity-7',\n 'not-disabled:hover:text-(--interactive-2)'\n ]\n})\n\nexport const TabsTrigger = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof StyledTabsTrigger> & { value: string }\n>(({ children, ...rest }, ref) => (\n <StyledTabsTrigger {...rest} ref={ref}>\n <Text size=\"sm\" as=\"span\">\n {children}\n </Text>\n <StyledTabsTriggerHoverBackground />\n </StyledTabsTrigger>\n))\n\nTabsTrigger.displayName = 'TabsTrigger'\n"],"names":["StyledTabsTriggerHoverBackground","styled","StyledTabsTrigger","Trigger","TabsTrigger","React","children","rest","ref","Text"],"mappings":"uJAOA,MAAMA,EAAmCC,EAAO,MAAO,CACrD,KAAM,CACJ,WACA,UACA,qBACA,YACA,sBACF,CACF,CAAC,EAEKC,EAAoBD,EAAOE,EAAS,CACxC,KAAM,CACJ,UACA,iBACA,WACA,MACA,cACA,aACA,uBACA,WACA,qCACA,oCACA,6CACA,0CACA,8BACA,sBACA,6CACA,+CACA,0CACA,sCACA,+EACA,4DACA,oDACA,iCACA,uCACA,2CACF,CACF,CAAC,EAEYC,EAAcC,EAAM,WAG/B,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,EAAGC,IACxBH,EAAA,cAACH,EAAA,CAAmB,GAAGK,EAAM,IAAKC,CAAAA,EAChCH,EAAA,cAACI,EAAA,CAAK,KAAK,KAAK,GAAG,QAChBH,CACH,EACAD,EAAA,cAACL,EAAA,IAAiC,CACpC,CACD,EAEDI,EAAY,YAAc"}
|
|
@@ -1,27 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { Override } from '../../utilities';
|
|
3
|
-
export declare const textVariants: {
|
|
4
|
-
size: {
|
|
5
|
-
xs: string[];
|
|
6
|
-
sm: string[];
|
|
7
|
-
md: string[];
|
|
8
|
-
lg: string[];
|
|
9
|
-
xl: string[];
|
|
10
|
-
};
|
|
11
|
-
noCapsize: {
|
|
12
|
-
true: string[];
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export declare const getTextVariant: (options: {
|
|
16
|
-
size: keyof typeof textVariants.size;
|
|
17
|
-
}) => string[];
|
|
18
3
|
export declare const StyledText: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
19
4
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
20
|
-
}, "size" | "
|
|
21
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
22
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
5
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
23
6
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
24
7
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
8
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
9
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
25
10
|
} & {
|
|
26
11
|
as?: React.ElementType;
|
|
27
12
|
}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as e from"react";import{styled as m}from"../../styled.js";const t=m("p",{base:["m-0","[&>&]:before:hidden","[&>&]:after:hidden"],variants:{size:{xs:["text-xs/[1.6]","capsize-[0.4364]"],sm:["text-sm/[1.53]","capsize-[0.4056]"],md:["text-md/normal","capsize-[0.3864]"],lg:["text-lg/[1.52]","capsize-[0.3983]"],xl:["text-xl/[1.42]","capsize-[0.3506]"]},noCapsize:{true:["before:hidden!","after:hidden!"]},weight:{normal:["font-normal"],bold:["font-semibold"]},family:{body:["font-body"],display:["font-display"],mono:["font-mono"]}}},{enabledResponsiveVariants:!0}),o=e.forwardRef(({size:a="md",family:i="body",...s},d)=>e.createElement(t,{size:a,family:i,...s,ref:d}));o.displayName="Text";export{t as StyledText,o as Text};
|
|
2
2
|
//# sourceMappingURL=Text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities'\n\nexport const
|
|
1
|
+
{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities'\n\nexport const StyledText = styled(\n 'p',\n {\n base: ['m-0', '[&>&]:before:hidden', '[&>&]:after:hidden'],\n variants: {\n size: {\n xs: ['text-xs/[1.6]', 'capsize-[0.4364]'],\n sm: ['text-sm/[1.53]', 'capsize-[0.4056]'],\n md: ['text-md/normal', 'capsize-[0.3864]'],\n lg: ['text-lg/[1.52]', 'capsize-[0.3983]'],\n xl: ['text-xl/[1.42]', 'capsize-[0.3506]']\n },\n noCapsize: {\n true: ['before:hidden!', 'after:hidden!']\n },\n weight: {\n normal: ['font-normal'],\n bold: ['font-semibold']\n },\n family: {\n body: ['font-body'],\n display: ['font-display'],\n mono: ['font-mono']\n }\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\ntype TextProps = Override<\n React.ComponentProps<typeof StyledText>,\n {\n as?:\n | 'blockquote'\n | 'caption'\n | 'dd'\n | 'dt'\n | 'figcaption'\n | 'li'\n | 'p'\n | 'span'\n | 'legend'\n | React.ComponentType\n | React.ElementType\n }\n>\n\nexport const Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n ({ size = 'md', family = 'body', ...remainingProps }, ref) => (\n <StyledText size={size} family={family} {...remainingProps} ref={ref} />\n )\n)\n\nText.displayName = 'Text'\n"],"names":["StyledText","styled","Text","React","size","family","remainingProps","ref"],"mappings":"iEAKO,MAAMA,EAAaC,EACxB,IACA,CACE,KAAM,CAAC,MAAO,sBAAuB,oBAAoB,EACzD,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,gBAAiB,kBAAkB,EACxC,GAAI,CAAC,iBAAkB,kBAAkB,EACzC,GAAI,CAAC,iBAAkB,kBAAkB,EACzC,GAAI,CAAC,iBAAkB,kBAAkB,EACzC,GAAI,CAAC,iBAAkB,kBAAkB,CAC3C,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,EACA,OAAQ,CACN,OAAQ,CAAC,aAAa,EACtB,KAAM,CAAC,eAAe,CACxB,EACA,OAAQ,CACN,KAAM,CAAC,WAAW,EAClB,QAAS,CAAC,cAAc,EACxB,KAAM,CAAC,WAAW,CACpB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAoBaC,EAAOC,EAAM,WACxB,CAAC,CAAE,KAAAC,EAAO,KAAM,OAAAC,EAAS,OAAQ,GAAGC,CAAe,EAAGC,IACpDJ,EAAA,cAACH,EAAW,CAAA,KAAMI,EAAM,OAAQC,EAAS,GAAGC,EAAgB,IAAKC,CAAK,CAAA,CAE1E,EAEAL,EAAK,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import{styled as t}from"../../styled.js";const n=t("textarea",{base:["shadow-none","
|
|
1
|
+
import*as e from"react";import{styled as t}from"../../styled.js";const n=t("textarea",{base:["shadow-none","appearance-none","rounded-md","box-border","text-grey-1000","font-body","font-normal","text-md/[1.4]","m-0","min-h-24","px-3","py-3","resize-y","w-full","disabled:bg-grey-200","disabled:cursor-not-allowed","disabled:text-grey-800","placeholder:opacity-100","placeholder:text-grey-700"],variants:{appearance:{standard:["bg-white","border","border-grey-800","focus-within:border-primary-800","focus-within:outline-none"],modern:["bg-grey-100","border-none","focus-within:outline-2","focus-within:outline-blue-800","focus-within:outline-offset-1","focus-within:outline-solid","focus-within:z-1"]},state:{error:[]}},defaultVariants:{appearance:"standard"},compoundVariants:[{state:"error",appearance:"standard",class:["border-danger"]},{state:"error",appearance:"modern",class:["bg-danger-light","focus-within:outline-danger"]}]}),r=e.forwardRef((a,o)=>e.createElement(n,{...a,ref:o}));r.displayName="Textarea";export{r as Textarea};
|
|
2
2
|
//# sourceMappingURL=Textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledTextarea = styled('textarea', {\n base: [\n 'shadow-none',\n '
|
|
1
|
+
{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledTextarea = styled('textarea', {\n base: [\n 'shadow-none',\n 'appearance-none',\n 'rounded-md',\n 'box-border',\n 'text-grey-1000',\n 'font-body',\n 'font-normal',\n 'text-md/[1.4]',\n 'm-0',\n 'min-h-24',\n 'px-3',\n 'py-3',\n 'resize-y',\n 'w-full',\n 'disabled:bg-grey-200',\n 'disabled:cursor-not-allowed',\n 'disabled:text-grey-800',\n 'placeholder:opacity-100',\n 'placeholder:text-grey-700'\n ],\n variants: {\n appearance: {\n standard: [\n 'bg-white',\n 'border',\n 'border-grey-800',\n 'focus-within:border-primary-800',\n 'focus-within:outline-none'\n ],\n modern: [\n 'bg-grey-100',\n 'border-none',\n 'focus-within:outline-2',\n 'focus-within:outline-blue-800',\n 'focus-within:outline-offset-1',\n 'focus-within:outline-solid',\n 'focus-within:z-1'\n ]\n },\n state: {\n error: []\n }\n },\n defaultVariants: {\n appearance: 'standard'\n },\n compoundVariants: [\n {\n state: 'error',\n appearance: 'standard',\n class: ['border-danger']\n },\n {\n state: 'error',\n appearance: 'modern',\n class: ['bg-danger-light', 'focus-within:outline-danger']\n }\n ]\n})\n\nexport type TextareaProps = React.ComponentProps<typeof StyledTextarea>\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n (props, ref) => <StyledTextarea {...props} ref={ref} />\n)\n\nTextarea.displayName = 'Textarea'\n"],"names":["StyledTextarea","styled","Textarea","React","props","ref"],"mappings":"iEAIA,MAAMA,EAAiBC,EAAO,WAAY,CACxC,KAAM,CACJ,cACA,kBACA,aACA,aACA,iBACA,YACA,cACA,gBACA,MACA,WACA,OACA,OACA,WACA,SACA,uBACA,8BACA,yBACA,0BACA,2BACF,EACA,SAAU,CACR,WAAY,CACV,SAAU,CACR,WACA,SACA,kBACA,kCACA,2BACF,EACA,OAAQ,CACN,cACA,cACA,yBACA,gCACA,gCACA,6BACA,kBACF,CACF,EACA,MAAO,CACL,MAAO,EACT,CACF,EACA,gBAAiB,CACf,WAAY,UACd,EACA,iBAAkB,CAChB,CACE,MAAO,QACP,WAAY,WACZ,MAAO,CAAC,eAAe,CACzB,EACA,CACE,MAAO,QACP,WAAY,SACZ,MAAO,CAAC,kBAAmB,6BAA6B,CAC1D,CACF,CACF,CAAC,EAIYC,EAAWC,EAAM,WAC5B,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAgB,GAAGI,EAAO,IAAKC,CAAK,CAAA,CACvD,EAEAH,EAAS,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from"react";import{Tile as l}from"../tile/Tile.js";import"../flex/Flex.js";import{styled as r}from"../../styled.js";const b=r(l,{base:["disabled:cursor-not-allowed","disabled:opacity-30","not-disabled:active:bg-(--base-2)","not-disabled:after:absolute","not-disabled:after:duration-250","not-disabled:after:ease-out","not-disabled:after:inset-0","not-disabled:after:opacity-0","not-disabled:after:pointer-events-none","not-disabled:after:rounded-[inherit]","not-disabled:after:shadow-lg","not-disabled:after:transition-opacity","not-disabled:cursor-pointer","not-disabled:duration-250","not-disabled:ease-in","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[
|
|
1
|
+
import o from"react";import{Tile as l}from"../tile/Tile.js";import"../flex/Flex.js";import{styled as r}from"../../styled.js";const b=r(l,{base:["disabled:cursor-not-allowed","disabled:opacity-30","not-disabled:active:bg-(--base-2)","not-disabled:after:absolute","not-disabled:after:duration-250","not-disabled:after:ease-out","not-disabled:after:inset-0","not-disabled:after:opacity-0","not-disabled:after:pointer-events-none","not-disabled:after:rounded-[inherit]","not-disabled:after:shadow-lg","not-disabled:after:transition-opacity","not-disabled:cursor-pointer","not-disabled:duration-250","not-disabled:ease-in","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:after:opacity-100","not-disabled:hover:-translate-y-0.5","not-disabled:transition-transform","not-disabled:translate-y-0"]}),a=o.forwardRef(({onClick:i,href:e,type:d="button",as:t,...s},n)=>o.createElement(b,{...s,...e?{as:t||"a",href:e,onClick:void 0}:{as:t||"button",type:d,onClick:i},ref:n}));a.displayName="TileInteractive";export{a as TileInteractive};
|
|
2
2
|
//# sourceMappingURL=TileInteractive.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileInteractive.js","sources":["../../../src/components/tile-interactive/TileInteractive.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Tile } from '~/components/tile'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\n\nconst StyledTileInteractive = styled(Tile, {\n base: [\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30',\n 'not-disabled:active:bg-(--base-2)',\n 'not-disabled:after:absolute',\n 'not-disabled:after:duration-250',\n 'not-disabled:after:ease-out',\n 'not-disabled:after:inset-0',\n 'not-disabled:after:opacity-0',\n 'not-disabled:after:pointer-events-none',\n 'not-disabled:after:rounded-[inherit]',\n 'not-disabled:after:shadow-lg',\n 'not-disabled:after:transition-opacity',\n 'not-disabled:cursor-pointer',\n 'not-disabled:duration-250',\n 'not-disabled:ease-in',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[
|
|
1
|
+
{"version":3,"file":"TileInteractive.js","sources":["../../../src/components/tile-interactive/TileInteractive.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Tile } from '~/components/tile'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\n\nconst StyledTileInteractive = styled(Tile, {\n base: [\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30',\n 'not-disabled:active:bg-(--base-2)',\n 'not-disabled:after:absolute',\n 'not-disabled:after:duration-250',\n 'not-disabled:after:ease-out',\n 'not-disabled:after:inset-0',\n 'not-disabled:after:opacity-0',\n 'not-disabled:after:pointer-events-none',\n 'not-disabled:after:rounded-[inherit]',\n 'not-disabled:after:shadow-lg',\n 'not-disabled:after:transition-opacity',\n 'not-disabled:cursor-pointer',\n 'not-disabled:duration-250',\n 'not-disabled:ease-in',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n 'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n 'not-disabled:focus-visible:z-1',\n 'not-disabled:hover:after:opacity-100',\n 'not-disabled:hover:-translate-y-0.5',\n 'not-disabled:transition-transform',\n 'not-disabled:translate-y-0'\n ]\n})\n\ntype TTileInteractiveProps = React.ComponentProps<\n typeof StyledTileInteractive\n> &\n React.ButtonHTMLAttributes<HTMLButtonElement> &\n NavigatorActions\n\nexport const TileInteractive = React.forwardRef<\n HTMLDivElement,\n TTileInteractiveProps\n>(({ onClick, href, type = 'button', as, ...rest }, ref) => {\n const isLink = !!href\n const elementSpecificProps = isLink\n ? {\n as: as || ('a' as React.ElementType),\n href,\n onClick: undefined\n }\n : { as: as || ('button' as React.ElementType), type, onClick }\n\n return <StyledTileInteractive {...rest} {...elementSpecificProps} ref={ref} />\n})\n\nTileInteractive.displayName = 'TileInteractive'\n"],"names":["StyledTileInteractive","styled","Tile","TileInteractive","React","onClick","href","type","as","rest","ref"],"mappings":"6HAMA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,KAAM,CACJ,8BACA,sBACA,oCACA,8BACA,kCACA,8BACA,6BACA,+BACA,yCACA,uCACA,+BACA,wCACA,8BACA,4BACA,uBACA,0CACA,sCACA,+EACA,4DACA,iCACA,uCACA,sCACA,oCACA,4BACF,CACF,CAAC,EAQYC,EAAkBC,EAAM,WAGnC,CAAC,CAAE,QAAAC,EAAS,KAAAC,EAAM,KAAAC,EAAO,SAAU,GAAAC,EAAI,GAAGC,CAAK,EAAGC,IAU3CN,EAAA,cAACJ,EAAA,CAAuB,GAAGS,EAAO,GATxBH,EAEb,CACE,GAAIE,GAAO,IACX,KAAAF,EACA,QAAS,MACX,EACA,CAAE,GAAIE,GAAO,SAAgC,KAAAD,EAAM,QAAAF,CAAQ,EAEG,IAAKK,CAAK,CAAA,CAC7E,EAEDP,EAAgB,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as o from"@radix-ui/react-toggle-group";import*as t from"react";import{TileInteractive as r}from"../tile-interactive/TileInteractive.js";import{styled as n}from"../../styled.js";const
|
|
1
|
+
import*as o from"@radix-ui/react-toggle-group";import*as t from"react";import{TileInteractive as r}from"../tile-interactive/TileInteractive.js";import{styled as n}from"../../styled.js";const i=n(r,{base:["not-disabled:data-[state=on]:active:bg-(--interactive-3)","not-disabled:data-[state=on]:hover:bg-(--interactive-2)","data-[state=on]:before:-inset-1","data-[state=on]:before:absolute","data-[state=on]:before:rounded-[inherit]","data-[state=on]:before:shadow-[inset_var(--accent-8)_0px_0px_0px_2px]","data-[state=on]:before:z-1","data-[state=on]:bg-(--interactive-1)","data-[state=on]:border-(--accent-8)"]}),s=({children:e,...a})=>t.createElement(o.Item,{...a,asChild:!0},t.createElement(i,{as:"button"},e));export{s as TileToggleGroupItem};
|
|
2
2
|
//# sourceMappingURL=TileToggleGroupItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileToggleGroupItem.js","sources":["../../../src/components/tile-toggle-group/TileToggleGroupItem.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { TileInteractive } from '~/components/tile-interactive'\nimport { styled } from '~/styled'\n\nconst StyledTileToggleGroupItem = styled(TileInteractive, {\n base: [\n 'not-disabled:data-[state=on]:active:bg-(--interactive-3)',\n 'not-disabled:data-[state=on]:hover:bg-(--interactive-2)',\n 'data-[state=on]:before:-inset-1',\n 'data-[state=on]:before:absolute',\n 'data-[state=on]:before:rounded-[inherit]',\n 'data-[state=on]:before:shadow-[
|
|
1
|
+
{"version":3,"file":"TileToggleGroupItem.js","sources":["../../../src/components/tile-toggle-group/TileToggleGroupItem.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { TileInteractive } from '~/components/tile-interactive'\nimport { styled } from '~/styled'\n\nconst StyledTileToggleGroupItem = styled(TileInteractive, {\n base: [\n 'not-disabled:data-[state=on]:active:bg-(--interactive-3)',\n 'not-disabled:data-[state=on]:hover:bg-(--interactive-2)',\n 'data-[state=on]:before:-inset-1',\n 'data-[state=on]:before:absolute',\n 'data-[state=on]:before:rounded-[inherit]',\n 'data-[state=on]:before:shadow-[inset_var(--accent-8)_0px_0px_0px_2px]',\n 'data-[state=on]:before:z-1',\n 'data-[state=on]:bg-(--interactive-1)',\n 'data-[state=on]:border-(--accent-8)'\n ]\n})\n\ntype TTileToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n React.ComponentProps<typeof StyledTileToggleGroupItem>\n\nexport const TileToggleGroupItem = ({\n children,\n ...rest\n}: TTileToggleGroupItem) => (\n <ToggleGroup.Item {...rest} asChild>\n <StyledTileToggleGroupItem as=\"button\">\n {children}\n </StyledTileToggleGroupItem>\n </ToggleGroup.Item>\n)\n"],"names":["StyledTileToggleGroupItem","styled","TileInteractive","TileToggleGroupItem","children","rest","React","ToggleGroup"],"mappings":"yLAMA,MAAMA,EAA4BC,EAAOC,EAAiB,CACxD,KAAM,CACJ,2DACA,0DACA,kCACA,kCACA,2CACA,wEACA,6BACA,uCACA,qCACF,CACF,CAAC,EAKYC,EAAsB,CAAC,CAClC,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACC,EAAY,KAAZ,CAAkB,GAAGF,EAAM,QAAO,EACjCC,EAAAA,EAAA,cAACN,EAAA,CAA0B,GAAG,QAC3BI,EAAAA,CACH,CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"@radix-ui/react-toggle-group";import{styled as o}from"../../styled.js";const t=o(e.Item,{base:["cursor-pointer","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{theme:{standard:["before:bg-grey-600","bg-white","border","border-grey-600","data-[state=on]:border-current!","data-[state=on]:shadow-[inset_currentColor_0px_0px_0px_1px]","data-[state=on]:text-primary-800","not-disabled:data-[state=on]:before:bg-none","not-disabled:focus-visible:before:bg-none","not-disabled:focus-visible:data-[state=off]:border-grey-600!","not-disabled:focus-visible:data-[state=on]:shadow-[
|
|
1
|
+
import*as e from"@radix-ui/react-toggle-group";import{styled as o}from"../../styled.js";const t=o(e.Item,{base:["cursor-pointer","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{theme:{standard:["before:bg-grey-600","bg-white","border","border-grey-600","data-[state=on]:border-current!","data-[state=on]:shadow-[inset_currentColor_0px_0px_0px_1px]","data-[state=on]:text-primary-800","not-disabled:data-[state=on]:before:bg-none","not-disabled:focus-visible:before:bg-none","not-disabled:focus-visible:data-[state=off]:border-grey-600!","not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:data-[state=on]:shadow-[inset_currentColor_0px_0px_0px_1px]","not-disabled:focus-visible:data-[state=on]:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:before:bg-none","not-disabled:hover:border-current!","not-disabled:hover:text-primary-900","text-grey-800"],modern:["bg-grey-200","border-none","data-[state=on]:bg-white","data-[state=on]:border!","data-[state=on]:border-grey-200!","data-[state=on]:shadow-none!","data-[state=on]:text-grey-800","not-disabled:focus-visible:data-[state=off]:border-grey-600!","not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:data-[state=on]:shadow-[inset_currentColor_0px_0px_0px_1px_white_0px_0px_0px_2px]","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:text-primary-900","overflow-hidden","rounded-md"]}},defaultVariants:{theme:"standard"}});export{t as ToggleGroupItem};
|
|
2
2
|
//# sourceMappingURL=ToggleGroupItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroupItem.js","sources":["../../../src/components/toggle-group/ToggleGroupItem.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\n\nimport { styled } from '~/styled'\n\nexport const ToggleGroupItem = styled(ToggleGroup.Item, {\n base: [\n 'cursor-pointer',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n theme: {\n standard: [\n 'before:bg-grey-600',\n 'bg-white',\n 'border',\n 'border-grey-600',\n 'data-[state=on]:border-current!',\n 'data-[state=on]:shadow-[inset_currentColor_0px_0px_0px_1px]',\n 'data-[state=on]:text-primary-800',\n 'not-disabled:data-[state=on]:before:bg-none',\n 'not-disabled:focus-visible:before:bg-none',\n 'not-disabled:focus-visible:data-[state=off]:border-grey-600!',\n 'not-disabled:focus-visible:data-[state=on]:shadow-[
|
|
1
|
+
{"version":3,"file":"ToggleGroupItem.js","sources":["../../../src/components/toggle-group/ToggleGroupItem.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\n\nimport { styled } from '~/styled'\n\nexport const ToggleGroupItem = styled(ToggleGroup.Item, {\n base: [\n 'cursor-pointer',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n theme: {\n standard: [\n 'before:bg-grey-600',\n 'bg-white',\n 'border',\n 'border-grey-600',\n 'data-[state=on]:border-current!',\n 'data-[state=on]:shadow-[inset_currentColor_0px_0px_0px_1px]',\n 'data-[state=on]:text-primary-800',\n 'not-disabled:data-[state=on]:before:bg-none',\n 'not-disabled:focus-visible:before:bg-none',\n 'not-disabled:focus-visible:data-[state=off]:border-grey-600!',\n 'not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n 'not-disabled:focus-visible:data-[state=on]:shadow-[inset_currentColor_0px_0px_0px_1px]',\n 'not-disabled:focus-visible:data-[state=on]:shadow-[white_0px_0px_0px_2px]',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n 'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n 'not-disabled:focus-visible:z-1',\n 'not-disabled:hover:before:bg-none',\n 'not-disabled:hover:border-current!',\n 'not-disabled:hover:text-primary-900',\n 'text-grey-800'\n ],\n modern: [\n 'bg-grey-200',\n 'border-none',\n 'data-[state=on]:bg-white',\n 'data-[state=on]:border!',\n 'data-[state=on]:border-grey-200!',\n 'data-[state=on]:shadow-none!',\n 'data-[state=on]:text-grey-800',\n 'not-disabled:focus-visible:data-[state=off]:border-grey-600!',\n 'not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n 'not-disabled:focus-visible:data-[state=on]:shadow-[inset_currentColor_0px_0px_0px_1px_white_0px_0px_0px_2px]',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n 'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n 'not-disabled:focus-visible:z-1',\n 'not-disabled:hover:text-primary-900',\n 'overflow-hidden',\n 'rounded-md'\n ]\n }\n },\n defaultVariants: {\n theme: 'standard'\n }\n})\n"],"names":["ToggleGroupItem","styled","ToggleGroup"],"mappings":"wFAIO,MAAMA,EAAkBC,EAAOC,EAAY,KAAM,CACtD,KAAM,CACJ,iBACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,SAAU,CACR,qBACA,WACA,SACA,kBACA,kCACA,8DACA,mCACA,8CACA,4CACA,+DACA,+FACA,yFACA,4EACA,0CACA,sCACA,+EACA,4DACA,iCACA,oCACA,qCACA,sCACA,eACF,EACA,OAAQ,CACN,cACA,cACA,2BACA,0BACA,mCACA,+BACA,gCACA,+DACA,+FACA,+GACA,0CACA,sCACA,+EACA,4DACA,iCACA,sCACA,kBACA,YACF,CACF,CACF,EACA,gBAAiB,CACf,MAAO,UACT,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Content as n,Arrow as l}from"@radix-ui/react-tooltip";import*as
|
|
1
|
+
import{Content as n,Arrow as l}from"@radix-ui/react-tooltip";import*as t from"react";import{styled as e}from"../../styled.js";const r=e(n,{base:["bg-grey-900","rounded-sm","shadow-sm","text-white","font-body","text-sm/normal","whitespace-normal","px-3","py-2","z-10","will-change-transform","will-change-[opacity]","[--slide-opacity-out:0]","data-[side=top]:[--slide-direction-out-y:-4px]","data-[side=right]:[--slide-direction-out-x:4px]","data-[side=bottom]:[--slide-direction-out-y:4px]","data-[side=left]:[--slide-direction-out-x:-4px]","motion-safe:data-[state=delayed-open]:animate-slide-direction-in","motion-safe:data-[state=closed]:animate-slide-direction-out"],variants:{size:{sm:["max-w-25"],md:["max-w-[250px]"],lg:["max-w-100"]}}}),m=e(l,{base:["fill-grey-900","in-data-[align=end]:mr-2","in-data-[align=start]:ml-2"]}),p=({children:i,side:a="top",sideOffset:o=4,size:d="md",...s})=>t.createElement(r,{side:a,sideOffset:o,size:d,...s},i,t.createElement(m,null));export{p as TooltipContent};
|
|
2
2
|
//# sourceMappingURL=TooltipContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipContent.js","sources":["../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { Arrow, Content } from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledContent = styled(Content, {\n base: [\n 'bg-grey-900',\n 'rounded-sm',\n 'shadow-sm',\n 'text-white',\n 'font-body',\n 'text-sm
|
|
1
|
+
{"version":3,"file":"TooltipContent.js","sources":["../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { Arrow, Content } from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledContent = styled(Content, {\n base: [\n 'bg-grey-900',\n 'rounded-sm',\n 'shadow-sm',\n 'text-white',\n 'font-body',\n 'text-sm/normal',\n 'whitespace-normal',\n 'px-3',\n 'py-2',\n 'z-10',\n 'will-change-transform',\n 'will-change-[opacity]',\n '[--slide-opacity-out:0]',\n 'data-[side=top]:[--slide-direction-out-y:-4px]',\n 'data-[side=right]:[--slide-direction-out-x:4px]',\n 'data-[side=bottom]:[--slide-direction-out-y:4px]',\n 'data-[side=left]:[--slide-direction-out-x:-4px]',\n 'motion-safe:data-[state=delayed-open]:animate-slide-direction-in',\n 'motion-safe:data-[state=closed]:animate-slide-direction-out'\n ],\n variants: {\n size: {\n sm: ['max-w-25'],\n md: ['max-w-[250px]'],\n lg: ['max-w-100']\n }\n }\n})\n\nconst StyledArrow = styled(Arrow, {\n base: [\n 'fill-grey-900',\n 'in-data-[align=end]:mr-2',\n 'in-data-[align=start]:ml-2'\n ]\n})\n\ntype TooltipContentProps = React.ComponentProps<typeof StyledContent> &\n React.ComponentProps<typeof Content>\n\nexport const TooltipContent = ({\n children,\n side = 'top',\n sideOffset = 4,\n size = 'md',\n ...remainingProps\n}: TooltipContentProps) => (\n <StyledContent\n side={side}\n sideOffset={sideOffset}\n size={size}\n {...remainingProps}\n >\n {children}\n <StyledArrow />\n </StyledContent>\n)\n"],"names":["StyledContent","styled","Content","StyledArrow","Arrow","TooltipContent","children","side","sideOffset","size","remainingProps","React"],"mappings":"8HAKA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,KAAM,CACJ,cACA,aACA,YACA,aACA,YACA,iBACA,oBACA,OACA,OACA,OACA,wBACA,wBACA,0BACA,iDACA,kDACA,mDACA,kDACA,mEACA,6DACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAU,EACf,GAAI,CAAC,eAAe,EACpB,GAAI,CAAC,WAAW,CAClB,CACF,CACF,CAAC,EAEKC,EAAcF,EAAOG,EAAO,CAChC,KAAM,CACJ,gBACA,2BACA,4BACF,CACF,CAAC,EAKYC,EAAiB,CAAC,CAC7B,SAAAC,EACA,KAAAC,EAAO,MACP,WAAAC,EAAa,EACb,KAAAC,EAAO,KACP,GAAGC,CACL,IACEC,EAAA,cAACX,EAAA,CACC,KAAMO,EACN,WAAYC,EACZ,KAAMC,EACL,GAAGC,CAAAA,EAEHJ,EACDK,EAAA,cAACR,EAAA,IAAY,CACf"}
|