braid-design-system 34.9.0 → 34.10.0

package/dist/lib/playroom/snippets.mjs

@@ -6,68 +6,87 @@ import { snippets as snippets$4 } from "./snippets/Avatar.mjs";
 import { snippets as snippets$5 } from "./snippets/Badge.mjs";
 import { snippets as snippets$6 } from "./snippets/Bleed.mjs";
 import { snippets as snippets$7 } from "./snippets/BrandedContainer.mjs";
-import { snippets as snippets$8 } from "./snippets/Button.mjs";
-import { snippets as snippets$9 } from "./snippets/ButtonIcon.mjs";
-import { snippets as snippets$10 } from "./snippets/Card.mjs";
-import { snippets as snippets$11 } from "./snippets/CardList.mjs";
-import { snippets as snippets$12 } from "./snippets/Checkbox.mjs";
-import { snippets as snippets$13 } from "./snippets/Columns.mjs";
-import { snippets as snippets$14 } from "./snippets/CompactPage.mjs";
-import { snippets as snippets$15 } from "./snippets/ContentBlock.mjs";
-import { snippets as snippets$16 } from "./snippets/Dialog.mjs";
-import { snippets as snippets$17 } from "./snippets/Disclosure.mjs";
-import { snippets as snippets$18 } from "./snippets/Divider.mjs";
-import { snippets as snippets$19 } from "./snippets/Drawer.mjs";
-import { snippets as snippets$20 } from "./snippets/Dropdown.mjs";
-import { snippets as snippets$21 } from "./snippets/FieldLabel.mjs";
-import { snippets as snippets$22 } from "./snippets/FieldMessage.mjs";
-import { snippets as snippets$23 } from "./snippets/Heading.mjs";
-import { snippets as snippets$24 } from "./snippets/Inline.mjs";
-import { snippets as snippets$25 } from "./snippets/List.mjs";
-import { snippets as snippets$26 } from "./snippets/Loader.mjs";
-import { snippets as snippets$27 } from "./snippets/MenuRenderer.mjs";
-import { snippets as snippets$28 } from "./snippets/MonthPicker.mjs";
-import { snippets as snippets$29 } from "./snippets/Notice.mjs";
-import { snippets as snippets$30 } from "./snippets/OverflowMenu.mjs";
-import { snippets as snippets$31 } from "./snippets/Page.mjs";
-import { snippets as snippets$32 } from "./snippets/PageBlock.mjs";
-import { snippets as snippets$33 } from "./snippets/Pagination.mjs";
-import { snippets as snippets$34 } from "./snippets/PasswordField.mjs";
-import { snippets as snippets$35 } from "./snippets/RadioGroup.mjs";
-import { snippets as snippets$36 } from "./snippets/Rating.mjs";
-import { snippets as snippets$37 } from "./snippets/Secondary.mjs";
-import { snippets as snippets$38 } from "./snippets/SpaciousPage.mjs";
-import { snippets as snippets$39 } from "./snippets/Spread.mjs";
-import { snippets as snippets$40 } from "./snippets/Stack.mjs";
-import { snippets as snippets$41 } from "./snippets/StandardPage.mjs";
-import { snippets as snippets$42 } from "./snippets/StandardSection.mjs";
-import { snippets as snippets$43 } from "./snippets/Stepper.mjs";
-import { snippets as snippets$44 } from "./snippets/Strong.mjs";
-import { snippets as snippets$45 } from "./snippets/Table.mjs";
-import { snippets as snippets$46 } from "./snippets/Tabs.mjs";
-import { snippets as snippets$47 } from "./snippets/Tag.mjs";
-import { snippets as snippets$48 } from "./snippets/Text.mjs";
-import { snippets as snippets$49 } from "./snippets/TextDropdown.mjs";
-import { snippets as snippets$50 } from "./snippets/TextField.mjs";
-import { snippets as snippets$51 } from "./snippets/TextLink.mjs";
-import { snippets as snippets$52 } from "./snippets/Textarea.mjs";
-import { snippets as snippets$53 } from "./snippets/Tiles.mjs";
-import { snippets as snippets$54 } from "./snippets/Toggle.mjs";
-import { snippets as snippets$55 } from "./snippets/TooltipRenderer.mjs";
+import { snippets as snippets$8 } from "./snippets/BulkActions.mjs";
+import { snippets as snippets$9 } from "./snippets/Button.mjs";
+import { snippets as snippets$10 } from "./snippets/ButtonIcon.mjs";
+import { snippets as snippets$11 } from "./snippets/Card.mjs";
+import { snippets as snippets$12 } from "./snippets/CardList.mjs";
+import { snippets as snippets$13 } from "./snippets/Checkbox.mjs";
+import { snippets as snippets$14 } from "./snippets/Columns.mjs";
+import { snippets as snippets$15 } from "./snippets/CompactPage.mjs";
+import { snippets as snippets$16 } from "./snippets/ContentBlock.mjs";
+import { snippets as snippets$17 } from "./snippets/Dialog.mjs";
+import { snippets as snippets$18 } from "./snippets/Disclosure.mjs";
+import { snippets as snippets$19 } from "./snippets/DividedLists.mjs";
+import { snippets as snippets$20 } from "./snippets/Divider.mjs";
+import { snippets as snippets$21 } from "./snippets/Drawer.mjs";
+import { snippets as snippets$22 } from "./snippets/Dropdown.mjs";
+import { snippets as snippets$23 } from "./snippets/EmptyState.mjs";
+import { snippets as snippets$24 } from "./snippets/ErrorState.mjs";
+import { snippets as snippets$25 } from "./snippets/FieldLabel.mjs";
+import { snippets as snippets$26 } from "./snippets/FieldMessage.mjs";
+import { snippets as snippets$27 } from "./snippets/Forms.mjs";
+import { snippets as snippets$28 } from "./snippets/Heading.mjs";
+import { snippets as snippets$29 } from "./snippets/Inline.mjs";
+import { snippets as snippets$30 } from "./snippets/List.mjs";
+import { snippets as snippets$31 } from "./snippets/Loader.mjs";
+import { snippets as snippets$32 } from "./snippets/MenuRenderer.mjs";
+import { snippets as snippets$33 } from "./snippets/MonthPicker.mjs";
+import { snippets as snippets$34 } from "./snippets/Notice.mjs";
+import { snippets as snippets$35 } from "./snippets/Nudge.mjs";
+import { snippets as snippets$36 } from "./snippets/OverflowMenu.mjs";
+import { snippets as snippets$37 } from "./snippets/Page.mjs";
+import { snippets as snippets$38 } from "./snippets/PageBlock.mjs";
+import { snippets as snippets$39 } from "./snippets/Pagination.mjs";
+import { snippets as snippets$40 } from "./snippets/PasswordField.mjs";
+import { snippets as snippets$41 } from "./snippets/RadioGroup.mjs";
+import { snippets as snippets$42 } from "./snippets/Rating.mjs";
+import { snippets as snippets$43 } from "./snippets/Secondary.mjs";
+import { snippets as snippets$44 } from "./snippets/ServiceOutageBanner.mjs";
+import { snippets as snippets$45 } from "./snippets/SkeletonLoader.mjs";
+import { snippets as snippets$46 } from "./snippets/SocialShare.mjs";
+import { snippets as snippets$47 } from "./snippets/SpaciousPage.mjs";
+import { snippets as snippets$48 } from "./snippets/Spread.mjs";
+import { snippets as snippets$49 } from "./snippets/Stack.mjs";
+import { snippets as snippets$50 } from "./snippets/StandardPage.mjs";
+import { snippets as snippets$51 } from "./snippets/StandardSection.mjs";
+import { snippets as snippets$52 } from "./snippets/Stepper.mjs";
+import { snippets as snippets$53 } from "./snippets/Strong.mjs";
+import { snippets as snippets$54 } from "./snippets/Table.mjs";
+import { snippets as snippets$55 } from "./snippets/Tabs.mjs";
+import { snippets as snippets$56 } from "./snippets/Tag.mjs";
+import { snippets as snippets$57 } from "./snippets/Text.mjs";
+import { snippets as snippets$58 } from "./snippets/TextDropdown.mjs";
+import { snippets as snippets$59 } from "./snippets/TextField.mjs";
+import { snippets as snippets$60 } from "./snippets/TextLink.mjs";
+import { snippets as snippets$61 } from "./snippets/Textarea.mjs";
+import { snippets as snippets$62 } from "./snippets/Tiles.mjs";
+import { snippets as snippets$63 } from "./snippets/Toggle.mjs";
+import { snippets as snippets$64 } from "./snippets/TooltipRenderer.mjs";
 //#region src/lib/playroom/snippets.ts
 const groupOrder = [
 	"Layouts",
 	"Sections",
+	"Patterns",
 	"Components"
 ];
 const allSnippets = [];
 const snippetsMap = {
 	BrandedContainer: snippets$7,
-	CardList: snippets$11,
-	CompactPage: snippets$14,
-	SpaciousPage: snippets$38,
-	StandardPage: snippets$41,
-	StandardSection: snippets$42,
+	CardList: snippets$12,
+	CompactPage: snippets$15,
+	SpaciousPage: snippets$47,
+	StandardPage: snippets$50,
+	StandardSection: snippets$51,
+	BulkActions: snippets$8,
+	DividedLists: snippets$19,
+	EmptyState: snippets$23,
+	ErrorState: snippets$24,
+	Forms: snippets$27,
+	Nudge: snippets$35,
+	ServiceOutageBanner: snippets$44,
+	SkeletonLoader: snippets$45,
+	SocialShare: snippets$46,
 	Accordion: snippets,
 	Actions: snippets$1,
 	Alert: snippets$2,
@@ -75,49 +94,49 @@ const snippetsMap = {
 	Avatar: snippets$4,
 	Badge: snippets$5,
 	Bleed: snippets$6,
-	Button: snippets$8,
-	ButtonIcon: snippets$9,
-	Card: snippets$10,
-	Checkbox: snippets$12,
-	Columns: snippets$13,
-	ContentBlock: snippets$15,
-	Dialog: snippets$16,
-	Disclosure: snippets$17,
-	Divider: snippets$18,
-	Drawer: snippets$19,
-	Dropdown: snippets$20,
-	FieldLabel: snippets$21,
-	FieldMessage: snippets$22,
-	Heading: snippets$23,
-	Inline: snippets$24,
-	List: snippets$25,
-	Loader: snippets$26,
-	MenuRenderer: snippets$27,
-	MonthPicker: snippets$28,
-	Notice: snippets$29,
-	OverflowMenu: snippets$30,
-	Page: snippets$31,
-	PageBlock: snippets$32,
-	Pagination: snippets$33,
-	PasswordField: snippets$34,
-	RadioGroup: snippets$35,
-	Rating: snippets$36,
-	Secondary: snippets$37,
-	Spread: snippets$39,
-	Stack: snippets$40,
-	Stepper: snippets$43,
-	Strong: snippets$44,
-	Table: snippets$45,
-	Tabs: snippets$46,
-	Tag: snippets$47,
-	Text: snippets$48,
-	TextDropdown: snippets$49,
-	TextField: snippets$50,
-	TextLink: snippets$51,
-	Textarea: snippets$52,
-	Tiles: snippets$53,
-	Toggle: snippets$54,
-	TooltipRenderer: snippets$55
+	Button: snippets$9,
+	ButtonIcon: snippets$10,
+	Card: snippets$11,
+	Checkbox: snippets$13,
+	Columns: snippets$14,
+	ContentBlock: snippets$16,
+	Dialog: snippets$17,
+	Disclosure: snippets$18,
+	Divider: snippets$20,
+	Drawer: snippets$21,
+	Dropdown: snippets$22,
+	FieldLabel: snippets$25,
+	FieldMessage: snippets$26,
+	Heading: snippets$28,
+	Inline: snippets$29,
+	List: snippets$30,
+	Loader: snippets$31,
+	MenuRenderer: snippets$32,
+	MonthPicker: snippets$33,
+	Notice: snippets$34,
+	OverflowMenu: snippets$36,
+	Page: snippets$37,
+	PageBlock: snippets$38,
+	Pagination: snippets$39,
+	PasswordField: snippets$40,
+	RadioGroup: snippets$41,
+	Rating: snippets$42,
+	Secondary: snippets$43,
+	Spread: snippets$48,
+	Stack: snippets$49,
+	Stepper: snippets$52,
+	Strong: snippets$53,
+	Table: snippets$54,
+	Tabs: snippets$55,
+	Tag: snippets$56,
+	Text: snippets$57,
+	TextDropdown: snippets$58,
+	TextField: snippets$59,
+	TextLink: snippets$60,
+	Textarea: snippets$61,
+	Tiles: snippets$62,
+	Toggle: snippets$63,
+	TooltipRenderer: snippets$64
 };
 for (const [name, snippets] of Object.entries(snippetsMap)) for (const snippet of snippets) allSnippets.push({
 	...snippet,
@@ -127,7 +146,7 @@ for (const [name, snippets] of Object.entries(snippetsMap)) for (const snippet o
 allSnippets.sort((a, b) => {
 	const aIndex = groupOrder.indexOf(a.group);
 	const bIndex = groupOrder.indexOf(b.group);
-	return (aIndex === -1 ? 3 : aIndex) - (bIndex === -1 ? 3 : bIndex);
+	return (aIndex === -1 ? 4 : aIndex) - (bIndex === -1 ? 4 : bIndex);
 });
 //#endregion
 export { allSnippets as default };

package/dist/playroom/FrameComponent.mjs

@@ -1,2 +1 @@
-import FrameComponent_default from "../lib/playroom/FrameComponent.mjs";
-export { FrameComponent_default as default };
+export { default } from "../lib/playroom/FrameComponent.mjs";

package/dist/playroom/components.d.cts

@@ -198,4 +198,9 @@ import { PlaceholderHeader } from "../lib/playroom/components/PlaceholderHeader/
 import { PlaceholderFooter } from "../lib/playroom/components/PlaceholderFooter/PlaceholderFooter.cjs";
 import { Placeholder } from "../lib/playroom/components/Placeholder/Placeholder.cjs";
 import { BraidPortal, BraidProvider, makeLinkComponent } from "../lib/playroom/components.cjs";
+//#region src/playroom/components.d.ts
+declare global {
+  var __IS_PLAYROOM_ENVIRONMENT__: string;
+}
+//#endregion
 export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Avatar, Badge, Bleed, Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, IconCompanyVerified, IconCompose, IconCopy, IconCoverLetter, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDisallow, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, IconGrid, IconHash, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconImageBroken, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPhotoAdd, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconQR, IconRecommended, IconRedo, IconRefresh, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTiktok, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconTitle, IconUndo, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, Placeholder, PlaceholderFooter, PlaceholderHeader, RadioGroup, RadioItem, Rating, Secondary, Spread, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast };

package/dist/playroom/components.d.mts

@@ -198,4 +198,9 @@ import { PlaceholderHeader } from "../lib/playroom/components/PlaceholderHeader/
 import { PlaceholderFooter } from "../lib/playroom/components/PlaceholderFooter/PlaceholderFooter.mjs";
 import { Placeholder } from "../lib/playroom/components/Placeholder/Placeholder.mjs";
 import { BraidPortal, BraidProvider, makeLinkComponent } from "../lib/playroom/components.mjs";
+//#region src/playroom/components.d.ts
+declare global {
+  var __IS_PLAYROOM_ENVIRONMENT__: string;
+}
+//#endregion
 export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Avatar, Badge, Bleed, Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, IconCompanyVerified, IconCompose, IconCopy, IconCoverLetter, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDisallow, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, IconGrid, IconHash, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconImageBroken, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPhotoAdd, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconQR, IconRecommended, IconRedo, IconRefresh, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTiktok, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconTitle, IconUndo, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, Placeholder, PlaceholderFooter, PlaceholderHeader, RadioGroup, RadioItem, Rating, Secondary, Spread, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast };

package/dist/playroom/scope.mjs

@@ -1,2 +1 @@
-import useScope from "../lib/playroom/useScope.mjs";
-export { useScope as default };
+export { default } from "../lib/playroom/useScope.mjs";

package/dist/playroom/snippets.mjs

@@ -1,2 +1 @@
-import allSnippets from "../lib/playroom/snippets.mjs";
-export { allSnippets as default };
+export { default } from "../lib/playroom/snippets.mjs";

package/dist/test.mjs

@@ -1,2 +1 @@
-import { BraidTestProvider } from "./lib/components/BraidTestProvider/BraidTestProvider.mjs";
-export { BraidTestProvider };
+export { BraidTestProvider } from "./lib/components/BraidTestProvider/BraidTestProvider.mjs";

package/dist/themes/docs.mjs

@@ -1,2 +1 @@
-import docsTheme_css_default from "../lib/themes/docs/docsTheme.css.mjs";
-export { docsTheme_css_default as default };
+export { default } from "../lib/themes/docs/docsTheme.css.mjs";

package/dist/themes/seekBusiness.mjs

@@ -1,2 +1 @@
-import seekBusinessTheme_css_default from "../lib/themes/seekBusiness/seekBusinessTheme.css.mjs";
-export { seekBusinessTheme_css_default as default };
+export { default } from "../lib/themes/seekBusiness/seekBusinessTheme.css.mjs";

package/dist/themes/seekJobs.mjs

@@ -1,2 +1 @@
-import seekJobs_css_default from "../lib/themes/seekJobs/seekJobs.css.mjs";
-export { seekJobs_css_default as default };
+export { default } from "../lib/themes/seekJobs/seekJobs.css.mjs";

package/dist/themes/wireframe.mjs

@@ -1,2 +1 @@
-import wireframeTheme_css_default from "../lib/themes/wireframe/wireframeTheme.css.mjs";
-export { wireframeTheme_css_default as default };
+export { default } from "../lib/themes/wireframe/wireframeTheme.css.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "braid-design-system",
-  "version": "34.9.0",
+  "version": "34.10.0",
   "description": "Themeable design system for the SEEK Group",
   "homepage": "https://seek-oss.github.io/braid-design-system/",
   "bugs": {
@@ -143,7 +143,7 @@
     "@types/autosuggest-highlight": "^3.1.1",
     "@types/babel__core": "^7.20.1",
     "@types/lodash.curry": "^4.1.9",
-    "@types/node": "^22.16.0",
+    "@types/node": "^24.13.3",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@types/sanitize-html": "^2.13.0",
@@ -164,7 +164,8 @@
     "sanitize-html": "^2.12.1",
     "skott": "^0.32.1",
     "storybook": "^10.2.7",
-    "title-case": "^3.0.3"
+    "title-case": "^3.0.3",
+    "tsx": "^4.19.2"
   },
   "peerDependencies": {
     "react": "^18 || ^19",