@strapi/design-system 0.0.0-599b75fb-test

package/dist/index.js

@@ -0,0 +1,299 @@
+import { Accordion as e, AccordionTypography as t } from "./Accordion/Accordion.js";
+import { AccordionContent as m } from "./Accordion/AccordionContent.js";
+import { AccordionToggle as f } from "./Accordion/AccordionToggle.js";
+import { AccordionGroup as i } from "./Accordion/AccordionGroup.js";
+import { Alert as d } from "./Alert/Alert.js";
+import { Avatar as l, Initials as s } from "./Avatar/Avatar.js";
+import { AvatarGroup as c } from "./Avatar/AvatarGroup.js";
+import { Badge as C } from "./Badge/Badge.js";
+import { BaseButton as v, BaseButtonWrapper as y } from "./BaseButton/BaseButton.js";
+import { BaseCheckbox as B } from "./BaseCheckbox/BaseCheckbox.js";
+import { BaseLink as N } from "./BaseLink/BaseLink.js";
+import { BaseRadio as k } from "./BaseRadio/BaseRadio.js";
+import { RadioGroup as P } from "./BaseRadio/RadioGroup.js";
+import { Box as I } from "./Box/Box.js";
+import { Breadcrumbs as M, Crumb as G } from "./Breadcrumbs/Breadcrumbs.js";
+import { Button as D, ButtonWrapper as H } from "./Button/Button.js";
+import { Card as E } from "./Card/Card.js";
+import { CardAction as V } from "./Card/CardAction.js";
+import { CardAsset as J } from "./Card/CardAsset.js";
+import { CardBadge as U } from "./Card/CardBadge.js";
+import { CardBody as j } from "./Card/CardBody.js";
+import { CardCheckbox as Q } from "./Card/CardCheckbox.js";
+import { CardContent as Y } from "./Card/CardContent.js";
+import { CardHeader as $ } from "./Card/CardHeader.js";
+import { CardTimer as ro } from "./Card/CardTimer.js";
+import { CardSubtitle as to, CardTitle as po } from "./Card/CardTitle.js";
+import { Carousel as xo } from "./CarouselInput/Carousel.js";
+import { CarouselInput as ao } from "./CarouselInput/CarouselInput.js";
+import { CarouselActions as no } from "./CarouselInput/CarouselActions.js";
+import { CarouselImage as lo } from "./CarouselInput/CarouselImage.js";
+import { CarouselSlide as To } from "./CarouselInput/CarouselSlide.js";
+import { Checkbox as bo } from "./Checkbox/Checkbox.js";
+import { Combobox as So, CreatableCombobox as vo } from "./Combobox/Combobox.js";
+import { ComboboxOption as Lo } from "./Combobox/ComboboxOption.js";
+import { Dialog as go } from "./Dialog/Dialog.js";
+import { DialogBody as ho } from "./Dialog/DialogBody.js";
+import { DialogFooter as Fo } from "./Dialog/DialogFooter.js";
+import { DismissibleLayer as Ao } from "./DismissibleLayer/DismissibleLayer.js";
+import { DatePicker as Ro } from "./DatePicker/DatePicker.js";
+import { DateTimePicker as Go } from "./DateTimePicker/DateTimePicker.js";
+import { Divider as Do } from "./Divider/Divider.js";
+import { EmptyStateLayout as Oo } from "./EmptyStateLayout/EmptyStateLayout.js";
+import { Field as Wo } from "./Field/Field.js";
+import { FieldLabel as zo } from "./Field/FieldLabel.js";
+import { FieldInput as Ko, InputWrapper as Uo } from "./Field/FieldInput.js";
+import { FieldHint as jo } from "./Field/FieldHint.js";
+import { FieldError as Qo } from "./Field/FieldError.js";
+import { FieldContext as Yo, useField as Zo } from "./Field/FieldContext.js";
+import { FieldAction as or } from "./Field/FieldAction.js";
+import { FocusTrap as er } from "./FocusTrap/FocusTrap.js";
+import { Grid as pr } from "./Grid/Grid.js";
+import { GridItem as xr } from "./Grid/GridItem.js";
+import { Icon as ar } from "./Icon/Icon.js";
+import { IconButton as nr, IconButtonGroup as dr } from "./IconButton/IconButton.js";
+import { JSONInput as lr } from "./JSONInput/JSONInput.js";
+import { KeyboardNavigable as Tr } from "./KeyboardNavigable/KeyboardNavigable.js";
+import { Layout as br } from "./Layout/Layout.js";
+import { ActionLayout as Sr } from "./Layout/ActionLayout.js";
+import { ContentLayout as yr } from "./Layout/ContentLayout.js";
+import { BaseHeaderLayout as Br, HeaderLayout as gr } from "./Layout/HeaderLayout.js";
+import { TwoColsLayout as hr } from "./Layout/TwoColsLayout.js";
+import { GridLayout as Fr } from "./Layout/GridLayout.js";
+import { Link as Ar } from "./Link/Link.js";
+import { LinkButton as Rr } from "./LinkButton/LinkButton.js";
+import { useNotifyAT as Gr } from "./LiveRegions/useNotifyAT.js";
+import { LiveRegions as Dr } from "./LiveRegions/LiveRegions.js";
+import { Loader as Or } from "./Loader/Loader.js";
+import { Main as Wr } from "./Main/Main.js";
+import { SkipToContent as zr } from "./Main/SkipToContent.js";
+import { MainNav as Kr } from "./MainNav/MainNav.js";
+import { NavBrand as _r } from "./MainNav/NavBrand.js";
+import { NavCondense as qr } from "./MainNav/NavCondense.js";
+import { NavFooter as Xr } from "./MainNav/NavFooter.js";
+import { NavLink as Zr } from "./MainNav/NavLink.js";
+import { NavSection as oe } from "./MainNav/NavSection.js";
+import { NavSections as ee } from "./MainNav/NavSections.js";
+import { NavUser as pe } from "./MainNav/NavUser.js";
+import { ModalLayout as xe } from "./ModalLayout/ModalLayout.js";
+import { ModalHeader as ae } from "./ModalLayout/ModalHeader.js";
+import { ModalFooter as ne } from "./ModalLayout/ModalFooter.js";
+import { ModalBody as ue } from "./ModalLayout/ModalBody.js";
+import { NumberInput as se } from "./NumberInput/NumberInput.js";
+import { Pagination as ce } from "./Pagination/Pagination.js";
+import { Dots as Ce, NextLink as Se, PageLink as ve, PreviousLink as ye } from "./Pagination/components.js";
+import { PopoverPrimitives as Be } from "./Popover/index.js";
+import { Portal as Ne } from "./Portal/Portal.js";
+import { ProgressBar as ke } from "./ProgressBar/ProgressBar.js";
+import { Radio as Pe } from "./Radio/Radio.js";
+import { RawTable as Ie } from "./RawTable/RawTable.js";
+import { RawTd as Me, RawTh as Ge } from "./RawTable/RawCell.js";
+import { RawThead as De } from "./RawTable/RawThead.js";
+import { RawTbody as Oe } from "./RawTable/RawTbody.js";
+import { RawTr as We } from "./RawTable/RawTr.js";
+import { Flex as ze } from "./Flex/Flex.js";
+import { Searchbar as Ke } from "./Searchbar/Searchbar.js";
+import { SearchForm as _e } from "./Searchbar/SearchForm.js";
+import { Select as qe } from "./Select/Select.js";
+import { Option as Xe } from "./Select/Option.js";
+import { OptGroup as Ze } from "./Select/OptGroup.js";
+import { MultiSelectNested as ot } from "./Select/MultiSelectNested.js";
+import { SelectList as et } from "./Select/SelectList.js";
+import { MenuItem as pt, SimpleMenu as mt } from "./SimpleMenu/SimpleMenu.js";
+import { Stack as ft } from "./Stack/Stack.js";
+import { Status as it } from "./Status/Status.js";
+import { SubNav as dt, subNavWidth as ut } from "./SubNav/SubNav.js";
+import { SubNavHeader as st } from "./SubNav/SubNavHeader.js";
+import { SubNavLink as ct } from "./SubNav/SubNavLink.js";
+import { SubNavLinkSection as Ct } from "./SubNav/SubNavLinkSection.js";
+import { SubNavSection as vt } from "./SubNav/SubNavSection.js";
+import { SubNavSections as Lt } from "./SubNav/SubNavSections.js";
+import { Switch as gt } from "./Switch/Switch.js";
+import { Tab as ht, Tabs as kt } from "./Tabs/Tabs.js";
+import { TabPanel as Pt, TabPanels as At } from "./Tabs/TabPanels.js";
+import { TabGroup as Rt } from "./Tabs/TabGroup.js";
+import { Table as Gt } from "./Table/Table.js";
+import { Tbody as Dt } from "./Table/Tbody.js";
+import { Thead as Ot } from "./Table/Thead.js";
+import { Tr as Wt } from "./Table/Tr.js";
+import { Td as zt, Th as Jt } from "./Table/Cell.js";
+import { TFooter as Ut } from "./Table/TFooter.js";
+import { Tag as jt } from "./Tag/Tag.js";
+import { TextButton as Qt } from "./TextButton/TextButton.js";
+import { TextInput as Yt } from "./TextInput/TextInput.js";
+import { Textarea as $t } from "./Textarea/Textarea.js";
+import { ThemeProvider as rp } from "./ThemeProvider/ThemeProvider.js";
+import { useTheme as tp } from "./ThemeProvider/hooks.js";
+import { TimePicker as mp } from "./TimePicker/TimePicker.js";
+import { ToggleCheckbox as fp } from "./ToggleCheckbox/ToggleCheckbox.js";
+import { ToggleInput as ip } from "./ToggleInput/ToggleInput.js";
+import { Tooltip as dp } from "./Tooltip/Tooltip.js";
+import { Typography as lp } from "./Typography/Typography.js";
+import { VisuallyHidden as Tp } from "./VisuallyHidden/VisuallyHidden.js";
+import { lightTheme as bp } from "./themes/lightTheme/index.js";
+import { darkTheme as Sp } from "./themes/darkTheme/index.js";
+import { extendTheme as yp } from "./themes/extendTheme.js";
+import { buttonFocusStyle as Bp, getThemeSize as gp, inputFocusStyle as Np } from "./themes/utils.js";
+import { POPOVER_PLACEMENTS as kp, Popover as Fp } from "./Popover/Popover.js";
+export {
+  e as Accordion,
+  m as AccordionContent,
+  i as AccordionGroup,
+  f as AccordionToggle,
+  t as AccordionTypography,
+  Sr as ActionLayout,
+  d as Alert,
+  l as Avatar,
+  c as AvatarGroup,
+  C as Badge,
+  v as BaseButton,
+  y as BaseButtonWrapper,
+  B as BaseCheckbox,
+  Br as BaseHeaderLayout,
+  N as BaseLink,
+  k as BaseRadio,
+  I as Box,
+  M as Breadcrumbs,
+  D as Button,
+  H as ButtonWrapper,
+  E as Card,
+  V as CardAction,
+  J as CardAsset,
+  U as CardBadge,
+  j as CardBody,
+  Q as CardCheckbox,
+  Y as CardContent,
+  $ as CardHeader,
+  to as CardSubtitle,
+  ro as CardTimer,
+  po as CardTitle,
+  xo as Carousel,
+  no as CarouselActions,
+  lo as CarouselImage,
+  ao as CarouselInput,
+  To as CarouselSlide,
+  bo as Checkbox,
+  So as Combobox,
+  Lo as ComboboxOption,
+  yr as ContentLayout,
+  vo as CreatableCombobox,
+  G as Crumb,
+  Ro as DatePicker,
+  Go as DateTimePicker,
+  go as Dialog,
+  ho as DialogBody,
+  Fo as DialogFooter,
+  Ao as DismissibleLayer,
+  Do as Divider,
+  Ce as Dots,
+  Oo as EmptyStateLayout,
+  Wo as Field,
+  or as FieldAction,
+  Yo as FieldContext,
+  Qo as FieldError,
+  jo as FieldHint,
+  Ko as FieldInput,
+  zo as FieldLabel,
+  ze as Flex,
+  er as FocusTrap,
+  pr as Grid,
+  xr as GridItem,
+  Fr as GridLayout,
+  gr as HeaderLayout,
+  ar as Icon,
+  nr as IconButton,
+  dr as IconButtonGroup,
+  s as Initials,
+  Uo as InputWrapper,
+  lr as JSONInput,
+  Tr as KeyboardNavigable,
+  br as Layout,
+  Ar as Link,
+  Rr as LinkButton,
+  Dr as LiveRegions,
+  Or as Loader,
+  Wr as Main,
+  Kr as MainNav,
+  pt as MenuItem,
+  ue as ModalBody,
+  ne as ModalFooter,
+  ae as ModalHeader,
+  xe as ModalLayout,
+  ot as MultiSelectNested,
+  _r as NavBrand,
+  qr as NavCondense,
+  Xr as NavFooter,
+  Zr as NavLink,
+  oe as NavSection,
+  ee as NavSections,
+  pe as NavUser,
+  Se as NextLink,
+  se as NumberInput,
+  Ze as OptGroup,
+  Xe as Option,
+  kp as POPOVER_PLACEMENTS,
+  ve as PageLink,
+  ce as Pagination,
+  Fp as Popover,
+  Be as PopoverPrimitives,
+  Ne as Portal,
+  ye as PreviousLink,
+  ke as ProgressBar,
+  Pe as Radio,
+  P as RadioGroup,
+  Ie as RawTable,
+  Oe as RawTbody,
+  Me as RawTd,
+  Ge as RawTh,
+  De as RawThead,
+  We as RawTr,
+  _e as SearchForm,
+  Ke as Searchbar,
+  qe as Select,
+  et as SelectList,
+  mt as SimpleMenu,
+  zr as SkipToContent,
+  ft as Stack,
+  it as Status,
+  dt as SubNav,
+  st as SubNavHeader,
+  ct as SubNavLink,
+  Ct as SubNavLinkSection,
+  vt as SubNavSection,
+  Lt as SubNavSections,
+  gt as Switch,
+  Ut as TFooter,
+  ht as Tab,
+  Rt as TabGroup,
+  Pt as TabPanel,
+  At as TabPanels,
+  Gt as Table,
+  kt as Tabs,
+  jt as Tag,
+  Dt as Tbody,
+  zt as Td,
+  Qt as TextButton,
+  Yt as TextInput,
+  $t as Textarea,
+  Jt as Th,
+  Ot as Thead,
+  rp as ThemeProvider,
+  mp as TimePicker,
+  fp as ToggleCheckbox,
+  ip as ToggleInput,
+  dp as Tooltip,
+  Wt as Tr,
+  hr as TwoColsLayout,
+  lp as Typography,
+  Tp as VisuallyHidden,
+  Bp as buttonFocusStyle,
+  Sp as darkTheme,
+  yp as extendTheme,
+  gp as getThemeSize,
+  Np as inputFocusStyle,
+  bp as lightTheme,
+  ut as subNavWidth,
+  Zo as useField,
+  Gr as useNotifyAT,
+  tp as useTheme
+};

package/dist/themes/common-theme.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./sizes.cjs"),s={sizes:e.sizes,zIndices:[5,10,15,20],spaces:["0px","4px","8px","12px","16px","20px","24px","32px","40px","48px","56px","64px"],borderRadius:"4px",mediaQueries:{tablet:`@media (max-width: ${1100/16}rem)`,mobile:`@media (max-width: ${550/16}rem)`},fontSizes:[`${11/16}rem`,`${12/16}rem`,`${14/16}rem`,"1rem",`${18/16}rem`,`${32/16}rem`],lineHeights:[1.14,1.22,1.25,1.33,1.43,1.45,1.5],fontWeights:{regular:400,semiBold:500,bold:600}};exports.commonTheme=s;

package/dist/themes/common-theme.js

@@ -0,0 +1,21 @@
+import { sizes as e } from "./sizes.js";
+const i = {
+  sizes: e,
+  zIndices: [5, 10, 15, 20],
+  spaces: ["0px", "4px", "8px", "12px", "16px", "20px", "24px", "32px", "40px", "48px", "56px", "64px"],
+  borderRadius: "4px",
+  mediaQueries: {
+    tablet: `@media (max-width: ${1100 / 16}rem)`,
+    mobile: `@media (max-width: ${550 / 16}rem)`
+  },
+  fontSizes: [`${11 / 16}rem`, `${12 / 16}rem`, `${14 / 16}rem`, "1rem", `${18 / 16}rem`, `${32 / 16}rem`],
+  lineHeights: [1.14, 1.22, 1.25, 1.33, 1.43, 1.45, 1.5],
+  fontWeights: {
+    regular: 400,
+    semiBold: 500,
+    bold: 600
+  }
+};
+export {
+  i as commonTheme
+};

package/dist/themes/darkTheme/dark-colors.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a={color:{alternative100:"#181826",alternative200:"#4a4a6a",alternative500:"#ac73e6",alternative600:"#ac73e6",alternative700:"#e0c1f4",buttonNeutral0:"#ffffff",buttonPrimary500:"#7b79ff",buttonPrimary600:"#4945ff",danger100:"#181826",danger200:"#4a4a6a",danger500:"#ee5e52",danger600:"#ee5e52",danger700:"#ee5e52",neutral0:"#212134",neutral100:"#181826",neutral1000:"#ffffff",neutral150:"#32324d",neutral200:"#4a4a6a",neutral300:"#666687",neutral400:"#a5a5ba",neutral500:"#c0c0cf",neutral600:"#a5a5ba",neutral700:"#eaeaef",neutral800:"#ffffff",neutral900:"#ffffff",primary100:"#181826",primary200:"#4a4a6a",primary500:"#4945ff",primary600:"#7b79ff",primary700:"#7b79ff",secondary100:"#181826",secondary200:"#4a4a6a",secondary500:"#66b7f1",secondary600:"#66b7f1",secondary700:"#b8e1ff",success100:"#181826",success200:"#4a4a6a",success500:"#5cb176",success600:"#5cb176",success700:"#c6f0c2",warning100:"#181826",warning200:"#4a4a6a",warning500:"#f29d41",warning600:"#f29d41",warning700:"#fae7b9"}};exports.darkColorTokenObject=a;

package/dist/themes/darkTheme/dark-colors.js

@@ -0,0 +1,52 @@
+const a = {
+  color: {
+    alternative100: "#181826",
+    alternative200: "#4a4a6a",
+    alternative500: "#ac73e6",
+    alternative600: "#ac73e6",
+    alternative700: "#e0c1f4",
+    buttonNeutral0: "#ffffff",
+    buttonPrimary500: "#7b79ff",
+    buttonPrimary600: "#4945ff",
+    danger100: "#181826",
+    danger200: "#4a4a6a",
+    danger500: "#ee5e52",
+    danger600: "#ee5e52",
+    danger700: "#ee5e52",
+    neutral0: "#212134",
+    neutral100: "#181826",
+    neutral1000: "#ffffff",
+    neutral150: "#32324d",
+    neutral200: "#4a4a6a",
+    neutral300: "#666687",
+    neutral400: "#a5a5ba",
+    neutral500: "#c0c0cf",
+    neutral600: "#a5a5ba",
+    neutral700: "#eaeaef",
+    neutral800: "#ffffff",
+    neutral900: "#ffffff",
+    primary100: "#181826",
+    primary200: "#4a4a6a",
+    primary500: "#4945ff",
+    primary600: "#7b79ff",
+    primary700: "#7b79ff",
+    secondary100: "#181826",
+    secondary200: "#4a4a6a",
+    secondary500: "#66b7f1",
+    secondary600: "#66b7f1",
+    secondary700: "#b8e1ff",
+    success100: "#181826",
+    success200: "#4a4a6a",
+    success500: "#5cb176",
+    success600: "#5cb176",
+    success700: "#c6f0c2",
+    warning100: "#181826",
+    warning200: "#4a4a6a",
+    warning500: "#f29d41",
+    warning600: "#f29d41",
+    warning700: "#fae7b9"
+  }
+};
+export {
+  a as darkColorTokenObject
+};

package/dist/themes/darkTheme/dark-shadows.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p={shadow:{filterShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",tableShadow:"1px 1px 10px rgba(3, 3, 5, 0.2)"}};exports.darkShadowTokenObject=p;

package/dist/themes/darkTheme/dark-shadows.js

@@ -0,0 +1,12 @@
+const p = {
+  shadow: {
+    filterShadow: "1px 1px 10px rgba(3, 3, 5, 0.35)",
+    focus: "inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",
+    focusShadow: "0px 0px 6px rgba(76, 191, 255, 0.75)",
+    popupShadow: "1px 1px 10px rgba(3, 3, 5, 0.35)",
+    tableShadow: "1px 1px 10px rgba(3, 3, 5, 0.2)"
+  }
+};
+export {
+  p as darkShadowTokenObject
+};

package/dist/themes/darkTheme/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dark-colors.cjs"),o=require("./dark-shadows.cjs"),r=require("../common-theme.cjs"),s={colors:e.darkColorTokenObject.color,shadows:o.darkShadowTokenObject.shadow,...r.commonTheme};exports.darkTheme=s;

package/dist/themes/darkTheme/index.js

@@ -0,0 +1,11 @@
+import { darkColorTokenObject as o } from "./dark-colors.js";
+import { darkShadowTokenObject as r } from "./dark-shadows.js";
+import { commonTheme as m } from "../common-theme.js";
+const c = {
+  colors: o.color,
+  shadows: r.shadow,
+  ...m
+};
+export {
+  c as darkTheme
+};

package/dist/themes/extendTheme.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./lightTheme/index.cjs"),r=require("../helpers/objects.cjs"),n=t=>`
+${t}
+
+The following is an example:
+
+
+import { lightTheme, extendTheme } from '@strapi/design-system';
+
+const myCustomTheme = extendTheme(lightTheme, {
+    ${Object.keys(s.lightTheme).map(e=>`${e}: /* put the overrides for the ${e} key */,`).join(`
+`)}
+})
+`,h=(t,e)=>{if(!r.isObject(t)){const o=n("The first argument should be an object and corresponds to the theme you want to extend.");throw new Error(o)}if(!r.isObject(e)){const o=n("The second argument should be an object and corresponds to the keys of the theme you want to override.");throw new Error(o)}return r.mergeDeep(t??{},e??{})};exports.extendTheme=h;

package/dist/themes/extendTheme.js

@@ -0,0 +1,28 @@
+import { lightTheme as h } from "./lightTheme/index.js";
+import { isObject as r, mergeDeep as m } from "../helpers/objects.js";
+const n = (t) => `
+${t}
+
+The following is an example:
+
+
+import { lightTheme, extendTheme } from '@strapi/design-system';
+
+const myCustomTheme = extendTheme(lightTheme, {
+    ${Object.keys(h).map((e) => `${e}: /* put the overrides for the ${e} key */,`).join(`
+`)}
+})
+`, a = (t, e) => {
+  if (!r(t)) {
+    const o = n("The first argument should be an object and corresponds to the theme you want to extend.");
+    throw new Error(o);
+  }
+  if (!r(e)) {
+    const o = n("The second argument should be an object and corresponds to the keys of the theme you want to override.");
+    throw new Error(o);
+  }
+  return m(t ?? {}, e ?? {});
+};
+export {
+  a as extendTheme
+};

package/dist/themes/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./lightTheme/index.cjs"),i=require("./darkTheme/index.cjs"),u=require("./extendTheme.cjs"),e=require("./utils.cjs");exports.lightTheme=t.lightTheme;exports.darkTheme=i.darkTheme;exports.extendTheme=u.extendTheme;exports.buttonFocusStyle=e.buttonFocusStyle;exports.getThemeSize=e.getThemeSize;exports.inputFocusStyle=e.inputFocusStyle;

package/dist/themes/index.js

@@ -0,0 +1,12 @@
+import { lightTheme as o } from "./lightTheme/index.js";
+import { darkTheme as m } from "./darkTheme/index.js";
+import { extendTheme as p } from "./extendTheme.js";
+import { buttonFocusStyle as f, getThemeSize as u, inputFocusStyle as T } from "./utils.js";
+export {
+  f as buttonFocusStyle,
+  m as darkTheme,
+  p as extendTheme,
+  u as getThemeSize,
+  T as inputFocusStyle,
+  o as lightTheme
+};

package/dist/themes/lightTheme/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./light-colors.cjs"),o=require("./light-shadows.cjs"),t=require("../common-theme.cjs"),s={colors:e.lightColorTokenObject.color,shadows:o.lightShadowTokenObject.shadow,...t.commonTheme};exports.lightTheme=s;

package/dist/themes/lightTheme/index.js

@@ -0,0 +1,11 @@
+import { lightColorTokenObject as o } from "./light-colors.js";
+import { lightShadowTokenObject as m } from "./light-shadows.js";
+import { commonTheme as r } from "../common-theme.js";
+const c = {
+  colors: o.color,
+  shadows: m.shadow,
+  ...r
+};
+export {
+  c as lightTheme
+};

package/dist/themes/lightTheme/light-colors.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={color:{alternative100:"#f6ecfc",alternative200:"#e0c1f4",alternative500:"#ac73e6",alternative600:"#9736e8",alternative700:"#8312d1",buttonNeutral0:"#ffffff",buttonPrimary500:"#7b79ff",buttonPrimary600:"#4945ff",danger100:"#fcecea",danger200:"#f5c0b8",danger500:"#ee5e52",danger600:"#d02b20",danger700:"#b72b1a",neutral0:"#ffffff",neutral100:"#f6f6f9",neutral1000:"#181826",neutral150:"#eaeaef",neutral200:"#dcdce4",neutral300:"#c0c0cf",neutral400:"#a5a5ba",neutral500:"#8e8ea9",neutral600:"#666687",neutral700:"#4a4a6a",neutral800:"#32324d",neutral900:"#212134",primary100:"#f0f0ff",primary200:"#d9d8ff",primary500:"#7b79ff",primary600:"#4945ff",primary700:"#271fe0",secondary100:"#eaf5ff",secondary200:"#b8e1ff",secondary500:"#66b7f1",secondary600:"#0c75af",secondary700:"#006096",success100:"#eafbe7",success200:"#c6f0c2",success500:"#5cb176",success600:"#328048",success700:"#2f6846",warning100:"#fdf4dc",warning200:"#fae7b9",warning500:"#f29d41",warning600:"#d9822f",warning700:"#be5d01"}};exports.lightColorTokenObject=e;

package/dist/themes/lightTheme/light-colors.js

@@ -0,0 +1,52 @@
+const e = {
+  color: {
+    alternative100: "#f6ecfc",
+    alternative200: "#e0c1f4",
+    alternative500: "#ac73e6",
+    alternative600: "#9736e8",
+    alternative700: "#8312d1",
+    buttonNeutral0: "#ffffff",
+    buttonPrimary500: "#7b79ff",
+    buttonPrimary600: "#4945ff",
+    danger100: "#fcecea",
+    danger200: "#f5c0b8",
+    danger500: "#ee5e52",
+    danger600: "#d02b20",
+    danger700: "#b72b1a",
+    neutral0: "#ffffff",
+    neutral100: "#f6f6f9",
+    neutral1000: "#181826",
+    neutral150: "#eaeaef",
+    neutral200: "#dcdce4",
+    neutral300: "#c0c0cf",
+    neutral400: "#a5a5ba",
+    neutral500: "#8e8ea9",
+    neutral600: "#666687",
+    neutral700: "#4a4a6a",
+    neutral800: "#32324d",
+    neutral900: "#212134",
+    primary100: "#f0f0ff",
+    primary200: "#d9d8ff",
+    primary500: "#7b79ff",
+    primary600: "#4945ff",
+    primary700: "#271fe0",
+    secondary100: "#eaf5ff",
+    secondary200: "#b8e1ff",
+    secondary500: "#66b7f1",
+    secondary600: "#0c75af",
+    secondary700: "#006096",
+    success100: "#eafbe7",
+    success200: "#c6f0c2",
+    success500: "#5cb176",
+    success600: "#328048",
+    success700: "#2f6846",
+    warning100: "#fdf4dc",
+    warning200: "#fae7b9",
+    warning500: "#f29d41",
+    warning600: "#d9822f",
+    warning700: "#be5d01"
+  }
+};
+export {
+  e as lightColorTokenObject
+};

package/dist/themes/lightTheme/light-shadows.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p={shadow:{filterShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"0px 2px 15px rgba(33, 33, 52, 0.1)",tableShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)"}};exports.lightShadowTokenObject=p;

package/dist/themes/lightTheme/light-shadows.js

@@ -0,0 +1,12 @@
+const p = {
+  shadow: {
+    filterShadow: "0px 1px 4px rgba(33, 33, 52, 0.1)",
+    focus: "inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",
+    focusShadow: "0px 0px 6px rgba(76, 191, 255, 0.75)",
+    popupShadow: "0px 2px 15px rgba(33, 33, 52, 0.1)",
+    tableShadow: "0px 1px 4px rgba(33, 33, 52, 0.1)"
+  }
+};
+export {
+  p as lightShadowTokenObject
+};

package/dist/themes/sizes.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={input:{S:`${32/16}rem`,M:`${40/16}rem`},accordions:{S:`${48/16}rem`,M:`${88/16}rem`},badge:{S:`${16/16}rem`,M:`${24/16}rem`},button:{S:`${32/16}rem`,M:`${36/16}rem`,L:`${40/16}rem`}};exports.sizes=e;

package/dist/themes/sizes.js

@@ -0,0 +1,22 @@
+const e = {
+  input: {
+    S: `${2}rem`,
+    M: `${2.5}rem`
+  },
+  accordions: {
+    S: `${3}rem`,
+    M: `${5.5}rem`
+  },
+  badge: {
+    S: `${1}rem`,
+    M: `${1.5}rem`
+  },
+  button: {
+    S: `${2}rem`,
+    M: `${2.25}rem`,
+    L: `${2.5}rem`
+  }
+};
+export {
+  e as sizes
+};

package/dist/themes/utils.cjs

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=t=>({theme:o,size:r})=>o.sizes[t][r],i=(t="&")=>({theme:o,hasError:r})=>`
+      outline: none;
+      box-shadow: 0;
+      transition-property: border-color, box-shadow, fill;
+      transition-duration: 0.2s;
+
+      ${t}:focus-within {
+        border: 1px solid ${r?o.colors.danger600:o.colors.primary600};
+        box-shadow: ${r?o.colors.danger600:o.colors.primary600} 0px 0px 0px 2px;
+      }
+    `,n=({theme:t})=>`
+  position: relative;
+  outline: none;
+  
+  &:after {
+    transition-property: all;
+    transition-duration: 0.2s;
+    border-radius: 8px;
+    content: '';
+    position: absolute;
+    top: -4px;
+    bottom: -4px;
+    left: -4px;
+    right: -4px;
+    border: 2px solid transparent;
+  }
+
+  &:focus-visible {
+    outline: none;
+    &:after {
+      border-radius: 8px;
+      content: '';
+      position: absolute;
+      top: -5px;
+      bottom: -5px;
+      left: -5px;
+      right: -5px;
+      border: 2px solid ${t.colors.primary600};
+    }
+  }
+`;exports.buttonFocusStyle=n;exports.getThemeSize=e;exports.inputFocusStyle=i;