@atom-learning/components 6.0.0-beta.25 → 6.0.0-beta.27
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/badge/Badge.d.ts +3 -3
- 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/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/navigation/NavigationMenu.d.ts +3 -3
- package/dist/components/navigation/NavigationMenuDropdownItem.d.ts +3 -3
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +3 -3
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts +3 -3
- 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/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/tooltip/TooltipContent.js +1 -1
- package/dist/components/tooltip/TooltipContent.js.map +1 -1
- package/dist/components/top-bar/TopBar.d.ts +3 -3
- 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/package.json +3 -3
- package/scripts/generate-responsive-variant-classes.mjs +3 -1
- package/src/responsive-variant-classes.css +3 -1
|
@@ -28,11 +28,11 @@ export declare const Badge: React.ForwardRefExoticComponent<Omit<TBadgeProps, "r
|
|
|
28
28
|
Icon: (props: React.ComponentProps<typeof Icon>) => React.JSX.Element;
|
|
29
29
|
Text: ({ children, ...rest }: Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
30
30
|
ref?: ((instance: HTMLParagraphElement | null) => void) | 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?: React.ElementType;
|
|
38
38
|
}, "as"> & {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
declare const StyledBadgeText: 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 e from"react";import{Loader as p}from"../loader/Loader.js";import{styled as
|
|
1
|
+
import*as e from"react";import{Loader as p}from"../loader/Loader.js";import{styled as s}from"../../styled.js";import{getExternalAnchorProps as b}from"../../utilities/uri/index.js";const l=s("button",{base:["items-center","bg-[unset]","border-[unset]","rounded-md","cursor-pointer","flex","font-body","font-semibold","justify-center","px-[unset]","py-[unset]","no-underline","transition-all","duration-100","ease-out","whitespace-nowrap","w-max","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{theme:{primary:["[--base:var(--color-primary-800)]","[--interact:var(--color-primary-900)]","[--active:var(--color-primary-1000)]"],secondary:["[--base:var(--color-primary-1000)]","[--interact:var(--color-primary-1100)]","[--active:var(--color-primary-1200)]"],success:["[--base:var(--color-success)]","[--interact:var(--color-success-mid)]","[--active:var(--color-success-dark)]"],warning:["[--base:var(--color-warning)]","[--interact:var(--color-warning-mid)]","[--active:var(--color-warning-dark)]"],danger:["[--base:var(--color-danger)]","[--interact:var(--color-danger-mid)]","[--active:var(--color-danger-dark)]"],neutral:["[--base:white]","[--interact:rgba(255,255,255,0.9)]","[--active:rgba(255,255,255,0.75)]","[--text:var(--color-primary-800)]"]},appearance:{solid:["bg-(--base)","text-(--text,white)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:bg-(--interact)","not-disabled:hover:text-(--text,white)","not-disabled:focus:bg-(--interact)","not-disabled:focus:text-(--text,white)","not-disabled:active:bg-(--active)"],outline:["border","border-current","text-(--base)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:no-underline","not-disabled:hover:text-(--interact)","not-disabled:focus:no-underline","not-disabled:focus:text-(--interact)","not-disabled:active:text-(--active)"]},size:{sm:["text-sm","leading-[1.53]","h-8","px-4","gap-2","[&_svg]:size-4"],md:["text-md","leading-normal","h-10","px-8","gap-3","[&_svg]:size-5"],lg:["text-lg","leading-normal","h-12","px-8","gap-3","[&_svg]:size-[22px]"],xl:["text-lg","leading-normal","h-16","px-8","gap-3","[&_svg]:size-[22px]"]},isLoading:{true:["cursor-not-allowed opacity-60 pointer-events-none"]},fullWidth:{true:["w-full"],false:["w-max"]}},defaultVariants:{appearance:"solid",size:"md",theme:"primary"}},{enabledResponsiveVariants:!0}),u=s("span",{base:["items-center","flex","justify-center","invisible"],variants:{size:{sm:["gap-2"],md:["gap-3"],lg:["gap-3"],xl:["gap-3"]}},defaultVariants:{size:"md"}},{enabledResponsiveVariants:!0}),v=({size:a,children:r})=>e.createElement(e.Fragment,null,e.createElement(p,{className:"absolute"}),e.createElement(u,{size:a},r)),d=e.forwardRef(({children:a,as:r,href:t,isLoading:i=!1,onClick:c,disabled:o,...n},m)=>e.createElement(l,{as:r||(t?"a":void 0),...!o&&!i&&{href:t,onClick:c},isLoading:i,type:t?void 0:"button",disabled:o,...n,...b(t),ref:m},i?e.createElement(v,{size:n.size},a):a));d.displayName="Button";export{d as Button,l as StyledButton};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled(\n 'button',\n {\n base: [\n 'items-center',\n 'bg-[unset]',\n 'border-[unset]',\n 'rounded-md',\n 'cursor-pointer',\n 'flex',\n 'font-body',\n 'font-semibold',\n 'justify-center',\n 'px-[unset]',\n 'py-[unset]',\n 'no-underline',\n 'transition-all',\n 'duration-100',\n 'ease-out',\n 'whitespace-nowrap',\n 'w-max',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n theme: {\n primary: [\n '[--base:var(--color-primary-800)]',\n '[--interact:var(--color-primary-900)]',\n '[--active:var(--color-primary-1000)]'\n ],\n secondary: [\n '[--base:var(--color-primary-1000)]',\n '[--interact:var(--color-primary-1100)]',\n '[--active:var(--color-primary-1200)]'\n ],\n success: [\n '[--base:var(--color-success)]',\n '[--interact:var(--color-success-mid)]',\n '[--active:var(--color-success-dark)]'\n ],\n warning: [\n '[--base:var(--color-warning)]',\n '[--interact:var(--color-warning-mid)]',\n '[--active:var(--color-warning-dark)]'\n ],\n danger: [\n '[--base:var(--color-danger)]',\n '[--interact:var(--color-danger-mid)]',\n '[--active:var(--color-danger-dark)]'\n ],\n neutral: [\n '[--base:white]',\n '[--interact:rgba(255,255,255,0.9)]',\n '[--active:rgba(255,255,255,0.75)]',\n '[--text:var(--color-primary-800)]'\n ]\n },\n appearance: {\n solid: [\n 'bg-(--base)',\n 'text-(--text,white)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:bg-(--interact)',\n 'not-disabled:hover:text-(--text,white)',\n 'not-disabled:focus:bg-(--interact)',\n 'not-disabled:focus:text-(--text,white)',\n 'not-disabled:active:bg-(--active)'\n ],\n outline: [\n 'border',\n\n 'border-current',\n 'text-(--base)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:no-underline',\n 'not-disabled:hover:text-(--interact)',\n 'not-disabled:focus:no-underline',\n 'not-disabled:focus:text-(--interact)',\n 'not-disabled:active:text-(--active)'\n ]\n },\n size: {\n sm: ['text-sm
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled(\n 'button',\n {\n base: [\n 'items-center',\n 'bg-[unset]',\n 'border-[unset]',\n 'rounded-md',\n 'cursor-pointer',\n 'flex',\n 'font-body',\n 'font-semibold',\n 'justify-center',\n 'px-[unset]',\n 'py-[unset]',\n 'no-underline',\n 'transition-all',\n 'duration-100',\n 'ease-out',\n 'whitespace-nowrap',\n 'w-max',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n theme: {\n primary: [\n '[--base:var(--color-primary-800)]',\n '[--interact:var(--color-primary-900)]',\n '[--active:var(--color-primary-1000)]'\n ],\n secondary: [\n '[--base:var(--color-primary-1000)]',\n '[--interact:var(--color-primary-1100)]',\n '[--active:var(--color-primary-1200)]'\n ],\n success: [\n '[--base:var(--color-success)]',\n '[--interact:var(--color-success-mid)]',\n '[--active:var(--color-success-dark)]'\n ],\n warning: [\n '[--base:var(--color-warning)]',\n '[--interact:var(--color-warning-mid)]',\n '[--active:var(--color-warning-dark)]'\n ],\n danger: [\n '[--base:var(--color-danger)]',\n '[--interact:var(--color-danger-mid)]',\n '[--active:var(--color-danger-dark)]'\n ],\n neutral: [\n '[--base:white]',\n '[--interact:rgba(255,255,255,0.9)]',\n '[--active:rgba(255,255,255,0.75)]',\n '[--text:var(--color-primary-800)]'\n ]\n },\n appearance: {\n solid: [\n 'bg-(--base)',\n 'text-(--text,white)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:bg-(--interact)',\n 'not-disabled:hover:text-(--text,white)',\n 'not-disabled:focus:bg-(--interact)',\n 'not-disabled:focus:text-(--text,white)',\n 'not-disabled:active:bg-(--active)'\n ],\n outline: [\n 'border',\n\n 'border-current',\n 'text-(--base)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:no-underline',\n 'not-disabled:hover:text-(--interact)',\n 'not-disabled:focus:no-underline',\n 'not-disabled:focus:text-(--interact)',\n 'not-disabled:active:text-(--active)'\n ]\n },\n size: {\n sm: [\n 'text-sm',\n 'leading-[1.53]',\n 'h-8',\n 'px-4',\n 'gap-2',\n '[&_svg]:size-4'\n ],\n md: [\n 'text-md',\n 'leading-normal',\n 'h-10',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-5'\n ],\n lg: [\n 'text-lg',\n 'leading-normal',\n 'h-12',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ],\n xl: [\n 'text-lg',\n 'leading-normal',\n 'h-16',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ]\n },\n isLoading: {\n true: ['cursor-not-allowed opacity-60 pointer-events-none']\n },\n fullWidth: {\n true: ['w-full'],\n false: ['w-max']\n }\n },\n defaultVariants: {\n appearance: 'solid',\n size: 'md',\n theme: 'primary'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst LoaderContentsWrapper = styled(\n 'span',\n {\n base: ['items-center', 'flex', 'justify-center', 'invisible'],\n variants: {\n size: {\n sm: ['gap-2'],\n md: ['gap-3'],\n lg: ['gap-3'],\n xl: ['gap-3']\n }\n },\n defaultVariants: {\n size: 'md'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst WithLoader = ({\n size,\n children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n <>\n <Loader className=\"absolute\" />\n <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n </>\n)\n\ntype ButtonProps = Override<\n React.ComponentProps<typeof StyledButton>,\n {\n children: React.ReactNode\n href?: string\n isLoading?: boolean\n } & NavigatorActions\n>\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n (\n { children, as, href, isLoading = false, onClick, disabled, ...rest },\n ref\n ) => (\n <StyledButton\n as={as || (href ? 'a' : undefined)}\n {...(!disabled && !isLoading && { href, onClick })}\n isLoading={isLoading}\n type={!href ? 'button' : undefined}\n disabled={disabled}\n {...rest}\n {...getExternalAnchorProps(href)}\n ref={ref as any}\n >\n {isLoading ? (\n <WithLoader size={rest.size}>{children}</WithLoader>\n ) : (\n children\n )}\n </StyledButton>\n )\n)\n\nButton.displayName = 'Button'\n"],"names":["StyledButton","styled","LoaderContentsWrapper","WithLoader","size","children","React","Loader","Button","as","href","isLoading","onClick","disabled","rest","ref","getExternalAnchorProps"],"mappings":"oLAQO,MAAMA,EAAeC,EAC1B,SACA,CACE,KAAM,CACJ,eACA,aACA,iBACA,aACA,iBACA,OACA,YACA,gBACA,iBACA,aACA,aACA,eACA,iBACA,eACA,WACA,oBACA,QACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,oCACA,wCACA,sCACF,EACA,UAAW,CACT,qCACA,yCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,QAAS,CACP,iBACA,qCACA,oCACA,mCACF,CACF,EACA,WAAY,CACV,MAAO,CACL,cACA,sBACA,sBACA,8BACA,qCACA,yCACA,qCACA,yCACA,mCACF,EACA,QAAS,CACP,SAEA,iBACA,gBACA,sBACA,8BACA,kCACA,uCACA,kCACA,uCACA,qCACF,CACF,EACA,KAAM,CACJ,GAAI,CACF,UACA,iBACA,MACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,CACF,EACA,UAAW,CACT,KAAM,CAAC,mDAAmD,CAC5D,EACA,UAAW,CACT,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,OAAO,CACjB,CACF,EACA,gBAAiB,CACf,WAAY,QACZ,KAAM,KACN,MAAO,SACT,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAwBD,EAC5B,OACA,CACE,KAAM,CAAC,eAAgB,OAAQ,iBAAkB,WAAW,EAC5D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,CACd,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEME,EAAa,CAAC,CAClB,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAAA,EAAA,SAAA,KACEA,EAAA,cAACC,EAAA,CAAO,UAAU,UAAA,CAAW,EAC7BD,EAAA,cAACJ,EAAA,CAAsB,KAAME,CAAAA,EAAOC,CAAS,CAC/C,EAYWG,EAASF,EAAM,WAC1B,CACE,CAAE,SAAAD,EAAU,GAAAI,EAAI,KAAAC,EAAM,UAAAC,EAAY,GAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAK,EACpEC,IAEAT,EAAA,cAACN,EAAA,CACC,GAAIS,IAAOC,EAAO,IAAM,QACvB,GAAI,CAACG,GAAY,CAACF,GAAa,CAAE,KAAAD,EAAM,QAAAE,CAAQ,EAChD,UAAWD,EACX,KAAOD,EAAkB,OAAX,SACd,SAAUG,EACT,GAAGC,EACH,GAAGE,EAAuBN,CAAI,EAC/B,IAAKK,CAAAA,EAEJJ,EACCL,EAAA,cAACH,EAAA,CAAW,KAAMW,EAAK,MAAOT,CAAS,EAEvCA,CAEJ,CAEJ,EAEAG,EAAO,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import{Icon as l}from"../icon/Icon.js";import{
|
|
1
|
+
import*as e from"react";import{Icon as l}from"../icon/Icon.js";import{styled as m}from"../../styled.js";import{overrideStyledVariantValue as x}from"../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";const c=m("span",{base:["inline-flex","items-center","px-1","grow","overflow-hidden","text-ellipsis","whitespace-nowrap","*:not-last:mr-1"]}),f={sm:"sm",md:"sm",lg:"md"},r=t=>{const i=e.useContext(a),{size:n}=i,s=e.useMemo(()=>x(n,o=>f[o]),[n]);return e.createElement(l,{...t,size:s})},C=({children:t,...i})=>{const n=e.Children.toArray(t),s=n.length<=1;return e.createElement(c,{...i},n.map((o,y)=>!s&&typeof o=="string"?e.createElement("span",{key:o,className:"overflow-hidden text-ellipsis whitespace-nowrap"},o):e.isValidElement(o)&&o.type===l?e.createElement(r,{key:"icon-".concat(y),...o.props}):o))},d=m("div",{base:["px-2","border","rounded-md","items-center","font-body","max-w-full","border-primary-800","text-primary-900","bg-primary-100","disabled:opacity-30","disabled:pointer-events-none"],variants:{size:{sm:["h-6","text-sm","leading-[1.53]","capsize-[0.4056]"],md:["h-8","text-sm","leading-[1.53]","capsize-[0.4056]"],lg:["h-10","text-md","leading-normal","capsize-[0.3864]"]}}}),a=e.createContext({}),p=({size:t,children:i})=>{const n=e.useMemo(()=>({size:t}),[t]);return e.createElement(a.Provider,{value:n},i)},h=e.forwardRef(({size:t="md",...i},n)=>e.createElement(p,{size:t},e.createElement(d,{ref:n,size:t,...i}))),z=Object.assign(h,{Content:C,Icon:r});h.displayName="Chip";export{z as Chip,r as ChipIcon,a as ChipRootContext,p as ChipRootProvider,c as StyledChipContent,d as StyledRoot};
|
|
2
2
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport {
|
|
1
|
+
{"version":3,"file":"Chip.js","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nexport const StyledChipContent = styled('span', {\n base: [\n 'inline-flex',\n 'items-center',\n 'px-1',\n 'grow',\n 'overflow-hidden',\n 'text-ellipsis',\n 'whitespace-nowrap',\n '*:not-last:mr-1'\n ]\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon = (props: React.ComponentProps<typeof Icon>) => {\n const rootContext = React.useContext(ChipRootContext)\n const { size } = rootContext\n const iconSize = React.useMemo(\n () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n [size]\n )\n return <Icon {...props} size={iconSize} />\n}\n\nconst ChipContent = ({ children, ...rest }) => {\n const childrenArray = React.Children.toArray(children)\n const isSingleChild = childrenArray.length <= 1\n return (\n <StyledChipContent {...rest}>\n {\n childrenArray.map((child, index) => {\n if (!isSingleChild && typeof child === 'string')\n return (\n <span\n key={child}\n className=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n >\n {child}\n </span>\n )\n if (React.isValidElement(child) && child.type === Icon) {\n return <ChipIcon key={`icon-${index}`} {...child.props} />\n }\n return child\n }) as React.ReactElement[]\n }\n </StyledChipContent>\n )\n}\n\nexport const StyledRoot = styled('div', {\n base: [\n 'px-2',\n 'border',\n 'rounded-md',\n 'items-center',\n 'font-body',\n 'max-w-full',\n 'border-primary-800',\n 'text-primary-900',\n 'bg-primary-100',\n 'disabled:opacity-30',\n 'disabled:pointer-events-none'\n ],\n variants: {\n size: {\n sm: ['h-6', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n md: ['h-8', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n lg: ['h-10', 'text-md', 'leading-normal', 'capsize-[0.3864]']\n }\n }\n})\n\nexport type TChipRootContext = React.ComponentProps<typeof StyledRoot>\nexport type TChipRootProviderProps = TChipRootContext\n\nexport const ChipRootContext = React.createContext<TChipRootContext>({})\n\nexport const ChipRootProvider = ({\n size,\n children\n}: TChipRootProviderProps) => {\n const value = React.useMemo<TChipRootContext>(() => ({ size }), [size])\n return (\n <ChipRootContext.Provider value={value}>\n {children}\n </ChipRootContext.Provider>\n )\n}\n\nexport type TChipRootProps = TChipRootProviderProps\n\nconst ChipRoot = React.forwardRef<HTMLDivElement, TChipRootProps>(\n ({ size = 'md', ...rest }, ref) => {\n return (\n <ChipRootProvider size={size}>\n <StyledRoot ref={ref} size={size} {...rest} />\n </ChipRootProvider>\n )\n }\n)\n\nexport const Chip = Object.assign(ChipRoot, {\n Content: ChipContent,\n Icon: ChipIcon\n})\n\nChipRoot.displayName = 'Chip'\n"],"names":["StyledChipContent","styled","toIconSize","ChipIcon","props","rootContext","React","ChipRootContext","size","iconSize","overrideStyledVariantValue","s","Icon","ChipContent","children","rest","childrenArray","isSingleChild","child","index","StyledRoot","ChipRootProvider","value","ChipRoot","ref","Chip"],"mappings":"iOAMO,MAAMA,EAAoBC,EAAO,OAAQ,CAC9C,KAAM,CACJ,cACA,eACA,OACA,OACA,kBACA,gBACA,oBACA,iBACF,CACF,CAAC,EAEKC,EAAa,CAAE,GAAI,KAAM,GAAI,KAAM,GAAI,IAAK,EAErCC,EAAYC,GAA6C,CACpE,MAAMC,EAAcC,EAAM,WAAWC,CAAe,EAC9C,CAAE,KAAAC,CAAK,EAAIH,EACXI,EAAWH,EAAM,QACrB,IAAMI,EAA2BF,EAAOG,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACH,CAAI,CACP,EACA,OAAOF,EAAA,cAACM,EAAA,CAAM,GAAGR,EAAO,KAAMK,CAAAA,CAAU,CAC1C,EAEMI,EAAc,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,IAAM,CAC7C,MAAMC,EAAgBV,EAAM,SAAS,QAAQQ,CAAQ,EAC/CG,EAAgBD,EAAc,QAAU,EAC9C,OACEV,EAAA,cAACN,EAAA,CAAmB,GAAGe,CAAAA,EAEnBC,EAAc,IAAI,CAACE,EAAOC,IACpB,CAACF,GAAiB,OAAOC,GAAU,SAEnCZ,EAAA,cAAC,OACC,CAAA,IAAKY,EACL,UAAU,iDAETA,EAAAA,CACH,EAEAZ,EAAM,eAAeY,CAAK,GAAKA,EAAM,OAASN,EACzCN,EAAA,cAACH,EAAS,CAAA,IAAK,QAAQ,OAAAgB,CAAU,EAAA,GAAGD,EAAM,KAAA,CAAO,EAEnDA,CACR,CAEL,CAEJ,EAEaE,EAAanB,EAAO,MAAO,CACtC,KAAM,CACJ,OACA,SACA,aACA,eACA,YACA,aACA,qBACA,mBACA,iBACA,sBACA,8BACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,MAAO,UAAW,iBAAkB,kBAAkB,EAC3D,GAAI,CAAC,MAAO,UAAW,iBAAkB,kBAAkB,EAC3D,GAAI,CAAC,OAAQ,UAAW,iBAAkB,kBAAkB,CAC9D,CACF,CACF,CAAC,EAKYM,EAAkBD,EAAM,cAAgC,CAAE,CAAA,EAE1De,EAAmB,CAAC,CAC/B,KAAAb,EACA,SAAAM,CACF,IAA8B,CAC5B,MAAMQ,EAAQhB,EAAM,QAA0B,KAAO,CAAE,KAAAE,CAAK,GAAI,CAACA,CAAI,CAAC,EACtE,OACEF,EAAA,cAACC,EAAgB,SAAhB,CAAyB,MAAOe,CAAAA,EAC9BR,CACH,CAEJ,EAIMS,EAAWjB,EAAM,WACrB,CAAC,CAAE,KAAAE,EAAO,KAAM,GAAGO,CAAK,EAAGS,IAEvBlB,EAAA,cAACe,GAAiB,KAAMb,CAAAA,EACtBF,EAAA,cAACc,EAAW,CAAA,IAAKI,EAAK,KAAMhB,EAAO,GAAGO,CAAAA,CAAM,CAC9C,CAGN,EAEaU,EAAO,OAAO,OAAOF,EAAU,CAC1C,QAASV,EACT,KAAMV,CACR,CAAC,EAEDoB,EAAS,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{ComboboxInput as d}from"@reach/combobox";import*as e from"react";import{styled as n}from"../../styled.js";const o=n(d,{base:["bg-white","bg-(image:--bg-chevron)","bg-position-[right_--spacing(3)_top_50%,0_0]","[background-repeat:no-repeat,repeat-x]","bg-size-[--spacing(5)_auto,100%]","shadow-none","appearance-none","border","border-grey-700","rounded-md","box-border","text-grey-1000","cursor-text","block","font-body","h-10","pl-3","pr-10","transition-all","duration-100","ease-out","w-full","placeholder:opacity-100","placeholder:text-grey-700","focus-within:border-primary-800","focus-within:outline-none","disabled:bg-grey-200","disabled:cursor-not-allowed","disabled:text-grey-800"],variants:{size:{sm:["h-8","text-sm
|
|
1
|
+
import{ComboboxInput as d}from"@reach/combobox";import*as e from"react";import{styled as n}from"../../styled.js";const o=n(d,{base:["bg-white","bg-(image:--bg-chevron)","bg-position-[right_--spacing(3)_top_50%,0_0]","[background-repeat:no-repeat,repeat-x]","bg-size-[--spacing(5)_auto,100%]","shadow-none","appearance-none","border","border-grey-700","rounded-md","box-border","text-grey-1000","cursor-text","block","font-body","h-10","pl-3","pr-10","transition-all","duration-100","ease-out","w-full","placeholder:opacity-100","placeholder:text-grey-700","focus-within:border-primary-800","focus-within:outline-none","disabled:bg-grey-200","disabled:cursor-not-allowed","disabled:text-grey-800"],variants:{size:{sm:["h-8","text-sm","leading-[1.7]"],md:["h-10","text-md","leading-loose"],lg:["h-12","text-md","leading-loose"]},state:{error:["border","border-danger"]}}}),i=e.forwardRef(({size:r="md",...t},a)=>e.createElement(o,{size:r,...t,ref:a}));export{i as ComboboxInput,o as StyledComboboxInput};
|
|
2
2
|
//# sourceMappingURL=ComboboxInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxInput.js","sources":["../../../src/components/combobox/ComboboxInput.tsx"],"sourcesContent":["import { ComboboxInput as BaseComboboxInput } from '@reach/combobox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledComboboxInput = styled(BaseComboboxInput, {\n base: [\n 'bg-white',\n 'bg-(image:--bg-chevron)',\n 'bg-position-[right_--spacing(3)_top_50%,0_0]',\n '[background-repeat:no-repeat,repeat-x]',\n 'bg-size-[--spacing(5)_auto,100%]',\n 'shadow-none',\n 'appearance-none',\n 'border',\n 'border-grey-700',\n 'rounded-md',\n 'box-border',\n 'text-grey-1000',\n 'cursor-text',\n 'block',\n 'font-body',\n 'h-10',\n 'pl-3',\n 'pr-10',\n 'transition-all',\n 'duration-100',\n 'ease-out',\n 'w-full',\n 'placeholder:opacity-100',\n 'placeholder:text-grey-700',\n 'focus-within:border-primary-800',\n 'focus-within:outline-none',\n 'disabled:bg-grey-200',\n 'disabled:cursor-not-allowed',\n 'disabled:text-grey-800'\n ],\n\n variants: {\n size: {\n sm: ['h-8', 'text-sm
|
|
1
|
+
{"version":3,"file":"ComboboxInput.js","sources":["../../../src/components/combobox/ComboboxInput.tsx"],"sourcesContent":["import { ComboboxInput as BaseComboboxInput } from '@reach/combobox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledComboboxInput = styled(BaseComboboxInput, {\n base: [\n 'bg-white',\n 'bg-(image:--bg-chevron)',\n 'bg-position-[right_--spacing(3)_top_50%,0_0]',\n '[background-repeat:no-repeat,repeat-x]',\n 'bg-size-[--spacing(5)_auto,100%]',\n 'shadow-none',\n 'appearance-none',\n 'border',\n 'border-grey-700',\n 'rounded-md',\n 'box-border',\n 'text-grey-1000',\n 'cursor-text',\n 'block',\n 'font-body',\n 'h-10',\n 'pl-3',\n 'pr-10',\n 'transition-all',\n 'duration-100',\n 'ease-out',\n 'w-full',\n 'placeholder:opacity-100',\n 'placeholder:text-grey-700',\n 'focus-within:border-primary-800',\n 'focus-within:outline-none',\n 'disabled:bg-grey-200',\n 'disabled:cursor-not-allowed',\n 'disabled:text-grey-800'\n ],\n\n variants: {\n size: {\n sm: ['h-8', 'text-sm', 'leading-[1.7]'],\n md: ['h-10', 'text-md', 'leading-loose'],\n lg: ['h-12', 'text-md', 'leading-loose']\n },\n state: {\n error: ['border', 'border-danger']\n }\n }\n})\n\nexport type ComboboxInputProps = React.ComponentProps<\n typeof StyledComboboxInput\n>\n\nexport const ComboboxInput = React.forwardRef<\n HTMLInputElement,\n ComboboxInputProps\n>(({ size = 'md', ...rest }, ref) => (\n <StyledComboboxInput\n size={size as React.ComponentProps<typeof StyledComboboxInput>['size']}\n {...rest}\n ref={ref}\n />\n))\n"],"names":["StyledComboboxInput","styled","BaseComboboxInput","ComboboxInput","React","size","rest","ref"],"mappings":"iHAKO,MAAMA,EAAsBC,EAAOC,EAAmB,CAC3D,KAAM,CACJ,WACA,0BACA,+CACA,yCACA,mCACA,cACA,kBACA,SACA,kBACA,aACA,aACA,iBACA,cACA,QACA,YACA,OACA,OACA,QACA,iBACA,eACA,WACA,SACA,0BACA,4BACA,kCACA,4BACA,uBACA,8BACA,wBACF,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,MAAO,UAAW,eAAe,EACtC,GAAI,CAAC,OAAQ,UAAW,eAAe,EACvC,GAAI,CAAC,OAAQ,UAAW,eAAe,CACzC,EACA,MAAO,CACL,MAAO,CAAC,SAAU,eAAe,CACnC,CACF,CACF,CAAC,EAMYC,EAAgBC,EAAM,WAGjC,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,EAAGC,IAC3BH,EAAA,cAACJ,EACC,CAAA,KAAMK,EACL,GAAGC,EACJ,IAAKC,CAAAA,CACP,CACD"}
|
|
@@ -43,11 +43,11 @@ export declare const EmptyState: {
|
|
|
43
43
|
}) => React.JSX.Element;
|
|
44
44
|
Body: (props: Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
45
45
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
46
|
-
}, "size" | "
|
|
47
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
48
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
46
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
49
47
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
50
48
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
49
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
50
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
as?: React.ElementType;
|
|
53
53
|
}, "as"> & {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
declare const StyledEmptyStateBody: 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"> & {
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import type { Override } from '../../utilities';
|
|
3
3
|
export declare const StyledHeading: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
|
|
4
4
|
ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
|
|
5
|
-
}, "size" | "
|
|
5
|
+
}, "size" | "noCapsize" | "weight"> & {
|
|
6
6
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | "xxl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "xxl">>) | undefined;
|
|
7
7
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
8
8
|
weight?: ("bold" | "medium" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "medium">>) | undefined;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import{styled as
|
|
1
|
+
import*as e from"react";import{styled as s}from"../../styled.js";const a=s("h2",{base:["m-0"],variants:{size:{xs:["font-body","text-md","leading-normal","capsize-[0.3864]"],sm:["font-body","text-lg","leading-[1.14]","capsize-[0.2078]"],md:["font-display","text-xl","leading-[1.14]","tracking-[0.01em]","capsize-before-[0.2114]","capsize-after-[0.2634]"],lg:["font-display","text-2xl","leading-[1.08]","tracking-[0.01em]","capsize-before-[0.1405]","capsize-after-[0.2405]"],xl:["font-display","text-3xl","leading-[1.12]","capsize-before-[0.16]","capsize-after-[0.26]"],xxl:["font-display","text-4xl","leading-none","capsize-before-[0.1]","capsize-after-[0.2]"]},noCapsize:{true:["before:hidden!","after:hidden!"]},weight:{medium:["font-medium"],bold:["font-bold"]}}},{enabledResponsiveVariants:!0}),i=e.forwardRef(({size:t="md",weight:d="bold",...n},o)=>e.createElement(a,{ref:o,size:t,weight:d,...n}));i.displayName="Heading";export{i as Heading,a as StyledHeading};
|
|
2
2
|
//# sourceMappingURL=Heading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities'\n\nexport const StyledHeading = styled(\n 'h2',\n {\n base: ['m-0'],\n variants: {\n size: {\n xs: ['font-body', 'text-md
|
|
1
|
+
{"version":3,"file":"Heading.js","sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities'\n\nexport const StyledHeading = styled(\n 'h2',\n {\n base: ['m-0'],\n variants: {\n size: {\n xs: ['font-body', 'text-md', 'leading-normal', 'capsize-[0.3864]'],\n sm: ['font-body', 'text-lg', 'leading-[1.14]', 'capsize-[0.2078]'],\n md: [\n 'font-display',\n 'text-xl',\n 'leading-[1.14]',\n 'tracking-[0.01em]',\n 'capsize-before-[0.2114]',\n 'capsize-after-[0.2634]'\n ],\n lg: [\n 'font-display',\n 'text-2xl',\n 'leading-[1.08]',\n 'tracking-[0.01em]',\n 'capsize-before-[0.1405]',\n 'capsize-after-[0.2405]'\n ],\n xl: [\n 'font-display',\n 'text-3xl',\n 'leading-[1.12]',\n 'capsize-before-[0.16]',\n 'capsize-after-[0.26]'\n ],\n xxl: [\n 'font-display',\n 'text-4xl',\n 'leading-none',\n 'capsize-before-[0.1]',\n 'capsize-after-[0.2]'\n ]\n },\n noCapsize: {\n true: ['before:hidden!', 'after:hidden!']\n },\n weight: {\n medium: ['font-medium'],\n bold: ['font-bold']\n }\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nexport type HeadingProps = Override<\n React.ComponentProps<typeof StyledHeading>,\n {\n as?:\n | 'h1'\n | 'h2'\n | 'h3'\n | 'h4'\n | 'h5'\n | 'h6'\n | React.ComponentType\n | React.ElementType\n }\n>\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n ({ size = 'md', weight = 'bold', ...remainingProps }, ref) => (\n <StyledHeading ref={ref} size={size} weight={weight} {...remainingProps} />\n )\n)\n\nHeading.displayName = 'Heading'\n"],"names":["StyledHeading","styled","Heading","React","size","weight","remainingProps","ref"],"mappings":"iEAKO,MAAMA,EAAgBC,EAC3B,KACA,CACE,KAAM,CAAC,KAAK,EACZ,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,YAAa,UAAW,iBAAkB,kBAAkB,EACjE,GAAI,CAAC,YAAa,UAAW,iBAAkB,kBAAkB,EACjE,GAAI,CACF,eACA,UACA,iBACA,oBACA,0BACA,wBACF,EACA,GAAI,CACF,eACA,WACA,iBACA,oBACA,0BACA,wBACF,EACA,GAAI,CACF,eACA,WACA,iBACA,wBACA,sBACF,EACA,IAAK,CACH,eACA,WACA,eACA,uBACA,qBACF,CACF,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,EACA,OAAQ,CACN,OAAQ,CAAC,aAAa,EACtB,KAAM,CAAC,WAAW,CACpB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAiBaC,EAAUC,EAAM,WAC3B,CAAC,CAAE,KAAAC,EAAO,KAAM,OAAAC,EAAS,OAAQ,GAAGC,CAAe,EAAGC,IACpDJ,EAAA,cAACH,EAAc,CAAA,IAAKO,EAAK,KAAMH,EAAM,OAAQC,EAAS,GAAGC,CAAgB,CAAA,CAE7E,EAEAJ,EAAQ,YAAc"}
|
|
@@ -19,11 +19,11 @@ export declare const InputBackground: React.ForwardRefExoticComponent<Omit<Omit<
|
|
|
19
19
|
}>;
|
|
20
20
|
declare const StyledInputText: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
21
21
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
22
|
-
}, "size" | "
|
|
23
|
-
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
24
|
-
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
22
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
25
23
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
26
24
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
25
|
+
weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
|
|
26
|
+
family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
|
|
27
27
|
} & {
|
|
28
28
|
as?: React.ElementType;
|
|
29
29
|
}, "as"> & {
|
|
@@ -15,11 +15,11 @@ export declare const KeyboardShortcut: React.ForwardRefExoticComponent<React.HTM
|
|
|
15
15
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
16
16
|
declare const StyledKeyboardShortcutIndicator: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
17
17
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
18
|
-
}, "size" | "
|
|
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;
|
|
18
|
+
}, "size" | "noCapsize" | "weight" | "family"> & {
|
|
21
19
|
size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
|
|
22
20
|
noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
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;
|
|
23
23
|
} & {
|
|
24
24
|
as?: React.ElementType;
|
|
25
25
|
}, "as"> & {
|
|
@@ -13,11 +13,11 @@ export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent
|
|
|
13
13
|
Indicator: {
|
|
14
14
|
(props: Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
15
15
|
ref?: ((instance: HTMLParagraphElement | null) => void) | import("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?: import("react").ElementType;
|
|
23
23
|
}, "as"> & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import{styled as
|
|
1
|
+
import*as e from"react";import{styled as a}from"../../styled.js";const d=a("label",{base:["text-grey-900","font-body","m-0"],variants:{size:{sm:["text-sm","leading-[1.53]","capsize-[0.4056]"],md:["text-md","leading-normal","capsize-[0.3864]"]},type:{block:["block","font-semibold"],inline:["flex","font-normal","max-w-max"]},align:{start:[],center:[]},direction:{reverse:[],row:[]},appearance:{standard:[],modern:[]}},compoundVariants:[{type:"inline",align:"start",class:["items-start"]},{type:"inline",align:"center",class:["items-center"]},{type:"inline",direction:"reverse",class:["flex-row-reverse"]},{type:"inline",direction:"row",class:["flex-row"]},{type:"block",appearance:"modern",class:["font-normal"]}]}),p=a("span",{base:["text-danger","ml-1","font-normal"]}),t=({align:n="start",as:r="label",direction:i="row",size:l="md",type:s="block",children:o,required:c,...m})=>e.createElement(d,{as:r,size:l,type:s,align:n,direction:i,...m},o,c&&e.createElement(p,{"aria-hidden":!0},"*"));t.displayName="Label";export{t as Label};
|
|
2
2
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities/types'\n\
|
|
1
|
+
{"version":3,"file":"Label.js","sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities/types'\n\nconst StyledLabel = styled('label', {\n base: ['text-grey-900', 'font-body', 'm-0'],\n variants: {\n size: {\n sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n md: ['text-md', 'leading-normal', 'capsize-[0.3864]']\n },\n type: {\n block: ['block', 'font-semibold'],\n inline: ['flex', 'font-normal', 'max-w-max']\n },\n align: { start: [], center: [] },\n direction: { reverse: [], row: [] },\n appearance: { standard: [], modern: [] }\n },\n compoundVariants: [\n {\n type: 'inline',\n align: 'start',\n class: ['items-start']\n },\n {\n type: 'inline',\n align: 'center',\n class: ['items-center']\n },\n {\n type: 'inline',\n direction: 'reverse',\n class: ['flex-row-reverse']\n },\n {\n type: 'inline',\n direction: 'row',\n class: ['flex-row']\n },\n {\n type: 'block',\n appearance: 'modern',\n class: ['font-normal']\n }\n ]\n})\n\nconst StyledAsterisk = styled('span', {\n base: ['text-danger', 'ml-1', 'font-normal']\n})\n\nexport type LabelProps = Override<\n React.ComponentPropsWithoutRef<typeof StyledLabel>,\n {\n as?: 'label' | 'legend'\n required?: boolean\n }\n>\n\nexport const Label = ({\n align = 'start',\n as = 'label',\n direction = 'row',\n size = 'md',\n type = 'block',\n children,\n required,\n ...rest\n}: LabelProps) => (\n <StyledLabel\n as={as}\n size={size}\n type={type}\n align={align}\n direction={direction}\n {...rest}\n >\n {children}\n {required && <StyledAsterisk aria-hidden>*</StyledAsterisk>}\n </StyledLabel>\n)\n\nLabel.displayName = 'Label'\n"],"names":["StyledLabel","styled","StyledAsterisk","Label","align","as","direction","size","type","children","required","rest","React"],"mappings":"iEAKA,MAAMA,EAAcC,EAAO,QAAS,CAClC,KAAM,CAAC,gBAAiB,YAAa,KAAK,EAC1C,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,KAAM,CACJ,MAAO,CAAC,QAAS,eAAe,EAChC,OAAQ,CAAC,OAAQ,cAAe,WAAW,CAC7C,EACA,MAAO,CAAE,MAAO,CAAI,EAAA,OAAQ,CAAA,CAAG,EAC/B,UAAW,CAAE,QAAS,CAAI,EAAA,IAAK,EAAG,EAClC,WAAY,CAAE,SAAU,CAAC,EAAG,OAAQ,CAAA,CAAG,CACzC,EACA,iBAAkB,CAChB,CACE,KAAM,SACN,MAAO,QACP,MAAO,CAAC,aAAa,CACvB,EACA,CACE,KAAM,SACN,MAAO,SACP,MAAO,CAAC,cAAc,CACxB,EACA,CACE,KAAM,SACN,UAAW,UACX,MAAO,CAAC,kBAAkB,CAC5B,EACA,CACE,KAAM,SACN,UAAW,MACX,MAAO,CAAC,UAAU,CACpB,EACA,CACE,KAAM,QACN,WAAY,SACZ,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EAEKC,EAAiBD,EAAO,OAAQ,CACpC,KAAM,CAAC,cAAe,OAAQ,aAAa,CAC7C,CAAC,EAUYE,EAAQ,CAAC,CACpB,MAAAC,EAAQ,QACR,GAAAC,EAAK,QACL,UAAAC,EAAY,MACZ,KAAAC,EAAO,KACP,KAAAC,EAAO,QACP,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACZ,EAAA,CACC,GAAIK,EACJ,KAAME,EACN,KAAMC,EACN,MAAOJ,EACP,UAAWE,EACV,GAAGK,CAEHF,EAAAA,EACAC,GAAYE,EAAA,cAACV,EAAA,CAAe,cAAW,IAAC,GAAC,CAC5C,EAGFC,EAAM,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as n from"react";import{styled as
|
|
1
|
+
import*as n from"react";import{styled as d}from"../../styled.js";import{getExternalAnchorProps as l}from"../../utilities/uri/index.js";const t=d("a",{base:["bg-[unset]","border-[unset]","px-[unset]","py-[unset]","text-primary-800","cursor-pointer","font-body","no-underline","focus:text-primary-900","focus:underline","hover:text-primary-900","hover:underline","active:text-primary-1000","disabled:cursor-not-allowed","disabled:opacity-30","disabled:pointer-events-none","[p_>_&]:after:content-none","[p_>_&]:before:content-none","[p_>_&]:text-[100%]/none","[h1>&]:after:content-none","[h1>&]:before:content-none","[h1>&]:text-[100%]/none","[h2>&]:after:content-none","[h2>&]:before:content-none","[h2>&]:text-[100%]/none","[h3>&]:after:content-none","[h3>&]:before:content-none","[h3>&]:text-[100%]/none","[h4>&]:after:content-none","[h4>&]:before:content-none","[h4>&]:text-[100%]/none","[li>&]:after:content-none","[li>&]:before:content-none","[li>&]:text-[100%]/none","[em>&]:after:content-none","[em>&]:before:content-none","[em>&]:text-[100%]/none"],variants:{size:{xs:["text-xs","leading-[1.6]","capsize-[0.4364]"],sm:["text-sm","leading-[1.53]","capsize-[0.4056]"],md:["text-md","leading-normal","capsize-[0.3864]"],lg:["text-lg","leading-[1.52]","capsize-[0.3983]"],xl:["text-xl","leading-[1.42]","capsize-[0.3506]"]},noCapsize:{true:["before:hidden!","after:hidden!"]}},defaultVariants:{size:"md"}},{enabledResponsiveVariants:!0}),o=n.forwardRef(({as:r,disabled:a,href:e,...i},s)=>n.createElement(t,{as:r||(e?void 0:"button"),noCapsize:e?void 0:!0,href:e,...a&&{disabled:!0},...i,...l(e),ref:s}));o.displayName="Link";export{o as Link,t as StyledLink};
|
|
2
2
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledLink = styled(\n 'a',\n {\n base: [\n 'bg-[unset]',\n 'border-[unset]',\n 'px-[unset]',\n 'py-[unset]',\n 'text-primary-800',\n 'cursor-pointer',\n 'font-body',\n 'no-underline',\n 'focus:text-primary-900',\n 'focus:underline',\n 'hover:text-primary-900',\n 'hover:underline',\n 'active:text-primary-1000',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30',\n 'disabled:pointer-events-none',\n '[p_>_&]:after:content-none',\n '[p_>_&]:before:content-none',\n '[p_>_&]:text-[100%]/none',\n '[h1>&]:after:content-none',\n '[h1>&]:before:content-none',\n '[h1>&]:text-[100%]/none',\n '[h2>&]:after:content-none',\n '[h2>&]:before:content-none',\n '[h2>&]:text-[100%]/none',\n '[h3>&]:after:content-none',\n '[h3>&]:before:content-none',\n '[h3>&]:text-[100%]/none',\n '[h4>&]:after:content-none',\n '[h4>&]:before:content-none',\n '[h4>&]:text-[100%]/none',\n '[li>&]:after:content-none',\n '[li>&]:before:content-none',\n '[li>&]:text-[100%]/none',\n '[em>&]:after:content-none',\n '[em>&]:before:content-none',\n '[em>&]:text-[100%]/none'\n ],\n variants: {\n size: {\n xs: ['text-xs', 'leading-[1.6]', 'capsize-[0.4364]'],\n sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n md: ['text-md', 'leading-normal', 'capsize-[0.3864]'],\n lg: ['text-lg', 'leading-[1.52]', 'capsize-[0.3983]'],\n xl: ['text-xl', 'leading-[1.42]', 'capsize-[0.3506]']\n },\n noCapsize: {\n true: ['before:hidden!', 'after:hidden!']\n }\n },\n defaultVariants: {\n size: 'md'\n }\n },\n { enabledResponsiveVariants: true }\n)\n\ntype LinkProps = Override<\n React.ComponentProps<typeof StyledLink>,\n NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n ({ as, disabled, href, ...rest }, ref) => (\n <StyledLink\n as={as || (!href ? 'button' : undefined)}\n noCapsize={!href ? true : undefined}\n href={href}\n {...(disabled && { disabled: true })}\n {...rest}\n {...getExternalAnchorProps(href)}\n ref={ref as any}\n />\n )\n)\n\nLink.displayName = 'Link'\n"],"names":["StyledLink","styled","Link","React","as","disabled","href","rest","ref","getExternalAnchorProps"],"mappings":"6IAOaA,EAAaC,EACxB,IACA,CACE,KAAM,CACJ,aACA,iBACA,aACA,aACA,mBACA,iBACA,YACA,eACA,yBACA,kBACA,yBACA,kBACA,2BACA,8BACA,sBACA,+BACA,6BACA,8BACA,2BACA,4BACA,6BACA,0BACA,4BACA,6BACA,0BACA,4BACA,6BACA,0BACA,4BACA,6BACA,0BACA,4BACA,6BACA,0BACA,4BACA,6BACA,yBACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,gBAAiB,kBAAkB,EACnD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAOaC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAChCL,EAAA,cAACH,EAAA,CACC,GAAII,IAAQE,EAAkB,OAAX,UACnB,UAAYA,EAAc,OAAP,GACnB,KAAMA,EACL,GAAID,GAAY,CAAE,SAAU,EAAK,EACjC,GAAGE,EACH,GAAGE,EAAuBH,CAAI,EAC/B,IAAKE,CAAAA,CACP,CAEJ,EAEAN,EAAK,YAAc"}
|
|
@@ -7,10 +7,10 @@ export declare const StyledLi: React.ForwardRefExoticComponent<Omit<Omit<React.D
|
|
|
7
7
|
export declare const StyledList: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
|
|
8
8
|
ref?: ((instance: HTMLUListElement | null) => void) | React.RefObject<HTMLUListElement> | null | undefined;
|
|
9
9
|
}, "theme" | "size" | "noCapsize" | "ordered"> & {
|
|
10
|
-
ordered?: boolean | undefined;
|
|
11
|
-
theme?: "primary" | undefined;
|
|
12
10
|
size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
13
11
|
noCapsize?: boolean | undefined;
|
|
12
|
+
ordered?: boolean | undefined;
|
|
13
|
+
theme?: "primary" | undefined;
|
|
14
14
|
} & {
|
|
15
15
|
as?: React.ElementType;
|
|
16
16
|
}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as i from"react";import{styled as t}from"../../styled.js";const s=t("li",{base:["last:mb-0","not-last:mb-2"]}),l=t("ul",{base:["list-inside","font-body"],variants:{size:{xs:["text-xs","leading-[1.6]","capsize-[0.4364]"],sm:["text-sm","leading-[1.53]","capsize-[0.4056]"],md:["text-md","leading-normal","capsize-[0.3864]"],lg:["text-lg","leading-[1.52]","capsize-[0.3983]"],xl:["text-xl","leading-[1.42]","capsize-[0.3506]"]},noCapsize:{true:["before:hidden!","after:hidden!"]},ordered:{true:["pl-4","list-decimal","[&_>_li]:pl-1"],false:["pl-3","list-disc","[&_>_li]:pl-2"]},theme:{primary:["marker:text-primary-800"]}}}),a=i.forwardRef(({size:r="md",noCapsize:d=!0,ordered:e=!1,...m},o)=>i.createElement(l,{ref:o,as:e?"ol":"ul",ordered:e,size:r,noCapsize:d,...m}));a.Item=s;export{a as List,s as StyledLi,l as StyledList};
|
|
2
2
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledLi = styled('li', {\n base: ['last:mb-0', 'not-last:mb-2']\n})\n\nexport const StyledList = styled('ul', {\n base: ['list-inside', 'font-body'],\n variants: {\n size: {\n xs: ['text-xs', 'leading-[1.6]', 'capsize-[0.4364]'],\n sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n md: ['text-md', 'leading-normal', 'capsize-[0.3864]'],\n lg: ['text-lg', 'leading-[1.52]', 'capsize-[0.3983]'],\n xl: ['text-xl', 'leading-[1.42]', 'capsize-[0.3506]']\n },\n noCapsize: {\n true: ['before:hidden!', 'after:hidden!']\n },\n ordered: {\n true: ['pl-4', 'list-decimal', '[&_>_li]:pl-1'],\n false: ['pl-3', 'list-disc', '[&_>_li]:pl-2']\n },\n theme: {\n primary: ['marker:text-primary-800']\n }\n }\n})\n\ntype ListProps = React.ComponentProps<typeof StyledList> & {\n ordered?: boolean\n}\n\ntype ListType = ReturnType<\n typeof React.forwardRef<HTMLUListElement, ListProps>\n> & {\n Item: typeof StyledLi\n}\n\nexport const List = React.forwardRef<HTMLUListElement, ListProps>(\n (\n { size = 'md', noCapsize = true, ordered = false, ...remainingProps },\n ref\n ) => (\n <StyledList\n ref={ref}\n as={ordered ? 'ol' : 'ul'}\n ordered={ordered}\n size={size}\n noCapsize={noCapsize}\n {...remainingProps}\n />\n )\n) as ListType\n\nList.Item = StyledLi\n"],"names":["StyledLi","styled","StyledList","List","React","size","noCapsize","ordered","remainingProps","ref"],"mappings":"iEAIa,MAAAA,EAAWC,EAAO,KAAM,CACnC,KAAM,CAAC,YAAa,eAAe,CACrC,CAAC,EAEYC,EAAaD,EAAO,KAAM,CACrC,KAAM,CAAC,cAAe,WAAW,EACjC,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,gBAAiB,kBAAkB,EACnD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,EACA,QAAS,CACP,KAAM,CAAC,OAAQ,eAAgB,eAAe,EAC9C,MAAO,CAAC,OAAQ,YAAa,eAAe,CAC9C,EACA,MAAO,CACL,QAAS,CAAC,yBAAyB,CACrC,CACF,CACF,CAAC,EAYYE,EAAOC,EAAM,WACxB,CACE,CAAE,KAAAC,EAAO,KAAM,UAAAC,EAAY,GAAM,QAAAC,EAAU,GAAO,GAAGC,CAAe,EACpEC,IAEAL,EAAA,cAACF,EACC,CAAA,IAAKO,EACL,GAAIF,EAAU,KAAO,KACrB,QAASA,EACT,KAAMF,EACN,UAAWC,EACV,GAAGE,CAAAA,CACN,CAEJ,EAEAL,EAAK,KAAOH"}
|
|
@@ -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"> & {
|
|
@@ -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"> & {
|
|
@@ -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,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"> & {
|
|
@@ -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"> & {
|