braid-design-system 32.16.0 → 32.16.2

package/dist/index.mjs

@@ -1,49 +1,168 @@
-import { BraidProvider, makeLinkComponent } from "./side-effects/lib/components/BraidProvider/BraidProvider.mjs";
-import { BraidPortal, TooltipRenderer, useThemeName } from "./styles/lib/components/TooltipRenderer/TooltipRenderer.mjs";
-import { Actions, Badge, BoxRenderer, ButtonLink, Card, Checkbox, CheckboxStandalone, Dialog, Disclosure, Drawer, MenuItem, MenuItemLink, Notice, PasswordField, Radio, RadioGroup, RadioItem, TabPanels, TextField, TextLinkButton, ThemeNameConsumer, ToastProvider, filterSuggestions, useBreakpoint, useColor, useToast } from "./styles/lib/components/private/Placeholder/Placeholder.mjs";
-import { Tab, TabsProvider, useSpace } from "./styles/lib/components/Tabs/Tab.mjs";
-import { Autosuggest, useResponsiveValue } from "./styles/lib/components/Autosuggest/Autosuggest.mjs";
-import { Accordion } from "./styles/lib/components/Accordion/Accordion.mjs";
-import { AccordionItem, IconAdd, IconBookmark, IconCaution, IconClear, IconCompany, IconCompose, IconCopy, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconFilter, IconFlag, IconGrid, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconInfo, IconInvoice, IconLanguage, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconRecommended, IconRefresh, IconResume, IconSearch, IconSecurity, IconSend, IconSent, IconSettings, IconShare, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTwitter, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconTick, IconTime, IconTip, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Text } from "./styles/lib/components/Accordion/AccordionItem.mjs";
-import { Alert } from "./styles/lib/components/Alert/Alert.mjs";
-import { Bleed, Button } from "./styles/lib/components/Button/Button.mjs";
-import { PublicBox } from "./styles/lib/components/Box/Box.mjs";
-import { ButtonIcon } from "./styles/lib/components/ButtonIcon/ButtonIcon.mjs";
-import { Column } from "./styles/lib/components/Column/Column.mjs";
-import { Columns } from "./styles/lib/components/Columns/Columns.mjs";
-import { ContentBlock } from "./styles/lib/components/ContentBlock/ContentBlock.mjs";
-import { Divider } from "./styles/lib/components/Divider/Divider.mjs";
-import { Dropdown } from "./styles/lib/components/Dropdown/Dropdown.mjs";
-import { FieldLabel, FieldMessage, MonthPicker } from "./styles/lib/components/MonthPicker/MonthPicker.mjs";
-import { Heading } from "./styles/lib/components/Heading/Heading.mjs";
-import { Hidden } from "./styles/lib/components/Hidden/Hidden.mjs";
-import { HiddenVisually } from "./styles/lib/components/HiddenVisually/HiddenVisually.mjs";
-import { IconRenderer } from "./styles/lib/components/icons/IconRenderer.mjs";
-import { Link, Pagination } from "./styles/lib/components/Pagination/Pagination.mjs";
-import { List } from "./styles/lib/components/List/List.mjs";
-import { Loader } from "./styles/lib/components/Loader/Loader.mjs";
-import { MenuItemDivider, MenuRenderer } from "./styles/lib/components/MenuRenderer/MenuRenderer.mjs";
-import { MenuItemCheckbox } from "./styles/lib/components/MenuItemCheckbox/MenuItemCheckbox.mjs";
-import { OverflowMenu } from "./styles/lib/components/OverflowMenu/OverflowMenu.mjs";
-import { PageBlock } from "./styles/lib/components/private/Modal/ModalContent.mjs";
-import { Page } from "./styles/lib/components/Page/Page.mjs";
-import { Rating } from "./styles/lib/components/Rating/Rating.mjs";
-import { Secondary } from "./styles/lib/components/Secondary/Secondary.mjs";
-import { Stack } from "./styles/lib/components/Stack/Stack.mjs";
-import { Step } from "./styles/lib/components/Stepper/Step.mjs";
-import { Stepper } from "./styles/lib/components/Stepper/Stepper.mjs";
-import { Strong } from "./styles/lib/components/Strong/Strong.mjs";
-import { Tabs } from "./styles/lib/components/Tabs/Tabs.mjs";
-import { TabPanel } from "./styles/lib/components/Tabs/TabPanel.mjs";
-import { Tag } from "./styles/lib/components/Tag/Tag.mjs";
-import { Textarea } from "./styles/lib/components/Textarea/Textarea.mjs";
-import { TextDropdown } from "./styles/lib/components/TextDropdown/TextDropdown.mjs";
-import { TextLink } from "./styles/lib/components/TextLink/TextLink.mjs";
-import { Tiles } from "./styles/lib/components/Tiles/Tiles.mjs";
-import { Toggle } from "./styles/lib/components/Toggle/Toggle.mjs";
-import { IconArrow } from "./styles/lib/components/icons/IconArrow/IconArrow.mjs";
-import { IconChevron } from "./styles/lib/components/icons/IconChevron/IconChevron.mjs";
-import { IconThumb } from "./styles/lib/components/icons/IconThumb/IconThumb.mjs";
+import { BraidProvider, makeLinkComponent } from "./lib/components/BraidProvider/BraidProvider.mjs";
+import { BraidPortal } from "./lib/components/BraidPortal/BraidPortal.mjs";
+import { ThemeNameConsumer } from "./lib/components/ThemeNameConsumer/ThemeNameConsumer.mjs";
+import { useThemeName } from "./lib/components/useThemeName/useThemeName.mjs";
+import { useSpace } from "./lib/components/useSpace/useSpace.mjs";
+import { useColor } from "./lib/components/useColor/useColor.mjs";
+import { useBreakpoint } from "./lib/components/useBreakpoint/useBreakpoint.mjs";
+import { useResponsiveValue } from "./lib/components/useResponsiveValue/useResponsiveValue.mjs";
+import { Accordion } from "./lib/components/Accordion/Accordion.mjs";
+import { AccordionItem } from "./lib/components/Accordion/AccordionItem.mjs";
+import { Actions } from "./lib/components/Actions/Actions.mjs";
+import { Alert } from "./lib/components/Alert/Alert.mjs";
+import { Autosuggest } from "./lib/components/Autosuggest/Autosuggest.mjs";
+import { filterSuggestions } from "./lib/components/Autosuggest/filterSuggestions.mjs";
+import { Badge } from "./lib/components/Badge/Badge.mjs";
+import { Bleed } from "./lib/components/Bleed/Bleed.mjs";
+import { PublicBox } from "./lib/components/Box/Box.mjs";
+import { BoxRenderer } from "./lib/components/Box/BoxRenderer.mjs";
+import { Button } from "./lib/components/Button/Button.mjs";
+import { ButtonIcon } from "./lib/components/ButtonIcon/ButtonIcon.mjs";
+import { ButtonLink } from "./lib/components/ButtonLink/ButtonLink.mjs";
+import { Card } from "./lib/components/Card/Card.mjs";
+import { Checkbox } from "./lib/components/Checkbox/Checkbox.mjs";
+import { CheckboxStandalone } from "./lib/components/Checkbox/CheckboxStandalone.mjs";
+import { Column } from "./lib/components/Column/Column.mjs";
+import { Columns } from "./lib/components/Columns/Columns.mjs";
+import { ContentBlock } from "./lib/components/ContentBlock/ContentBlock.mjs";
+import { Dialog } from "./lib/components/Dialog/Dialog.mjs";
+import { Disclosure } from "./lib/components/Disclosure/Disclosure.mjs";
+import { Divider } from "./lib/components/Divider/Divider.mjs";
+import { Drawer } from "./lib/components/Drawer/Drawer.mjs";
+import { Dropdown } from "./lib/components/Dropdown/Dropdown.mjs";
+import { FieldLabel } from "./lib/components/FieldLabel/FieldLabel.mjs";
+import { FieldMessage } from "./lib/components/FieldMessage/FieldMessage.mjs";
+import { Heading } from "./lib/components/Heading/Heading.mjs";
+import { Hidden } from "./lib/components/Hidden/Hidden.mjs";
+import { HiddenVisually } from "./lib/components/HiddenVisually/HiddenVisually.mjs";
+import { IconRenderer } from "./lib/components/icons/IconRenderer.mjs";
+import { Inline } from "./lib/components/Inline/Inline.mjs";
+import { Link } from "./lib/components/Link/Link.mjs";
+import { List } from "./lib/components/List/List.mjs";
+import { Loader } from "./lib/components/Loader/Loader.mjs";
+import { MenuRenderer } from "./lib/components/MenuRenderer/MenuRenderer.mjs";
+import { MenuItem } from "./lib/components/MenuItem/MenuItem.mjs";
+import { MenuItemCheckbox } from "./lib/components/MenuItemCheckbox/MenuItemCheckbox.mjs";
+import { MenuItemDivider } from "./lib/components/MenuItemDivider/MenuItemDivider.mjs";
+import { MenuItemLink } from "./lib/components/MenuItem/MenuItemLink.mjs";
+import { OverflowMenu } from "./lib/components/OverflowMenu/OverflowMenu.mjs";
+import { MonthPicker } from "./lib/components/MonthPicker/MonthPicker.mjs";
+import { Notice } from "./lib/components/Notice/Notice.mjs";
+import { PageBlock } from "./lib/components/PageBlock/PageBlock.mjs";
+import { Page } from "./lib/components/Page/Page.mjs";
+import { Pagination } from "./lib/components/Pagination/Pagination.mjs";
+import { PasswordField } from "./lib/components/PasswordField/PasswordField.mjs";
+import { Radio } from "./lib/components/Radio/Radio.mjs";
+import { RadioGroup } from "./lib/components/RadioGroup/RadioGroup.mjs";
+import { RadioItem } from "./lib/components/RadioGroup/RadioItem.mjs";
+import { Rating } from "./lib/components/Rating/Rating.mjs";
+import { Secondary } from "./lib/components/Secondary/Secondary.mjs";
+import { Stack } from "./lib/components/Stack/Stack.mjs";
+import { Step } from "./lib/components/Stepper/Step.mjs";
+import { Stepper } from "./lib/components/Stepper/Stepper.mjs";
+import { Strong } from "./lib/components/Strong/Strong.mjs";
+import { Tab } from "./lib/components/Tabs/Tab.mjs";
+import { TabsProvider } from "./lib/components/Tabs/TabsProvider.mjs";
+import { Tabs } from "./lib/components/Tabs/Tabs.mjs";
+import { TabPanels } from "./lib/components/Tabs/TabPanels.mjs";
+import { TabPanel } from "./lib/components/Tabs/TabPanel.mjs";
+import { Tag } from "./lib/components/Tag/Tag.mjs";
+import { Text } from "./lib/components/Text/Text.mjs";
+import { Textarea } from "./lib/components/Textarea/Textarea.mjs";
+import { TextDropdown } from "./lib/components/TextDropdown/TextDropdown.mjs";
+import { TextField } from "./lib/components/TextField/TextField.mjs";
+import { TextLink } from "./lib/components/TextLink/TextLink.mjs";
+import { TextLinkButton } from "./lib/components/TextLinkButton/TextLinkButton.mjs";
+import { Tiles } from "./lib/components/Tiles/Tiles.mjs";
+import { Toggle } from "./lib/components/Toggle/Toggle.mjs";
+import { ToastProvider, useToast } from "./lib/components/useToast/ToastContext.mjs";
+import { TooltipRenderer } from "./lib/components/TooltipRenderer/TooltipRenderer.mjs";
+import { IconAdd } from "./lib/components/icons/IconAdd/IconAdd.mjs";
+import { IconArrow } from "./lib/components/icons/IconArrow/IconArrow.mjs";
+import { IconBookmark } from "./lib/components/icons/IconBookmark/IconBookmark.mjs";
+import { IconCaution } from "./lib/components/icons/IconCaution/IconCaution.mjs";
+import { IconChevron } from "./lib/components/icons/IconChevron/IconChevron.mjs";
+import { IconClear } from "./lib/components/icons/IconClear/IconClear.mjs";
+import { IconCompany } from "./lib/components/icons/IconCompany/IconCompany.mjs";
+import { IconCompose } from "./lib/components/icons/IconCompose/IconCompose.mjs";
+import { IconCopy } from "./lib/components/icons/IconCopy/IconCopy.mjs";
+import { IconCreditCard } from "./lib/components/icons/IconCreditCard/IconCreditCard.mjs";
+import { IconCritical } from "./lib/components/icons/IconCritical/IconCritical.mjs";
+import { IconDate } from "./lib/components/icons/IconDate/IconDate.mjs";
+import { IconDelete } from "./lib/components/icons/IconDelete/IconDelete.mjs";
+import { IconDesktop } from "./lib/components/icons/IconDesktop/IconDesktop.mjs";
+import { IconDocument } from "./lib/components/icons/IconDocument/IconDocument.mjs";
+import { IconDocumentBroken } from "./lib/components/icons/IconDocumentBroken/IconDocumentBroken.mjs";
+import { IconDownload } from "./lib/components/icons/IconDownload/IconDownload.mjs";
+import { IconEdit } from "./lib/components/icons/IconEdit/IconEdit.mjs";
+import { IconEducation } from "./lib/components/icons/IconEducation/IconEducation.mjs";
+import { IconEnlarge } from "./lib/components/icons/IconEnlarge/IconEnlarge.mjs";
+import { IconFilter } from "./lib/components/icons/IconFilter/IconFilter.mjs";
+import { IconFlag } from "./lib/components/icons/IconFlag/IconFlag.mjs";
+import { IconGrid } from "./lib/components/icons/IconGrid/IconGrid.mjs";
+import { IconHeart } from "./lib/components/icons/IconHeart/IconHeart.mjs";
+import { IconHelp } from "./lib/components/icons/IconHelp/IconHelp.mjs";
+import { IconHistory } from "./lib/components/icons/IconHistory/IconHistory.mjs";
+import { IconHome } from "./lib/components/icons/IconHome/IconHome.mjs";
+import { IconImage } from "./lib/components/icons/IconImage/IconImage.mjs";
+import { IconInfo } from "./lib/components/icons/IconInfo/IconInfo.mjs";
+import { IconInvoice } from "./lib/components/icons/IconInvoice/IconInvoice.mjs";
+import { IconLanguage } from "./lib/components/icons/IconLanguage/IconLanguage.mjs";
+import { IconLink } from "./lib/components/icons/IconLink/IconLink.mjs";
+import { IconLinkBroken } from "./lib/components/icons/IconLinkBroken/IconLinkBroken.mjs";
+import { IconList } from "./lib/components/icons/IconList/IconList.mjs";
+import { IconLocation } from "./lib/components/icons/IconLocation/IconLocation.mjs";
+import { IconMail } from "./lib/components/icons/IconMail/IconMail.mjs";
+import { IconMessage } from "./lib/components/icons/IconMessage/IconMessage.mjs";
+import { IconMinus } from "./lib/components/icons/IconMinus/IconMinus.mjs";
+import { IconMobile } from "./lib/components/icons/IconMobile/IconMobile.mjs";
+import { IconMoney } from "./lib/components/icons/IconMoney/IconMoney.mjs";
+import { IconNewWindow } from "./lib/components/icons/IconNewWindow/IconNewWindow.mjs";
+import { IconNote } from "./lib/components/icons/IconNote/IconNote.mjs";
+import { IconNotification } from "./lib/components/icons/IconNotification/IconNotification.mjs";
+import { IconOverflow } from "./lib/components/icons/IconOverflow/IconOverflow.mjs";
+import { IconPeople } from "./lib/components/icons/IconPeople/IconPeople.mjs";
+import { IconPersonAdd } from "./lib/components/icons/IconPersonAdd/IconPersonAdd.mjs";
+import { IconPersonVerified } from "./lib/components/icons/IconPersonVerified/IconPersonVerified.mjs";
+import { IconPhone } from "./lib/components/icons/IconPhone/IconPhone.mjs";
+import { IconPlatformAndroid } from "./lib/components/icons/IconPlatformAndroid/IconPlatformAndroid.mjs";
+import { IconPlatformApple } from "./lib/components/icons/IconPlatformApple/IconPlatformApple.mjs";
+import { IconPositive } from "./lib/components/icons/IconPositive/IconPositive.mjs";
+import { IconPrint } from "./lib/components/icons/IconPrint/IconPrint.mjs";
+import { IconProfile } from "./lib/components/icons/IconProfile/IconProfile.mjs";
+import { IconPromote } from "./lib/components/icons/IconPromote/IconPromote.mjs";
+import { IconRecommended } from "./lib/components/icons/IconRecommended/IconRecommended.mjs";
+import { IconRefresh } from "./lib/components/icons/IconRefresh/IconRefresh.mjs";
+import { IconResume } from "./lib/components/icons/IconResume/IconResume.mjs";
+import { IconSearch } from "./lib/components/icons/IconSearch/IconSearch.mjs";
+import { IconSecurity } from "./lib/components/icons/IconSecurity/IconSecurity.mjs";
+import { IconSend } from "./lib/components/icons/IconSend/IconSend.mjs";
+import { IconSent } from "./lib/components/icons/IconSent/IconSent.mjs";
+import { IconSettings } from "./lib/components/icons/IconSettings/IconSettings.mjs";
+import { IconShare } from "./lib/components/icons/IconShare/IconShare.mjs";
+import { IconSocialFacebook } from "./lib/components/icons/IconSocialFacebook/IconSocialFacebook.mjs";
+import { IconSocialGitHub } from "./lib/components/icons/IconSocialGitHub/IconSocialGitHub.mjs";
+import { IconSocialInstagram } from "./lib/components/icons/IconSocialInstagram/IconSocialInstagram.mjs";
+import { IconSocialLinkedIn } from "./lib/components/icons/IconSocialLinkedIn/IconSocialLinkedIn.mjs";
+import { IconSocialMedium } from "./lib/components/icons/IconSocialMedium/IconSocialMedium.mjs";
+import { IconSocialTwitter } from "./lib/components/icons/IconSocialTwitter/IconSocialTwitter.mjs";
+import { IconSocialX } from "./lib/components/icons/IconSocialX/IconSocialX.mjs";
+import { IconSocialYouTube } from "./lib/components/icons/IconSocialYouTube/IconSocialYouTube.mjs";
+import { IconSort } from "./lib/components/icons/IconSort/IconSort.mjs";
+import { IconStar } from "./lib/components/icons/IconStar/IconStar.mjs";
+import { IconStatistics } from "./lib/components/icons/IconStatistics/IconStatistics.mjs";
+import { IconSubCategory } from "./lib/components/icons/IconSubCategory/IconSubCategory.mjs";
+import { IconTag } from "./lib/components/icons/IconTag/IconTag.mjs";
+import { IconThumb } from "./lib/components/icons/IconThumb/IconThumb.mjs";
+import { IconTick } from "./lib/components/icons/IconTick/IconTick.mjs";
+import { IconTime } from "./lib/components/icons/IconTime/IconTime.mjs";
+import { IconTip } from "./lib/components/icons/IconTip/IconTip.mjs";
+import { IconUpload } from "./lib/components/icons/IconUpload/IconUpload.mjs";
+import { IconVideo } from "./lib/components/icons/IconVideo/IconVideo.mjs";
+import { IconVisibility } from "./lib/components/icons/IconVisibility/IconVisibility.mjs";
+import { IconWorkExperience } from "./lib/components/icons/IconWorkExperience/IconWorkExperience.mjs";
+import { IconZoomIn } from "./lib/components/icons/IconZoomIn/IconZoomIn.mjs";
+import { IconZoomOut } from "./lib/components/icons/IconZoomOut/IconZoomOut.mjs";
 export {
   Accordion,
   AccordionItem,

package/dist/lib/color/palette.cjs

@@ -0,0 +1,173 @@
+"use strict";
+const palette = {
+  grey: {
+    900: "#0E131B",
+    800: "#1C2330",
+    700: "#2E3849",
+    600: "#414C63",
+    500: "#5A6881",
+    400: "#838FA5",
+    300: "#ABB3C1",
+    200: "#D2D7DF",
+    100: "#EAECF1",
+    75: "#F3F5F7",
+    50: "#F7F8FB"
+  },
+  seekPink: {
+    900: "#520018",
+    800: "#76002C",
+    700: "#A00043",
+    600: "#C6005B",
+    500: "#E60278",
+    400: "#EE399E",
+    300: "#F470BD",
+    200: "#F8B1DC",
+    100: "#FCD9EF",
+    50: "#FEEFFA"
+  },
+  seekBlue: {
+    900: "#00061B",
+    800: "#020F30",
+    700: "#051A49",
+    600: "#072462",
+    500: "#0D3880",
+    400: "#4166A4",
+    300: "#7795C2",
+    200: "#B6C7E0",
+    100: "#DCE5F2",
+    50: "#F0F6FC"
+  },
+  seekBlueLight: {
+    900: "#081C60",
+    800: "#122F83",
+    700: "#1E47A9",
+    600: "#2A60CD",
+    500: "#4B84E7",
+    400: "#6AA1F3",
+    300: "#99BFF7",
+    200: "#C9DEFA",
+    100: "#E5F0FD",
+    50: "#F0F7FE"
+  },
+  red: {
+    900: "#750606",
+    800: "#941110",
+    700: "#B91E1E",
+    600: "#DC2C2D",
+    500: "#F94344",
+    400: "#FA6D6C",
+    300: "#FB999A",
+    200: "#FDC8C8",
+    100: "#FFE3E2",
+    50: "#FEF3F3"
+  },
+  orange: {
+    900: "#751704",
+    800: "#95290C",
+    700: "#BB4116",
+    600: "#E05821",
+    500: "#FD7532",
+    400: "#FD9C60",
+    300: "#FEBB90",
+    200: "#FEDAC2",
+    100: "#FEEEE1",
+    50: "#FEF9F2"
+  },
+  yellow: {
+    900: "#723D02",
+    800: "#945B07",
+    700: "#B9800D",
+    600: "#DFA414",
+    500: "#FDC221",
+    400: "#FDD651",
+    300: "#FEE384",
+    200: "#FEF0BC",
+    100: "#FEF8DE",
+    50: "#FEFDF1"
+  },
+  green: {
+    900: "#073408",
+    800: "#125113",
+    700: "#1E771D",
+    600: "#289927",
+    500: "#3EB73D",
+    400: "#6ACF6A",
+    300: "#98DE97",
+    200: "#C8EDC8",
+    100: "#E3F7E3",
+    50: "#F4FDF4"
+  },
+  mint: {
+    900: "#043820",
+    800: "#0A5435",
+    700: "#12784F",
+    600: "#199969",
+    500: "#28B888",
+    400: "#59CFA9",
+    300: "#8BDEC5",
+    200: "#C1EDE1",
+    100: "#E2F7F1",
+    50: "#F3FDFB"
+  },
+  cyan: {
+    900: "#053842",
+    800: "#095863",
+    700: "#137D8B",
+    600: "#19A1AF",
+    500: "#28BFCE",
+    400: "#56D3DF",
+    300: "#88E2E9",
+    200: "#BEEFF3",
+    100: "#E1F8FA",
+    50: "#F2FDFD"
+  },
+  blue: {
+    900: "#072254",
+    800: "#123976",
+    700: "#1D559D",
+    600: "#2A71C1",
+    500: "#3E8FE0",
+    400: "#6AB0EA",
+    300: "#98C9F1",
+    200: "#C8E1F7",
+    100: "#E3F2FB",
+    50: "#F4FBFE"
+  },
+  indigo: {
+    900: "#08105F",
+    800: "#152081",
+    700: "#2433A7",
+    600: "#3148C9",
+    500: "#4964E9",
+    400: "#748CF0",
+    300: "#9FB0F5",
+    200: "#CBD5F9",
+    100: "#E6EAFC",
+    50: "#F4F6FE"
+  },
+  violet: {
+    900: "#120C64",
+    800: "#241A83",
+    700: "#392BA7",
+    600: "#503DC9",
+    500: "#6E56E6",
+    400: "#937FEF",
+    300: "#B5A7F4",
+    200: "#D8D0FA",
+    100: "#ECE9FC",
+    50: "#F8F6FE"
+  },
+  purple: {
+    900: "#3E0F65",
+    800: "#5B2084",
+    700: "#7F35A9",
+    600: "#A04BCB",
+    500: "#BE68E8",
+    400: "#D48EF1",
+    300: "#E1B2F5",
+    200: "#F0D6FA",
+    100: "#F9EBFD",
+    50: "#FDF7FE"
+  }
+};
+exports.palette = palette;

package/dist/lib/color/palette.mjs

@@ -0,0 +1,174 @@
+const palette = {
+  grey: {
+    900: "#0E131B",
+    800: "#1C2330",
+    700: "#2E3849",
+    600: "#414C63",
+    500: "#5A6881",
+    400: "#838FA5",
+    300: "#ABB3C1",
+    200: "#D2D7DF",
+    100: "#EAECF1",
+    75: "#F3F5F7",
+    50: "#F7F8FB"
+  },
+  seekPink: {
+    900: "#520018",
+    800: "#76002C",
+    700: "#A00043",
+    600: "#C6005B",
+    500: "#E60278",
+    400: "#EE399E",
+    300: "#F470BD",
+    200: "#F8B1DC",
+    100: "#FCD9EF",
+    50: "#FEEFFA"
+  },
+  seekBlue: {
+    900: "#00061B",
+    800: "#020F30",
+    700: "#051A49",
+    600: "#072462",
+    500: "#0D3880",
+    400: "#4166A4",
+    300: "#7795C2",
+    200: "#B6C7E0",
+    100: "#DCE5F2",
+    50: "#F0F6FC"
+  },
+  seekBlueLight: {
+    900: "#081C60",
+    800: "#122F83",
+    700: "#1E47A9",
+    600: "#2A60CD",
+    500: "#4B84E7",
+    400: "#6AA1F3",
+    300: "#99BFF7",
+    200: "#C9DEFA",
+    100: "#E5F0FD",
+    50: "#F0F7FE"
+  },
+  red: {
+    900: "#750606",
+    800: "#941110",
+    700: "#B91E1E",
+    600: "#DC2C2D",
+    500: "#F94344",
+    400: "#FA6D6C",
+    300: "#FB999A",
+    200: "#FDC8C8",
+    100: "#FFE3E2",
+    50: "#FEF3F3"
+  },
+  orange: {
+    900: "#751704",
+    800: "#95290C",
+    700: "#BB4116",
+    600: "#E05821",
+    500: "#FD7532",
+    400: "#FD9C60",
+    300: "#FEBB90",
+    200: "#FEDAC2",
+    100: "#FEEEE1",
+    50: "#FEF9F2"
+  },
+  yellow: {
+    900: "#723D02",
+    800: "#945B07",
+    700: "#B9800D",
+    600: "#DFA414",
+    500: "#FDC221",
+    400: "#FDD651",
+    300: "#FEE384",
+    200: "#FEF0BC",
+    100: "#FEF8DE",
+    50: "#FEFDF1"
+  },
+  green: {
+    900: "#073408",
+    800: "#125113",
+    700: "#1E771D",
+    600: "#289927",
+    500: "#3EB73D",
+    400: "#6ACF6A",
+    300: "#98DE97",
+    200: "#C8EDC8",
+    100: "#E3F7E3",
+    50: "#F4FDF4"
+  },
+  mint: {
+    900: "#043820",
+    800: "#0A5435",
+    700: "#12784F",
+    600: "#199969",
+    500: "#28B888",
+    400: "#59CFA9",
+    300: "#8BDEC5",
+    200: "#C1EDE1",
+    100: "#E2F7F1",
+    50: "#F3FDFB"
+  },
+  cyan: {
+    900: "#053842",
+    800: "#095863",
+    700: "#137D8B",
+    600: "#19A1AF",
+    500: "#28BFCE",
+    400: "#56D3DF",
+    300: "#88E2E9",
+    200: "#BEEFF3",
+    100: "#E1F8FA",
+    50: "#F2FDFD"
+  },
+  blue: {
+    900: "#072254",
+    800: "#123976",
+    700: "#1D559D",
+    600: "#2A71C1",
+    500: "#3E8FE0",
+    400: "#6AB0EA",
+    300: "#98C9F1",
+    200: "#C8E1F7",
+    100: "#E3F2FB",
+    50: "#F4FBFE"
+  },
+  indigo: {
+    900: "#08105F",
+    800: "#152081",
+    700: "#2433A7",
+    600: "#3148C9",
+    500: "#4964E9",
+    400: "#748CF0",
+    300: "#9FB0F5",
+    200: "#CBD5F9",
+    100: "#E6EAFC",
+    50: "#F4F6FE"
+  },
+  violet: {
+    900: "#120C64",
+    800: "#241A83",
+    700: "#392BA7",
+    600: "#503DC9",
+    500: "#6E56E6",
+    400: "#937FEF",
+    300: "#B5A7F4",
+    200: "#D8D0FA",
+    100: "#ECE9FC",
+    50: "#F8F6FE"
+  },
+  purple: {
+    900: "#3E0F65",
+    800: "#5B2084",
+    700: "#7F35A9",
+    600: "#A04BCB",
+    500: "#BE68E8",
+    400: "#D48EF1",
+    300: "#E1B2F5",
+    200: "#F0D6FA",
+    100: "#F9EBFD",
+    50: "#FDF7FE"
+  }
+};
+export {
+  palette
+};

package/dist/lib/components/Accordion/Accordion.cjs

@@ -0,0 +1,60 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const assert = require("assert");
+const React = require("react");
+const lib_css_atoms_sprinkles_css_cjs = require("../../css/atoms/sprinkles.css.cjs");
+const lib_components_private_buildDataAttributes_cjs = require("../private/buildDataAttributes.cjs");
+const lib_components_Box_Box_cjs = require("../Box/Box.cjs");
+const lib_components_Stack_Stack_cjs = require("../Stack/Stack.cjs");
+const lib_components_Divider_Divider_cjs = require("../Divider/Divider.cjs");
+const lib_components_Accordion_AccordionContext_cjs = require("./AccordionContext.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const assert__default = /* @__PURE__ */ _interopDefaultCompat(assert);
+const validSpaceValues = ["medium", "large", "xlarge"];
+const defaultSpaceForSize = {
+  divided: {
+    xsmall: "medium",
+    small: "medium",
+    standard: "medium",
+    large: "large"
+  },
+  undivided: {
+    xsmall: "large",
+    small: "large",
+    standard: "large",
+    large: "large"
+  }
+};
+const Accordion = ({
+  children,
+  size = "large",
+  tone,
+  weight,
+  space: spaceProp,
+  dividers = true,
+  data,
+  ...restProps
+}) => {
+  assert__default.default(
+    spaceProp === void 0 || Object.values(lib_css_atoms_sprinkles_css_cjs.normalizeResponsiveValue(spaceProp)).every(
+      (value) => value === void 0 || validSpaceValues.includes(value)
+    ),
+    `To ensure adequate space for touch targets, 'space' prop values must be one of the following: ${validSpaceValues.map((x) => `"${x}"`).join(", ")}`
+  );
+  assert__default.default(
+    tone === void 0 || lib_components_Accordion_AccordionContext_cjs.validTones.includes(tone),
+    `The 'tone' prop should be one of the following: ${lib_components_Accordion_AccordionContext_cjs.validTones.map((x) => `"${x}"`).join(", ")}`
+  );
+  const contextValue = React.useMemo(
+    () => ({ size, tone, weight }),
+    [size, tone, weight]
+  );
+  const space = spaceProp ?? defaultSpaceForSize[dividers ? "divided" : "undivided"][size];
+  return /* @__PURE__ */ jsxRuntime.jsx(lib_components_Accordion_AccordionContext_cjs.AccordionContext.Provider, { value: contextValue, children: !dividers ? /* @__PURE__ */ jsxRuntime.jsx(lib_components_Stack_Stack_cjs.Stack, { space, data, children }) : /* @__PURE__ */ jsxRuntime.jsxs(lib_components_Box_Box_cjs.Box, { ...lib_components_private_buildDataAttributes_cjs.buildDataAttributes({ data, validateRestProps: restProps }), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lib_components_Divider_Divider_cjs.Divider, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(lib_components_Box_Box_cjs.Box, { paddingY: space, children: /* @__PURE__ */ jsxRuntime.jsx(lib_components_Stack_Stack_cjs.Stack, { space, dividers: true, children }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(lib_components_Divider_Divider_cjs.Divider, {})
+  ] }) });
+};
+exports.Accordion = Accordion;
+exports.validSpaceValues = validSpaceValues;