braid-design-system 32.16.2 → 32.17.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # braid-design-system
 
+## 32.17.0
+
+### Minor Changes
+
+- Update semantic icon assets. ([#1481](https://github.com/seek-oss/braid-design-system/pull/1481))
+
+  `IconCritical`: Move from circle to diamond outline. Increase the visual distinction from `IconInfo`.
+  `IconLanguage`: Move from globe to characters. Better represents the concept of language. Previous asset available as `IconGlobe`.
+
+  **MIGRATION GUIDE**
+
+  As the above are updates to semantics icons, consumers are unaffected if their usage follows the icon's semantic intent.
+  For those choosing the icon based on its visual appearance, please review the usage and consider decoupling from the semantic system icon for safer upgrades.
+
+- Add new icons to the library ([#1481](https://github.com/seek-oss/braid-design-system/pull/1481))
+
+### Patch Changes
+
+- Update Capsize dependencies ([#1477](https://github.com/seek-oss/braid-design-system/pull/1477))
+
+## 32.16.3
+
+### Patch Changes
+
+- Update Capsize dependencies ([#1456](https://github.com/seek-oss/braid-design-system/pull/1456))
+
+- **Checkbox:** Improve tri-state handling ([#1458](https://github.com/seek-oss/braid-design-system/pull/1458))
+
+  Fixes a bug in [tri-state] `Checkbox` where transitioning from `mixed` to `checked` could result in the visual presentation being out of sync with the desired state.
+
+  [tri-state]: https://seek-oss.github.io/braid-design-system/components/Checkbox#tri-state-support
+
 ## 32.16.2
 
 ### Patch Changes

package/README.md

@@ -82,10 +82,6 @@ export const App = () => (
 );
 ```
 
-## Style Guide Migration
-
-If you're migrating from an existing style guide, please refer to the [Style Guide Migration](./docs/Style%20Guide%20Migration.md) guide.
-
 ## Local Development
 
 This project uses [pnpm](https://pnpm.io/) for development dependencies.

package/dist/index.cjs

@@ -79,9 +79,12 @@ const lib_components_Tiles_Tiles_cjs = require("./lib/components/Tiles/Tiles.cjs
 const lib_components_Toggle_Toggle_cjs = require("./lib/components/Toggle/Toggle.cjs");
 const lib_components_useToast_ToastContext_cjs = require("./lib/components/useToast/ToastContext.cjs");
 const lib_components_TooltipRenderer_TooltipRenderer_cjs = require("./lib/components/TooltipRenderer/TooltipRenderer.cjs");
+const lib_components_icons_IconAI_IconAI_cjs = require("./lib/components/icons/IconAI/IconAI.cjs");
 const lib_components_icons_IconAdd_IconAdd_cjs = require("./lib/components/icons/IconAdd/IconAdd.cjs");
 const lib_components_icons_IconArrow_IconArrow_cjs = require("./lib/components/icons/IconArrow/IconArrow.cjs");
 const lib_components_icons_IconBookmark_IconBookmark_cjs = require("./lib/components/icons/IconBookmark/IconBookmark.cjs");
+const lib_components_icons_IconCareer_IconCareer_cjs = require("./lib/components/icons/IconCareer/IconCareer.cjs");
+const lib_components_icons_IconCategory_IconCategory_cjs = require("./lib/components/icons/IconCategory/IconCategory.cjs");
 const lib_components_icons_IconCaution_IconCaution_cjs = require("./lib/components/icons/IconCaution/IconCaution.cjs");
 const lib_components_icons_IconChevron_IconChevron_cjs = require("./lib/components/icons/IconChevron/IconChevron.cjs");
 const lib_components_icons_IconClear_IconClear_cjs = require("./lib/components/icons/IconClear/IconClear.cjs");
@@ -99,8 +102,11 @@ const lib_components_icons_IconDownload_IconDownload_cjs = require("./lib/compon
 const lib_components_icons_IconEdit_IconEdit_cjs = require("./lib/components/icons/IconEdit/IconEdit.cjs");
 const lib_components_icons_IconEducation_IconEducation_cjs = require("./lib/components/icons/IconEducation/IconEducation.cjs");
 const lib_components_icons_IconEnlarge_IconEnlarge_cjs = require("./lib/components/icons/IconEnlarge/IconEnlarge.cjs");
+const lib_components_icons_IconExperience_IconExperience_cjs = require("./lib/components/icons/IconExperience/IconExperience.cjs");
 const lib_components_icons_IconFilter_IconFilter_cjs = require("./lib/components/icons/IconFilter/IconFilter.cjs");
 const lib_components_icons_IconFlag_IconFlag_cjs = require("./lib/components/icons/IconFlag/IconFlag.cjs");
+const lib_components_icons_IconGift_IconGift_cjs = require("./lib/components/icons/IconGift/IconGift.cjs");
+const lib_components_icons_IconGlobe_IconGlobe_cjs = require("./lib/components/icons/IconGlobe/IconGlobe.cjs");
 const lib_components_icons_IconGrid_IconGrid_cjs = require("./lib/components/icons/IconGrid/IconGrid.cjs");
 const lib_components_icons_IconHeart_IconHeart_cjs = require("./lib/components/icons/IconHeart/IconHeart.cjs");
 const lib_components_icons_IconHelp_IconHelp_cjs = require("./lib/components/icons/IconHelp/IconHelp.cjs");
@@ -136,12 +142,15 @@ const lib_components_icons_IconPromote_IconPromote_cjs = require("./lib/componen
 const lib_components_icons_IconRecommended_IconRecommended_cjs = require("./lib/components/icons/IconRecommended/IconRecommended.cjs");
 const lib_components_icons_IconRefresh_IconRefresh_cjs = require("./lib/components/icons/IconRefresh/IconRefresh.cjs");
 const lib_components_icons_IconResume_IconResume_cjs = require("./lib/components/icons/IconResume/IconResume.cjs");
+const lib_components_icons_IconRocket_IconRocket_cjs = require("./lib/components/icons/IconRocket/IconRocket.cjs");
 const lib_components_icons_IconSearch_IconSearch_cjs = require("./lib/components/icons/IconSearch/IconSearch.cjs");
 const lib_components_icons_IconSecurity_IconSecurity_cjs = require("./lib/components/icons/IconSecurity/IconSecurity.cjs");
 const lib_components_icons_IconSend_IconSend_cjs = require("./lib/components/icons/IconSend/IconSend.cjs");
 const lib_components_icons_IconSent_IconSent_cjs = require("./lib/components/icons/IconSent/IconSent.cjs");
+const lib_components_icons_IconSentiment_IconSentiment_cjs = require("./lib/components/icons/IconSentiment/IconSentiment.cjs");
 const lib_components_icons_IconSettings_IconSettings_cjs = require("./lib/components/icons/IconSettings/IconSettings.cjs");
 const lib_components_icons_IconShare_IconShare_cjs = require("./lib/components/icons/IconShare/IconShare.cjs");
+const lib_components_icons_IconSkills_IconSkills_cjs = require("./lib/components/icons/IconSkills/IconSkills.cjs");
 const lib_components_icons_IconSocialFacebook_IconSocialFacebook_cjs = require("./lib/components/icons/IconSocialFacebook/IconSocialFacebook.cjs");
 const lib_components_icons_IconSocialGitHub_IconSocialGitHub_cjs = require("./lib/components/icons/IconSocialGitHub/IconSocialGitHub.cjs");
 const lib_components_icons_IconSocialInstagram_IconSocialInstagram_cjs = require("./lib/components/icons/IconSocialInstagram/IconSocialInstagram.cjs");
@@ -246,9 +255,12 @@ exports.Toggle = lib_components_Toggle_Toggle_cjs.Toggle;
 exports.ToastProvider = lib_components_useToast_ToastContext_cjs.ToastProvider;
 exports.useToast = lib_components_useToast_ToastContext_cjs.useToast;
 exports.TooltipRenderer = lib_components_TooltipRenderer_TooltipRenderer_cjs.TooltipRenderer;
+exports.IconAI = lib_components_icons_IconAI_IconAI_cjs.IconAI;
 exports.IconAdd = lib_components_icons_IconAdd_IconAdd_cjs.IconAdd;
 exports.IconArrow = lib_components_icons_IconArrow_IconArrow_cjs.IconArrow;
 exports.IconBookmark = lib_components_icons_IconBookmark_IconBookmark_cjs.IconBookmark;
+exports.IconCareer = lib_components_icons_IconCareer_IconCareer_cjs.IconCareer;
+exports.IconCategory = lib_components_icons_IconCategory_IconCategory_cjs.IconCategory;
 exports.IconCaution = lib_components_icons_IconCaution_IconCaution_cjs.IconCaution;
 exports.IconChevron = lib_components_icons_IconChevron_IconChevron_cjs.IconChevron;
 exports.IconClear = lib_components_icons_IconClear_IconClear_cjs.IconClear;
@@ -266,8 +278,11 @@ exports.IconDownload = lib_components_icons_IconDownload_IconDownload_cjs.IconDo
 exports.IconEdit = lib_components_icons_IconEdit_IconEdit_cjs.IconEdit;
 exports.IconEducation = lib_components_icons_IconEducation_IconEducation_cjs.IconEducation;
 exports.IconEnlarge = lib_components_icons_IconEnlarge_IconEnlarge_cjs.IconEnlarge;
+exports.IconExperience = lib_components_icons_IconExperience_IconExperience_cjs.IconExperience;
 exports.IconFilter = lib_components_icons_IconFilter_IconFilter_cjs.IconFilter;
 exports.IconFlag = lib_components_icons_IconFlag_IconFlag_cjs.IconFlag;
+exports.IconGift = lib_components_icons_IconGift_IconGift_cjs.IconGift;
+exports.IconGlobe = lib_components_icons_IconGlobe_IconGlobe_cjs.IconGlobe;
 exports.IconGrid = lib_components_icons_IconGrid_IconGrid_cjs.IconGrid;
 exports.IconHeart = lib_components_icons_IconHeart_IconHeart_cjs.IconHeart;
 exports.IconHelp = lib_components_icons_IconHelp_IconHelp_cjs.IconHelp;
@@ -303,12 +318,15 @@ exports.IconPromote = lib_components_icons_IconPromote_IconPromote_cjs.IconPromo
 exports.IconRecommended = lib_components_icons_IconRecommended_IconRecommended_cjs.IconRecommended;
 exports.IconRefresh = lib_components_icons_IconRefresh_IconRefresh_cjs.IconRefresh;
 exports.IconResume = lib_components_icons_IconResume_IconResume_cjs.IconResume;
+exports.IconRocket = lib_components_icons_IconRocket_IconRocket_cjs.IconRocket;
 exports.IconSearch = lib_components_icons_IconSearch_IconSearch_cjs.IconSearch;
 exports.IconSecurity = lib_components_icons_IconSecurity_IconSecurity_cjs.IconSecurity;
 exports.IconSend = lib_components_icons_IconSend_IconSend_cjs.IconSend;
 exports.IconSent = lib_components_icons_IconSent_IconSent_cjs.IconSent;
+exports.IconSentiment = lib_components_icons_IconSentiment_IconSentiment_cjs.IconSentiment;
 exports.IconSettings = lib_components_icons_IconSettings_IconSettings_cjs.IconSettings;
 exports.IconShare = lib_components_icons_IconShare_IconShare_cjs.IconShare;
+exports.IconSkills = lib_components_icons_IconSkills_IconSkills_cjs.IconSkills;
 exports.IconSocialFacebook = lib_components_icons_IconSocialFacebook_IconSocialFacebook_cjs.IconSocialFacebook;
 exports.IconSocialGitHub = lib_components_icons_IconSocialGitHub_IconSocialGitHub_cjs.IconSocialGitHub;
 exports.IconSocialInstagram = lib_components_icons_IconSocialInstagram_IconSocialInstagram_cjs.IconSocialInstagram;

package/dist/index.d.mts

@@ -1 +1 @@
-export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Badge, Bleed, PublicBox as Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAdd, IconArrow, IconBookmark, IconCaution, IconChevron, 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, IconRenderer, IconResume, IconSearch, IconSecurity, IconSend, IconSent, IconSettings, IconShare, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTwitter, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, Radio, RadioGroup, RadioItem, Rating, Secondary, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useBreakpoint, useColor, useResponsiveValue, useSpace, useThemeName, useToast } from './wireframe.chunk.js';
+export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Badge, Bleed, PublicBox as 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, IconBookmark, IconCareer, IconCategory, IconCaution, IconChevron, IconClear, IconCompany, IconCompose, IconCopy, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, 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, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTwitter, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, Radio, RadioGroup, RadioItem, Rating, Secondary, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useBreakpoint, useColor, useResponsiveValue, useSpace, useThemeName, useToast } from './wireframe.chunk.js';

package/dist/index.d.ts

@@ -1 +1 @@
-export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Badge, Bleed, PublicBox as Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAdd, IconArrow, IconBookmark, IconCaution, IconChevron, 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, IconRenderer, IconResume, IconSearch, IconSecurity, IconSend, IconSent, IconSettings, IconShare, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTwitter, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, Radio, RadioGroup, RadioItem, Rating, Secondary, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useBreakpoint, useColor, useResponsiveValue, useSpace, useThemeName, useToast } from './wireframe.chunk.js';
+export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Badge, Bleed, PublicBox as 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, IconBookmark, IconCareer, IconCategory, IconCaution, IconChevron, IconClear, IconCompany, IconCompose, IconCopy, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, 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, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTwitter, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, Radio, RadioGroup, RadioItem, Rating, Secondary, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useBreakpoint, useColor, useResponsiveValue, useSpace, useThemeName, useToast } from './wireframe.chunk.js';

package/dist/index.mjs

@@ -77,9 +77,12 @@ 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 { IconAI } from "./lib/components/icons/IconAI/IconAI.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 { IconCareer } from "./lib/components/icons/IconCareer/IconCareer.mjs";
+import { IconCategory } from "./lib/components/icons/IconCategory/IconCategory.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";
@@ -97,8 +100,11 @@ import { IconDownload } from "./lib/components/icons/IconDownload/IconDownload.m
 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 { IconExperience } from "./lib/components/icons/IconExperience/IconExperience.mjs";
 import { IconFilter } from "./lib/components/icons/IconFilter/IconFilter.mjs";
 import { IconFlag } from "./lib/components/icons/IconFlag/IconFlag.mjs";
+import { IconGift } from "./lib/components/icons/IconGift/IconGift.mjs";
+import { IconGlobe } from "./lib/components/icons/IconGlobe/IconGlobe.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";
@@ -134,12 +140,15 @@ 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 { IconRocket } from "./lib/components/icons/IconRocket/IconRocket.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 { IconSentiment } from "./lib/components/icons/IconSentiment/IconSentiment.mjs";
 import { IconSettings } from "./lib/components/icons/IconSettings/IconSettings.mjs";
 import { IconShare } from "./lib/components/icons/IconShare/IconShare.mjs";
+import { IconSkills } from "./lib/components/icons/IconSkills/IconSkills.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";
@@ -194,9 +203,12 @@ export {
   Heading,
   Hidden,
   HiddenVisually,
+  IconAI,
   IconAdd,
   IconArrow,
   IconBookmark,
+  IconCareer,
+  IconCategory,
   IconCaution,
   IconChevron,
   IconClear,
@@ -214,8 +226,11 @@ export {
   IconEdit,
   IconEducation,
   IconEnlarge,
+  IconExperience,
   IconFilter,
   IconFlag,
+  IconGift,
+  IconGlobe,
   IconGrid,
   IconHeart,
   IconHelp,
@@ -252,12 +267,15 @@ export {
   IconRefresh,
   IconRenderer,
   IconResume,
+  IconRocket,
   IconSearch,
   IconSecurity,
   IconSend,
   IconSent,
+  IconSentiment,
   IconSettings,
   IconShare,
+  IconSkills,
   IconSocialFacebook,
   IconSocialGitHub,
   IconSocialInstagram,

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

@@ -1,9 +1,9 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Accordion/AccordionItem.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Accordion/AccordionItem.css.ts", "braid-design-system");
 const button = css.style({}, "button");
 const focusRing = css.style({
   top: cssUtils.calc.negate(lib_themes_vars_css_cjs.vars.space.xsmall),
@@ -16,6 +16,6 @@ const focusRing = css.style({
     }
   }
 }, "focusRing");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.button = button;
 exports.focusRing = focusRing;

package/dist/lib/components/Alert/Alert.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/Alert/Alert.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Alert/Alert.css.ts", "braid-design-system");
 const closeButton = css.style({}, "closeButton");
 const closeButtonFocus = css.style({
   selectors: {
@@ -17,7 +17,7 @@ const closeButtonHover = css.style({
     }
   }
 }, "closeButtonHover");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.closeButton = closeButton;
 exports.closeButtonFocus = closeButtonFocus;
 exports.closeButtonHover = closeButtonHover;

package/dist/lib/components/Autosuggest/Autosuggest.css.cjs

@@ -1,10 +1,10 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Autosuggest/Autosuggest.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Autosuggest/Autosuggest.css.ts", "braid-design-system");
 const backdrop = css.style({
   width: "100vw",
   height: "100vh",
@@ -26,7 +26,7 @@ const menu = css.style(lib_css_responsiveStyle_cjs.responsiveStyle({
 const groupHeading = css.style({
   textTransform: "uppercase"
 }, "groupHeading");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.backdrop = backdrop;
 exports.backdropVisible = backdropVisible;
 exports.groupHeading = groupHeading;

package/dist/lib/components/Button/Button.css.cjs

@@ -1,12 +1,12 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const polished = require("polished");
 const lib_css_colorModeStyle_cjs = require("../../css/colorModeStyle.cjs");
 const lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Button/Button.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Button/Button.css.ts", "braid-design-system");
 const root = css.style({
   textDecoration: "none"
 }, "root");
@@ -132,7 +132,7 @@ const invertedBackgroundsDarkMode = css.styleVariants({
     }
   })
 }, "invertedBackgroundsDarkMode");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.activeOverlay = activeOverlay;
 exports.bleedVerticallyToCapHeight = bleedVerticallyToCapHeight;
 exports.focusOverlay = focusOverlay;

package/dist/lib/components/ButtonIcon/ButtonIcon.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/ButtonIcon/ButtonIcon.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/ButtonIcon/ButtonIcon.css.ts", "braid-design-system");
 const button = css.style({
   ":hover": {
     zIndex: 1
@@ -12,5 +12,5 @@ const button = css.style({
     }
   }
 }, "button");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.button = button;

package/dist/lib/components/Checkbox/resolveCheckedGroup.cjs

@@ -1,3 +1,11 @@
 "use strict";
-const resolveCheckedGroup = (values) => values.some((value) => value !== values[0]) ? "mixed" : values[0] ?? false;
+const resolveCheckedGroup = (values) => {
+  const checkedCount = values.filter(Boolean).length;
+  const someChecked = checkedCount > 0;
+  const totalCount = values.length;
+  if (someChecked && checkedCount !== totalCount) {
+    return "mixed";
+  }
+  return someChecked;
+};
 exports.resolveCheckedGroup = resolveCheckedGroup;

package/dist/lib/components/Checkbox/resolveCheckedGroup.mjs

@@ -1,4 +1,12 @@
-const resolveCheckedGroup = (values) => values.some((value) => value !== values[0]) ? "mixed" : values[0] ?? false;
+const resolveCheckedGroup = (values) => {
+  const checkedCount = values.filter(Boolean).length;
+  const someChecked = checkedCount > 0;
+  const totalCount = values.length;
+  if (someChecked && checkedCount !== totalCount) {
+    return "mixed";
+  }
+  return someChecked;
+};
 export {
   resolveCheckedGroup
 };

package/dist/lib/components/Column/Column.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/Column/Column.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Column/Column.css.ts", "braid-design-system");
 const column = css.style({}, "column");
 const columnContent = css.style({
   selectors: {
@@ -24,7 +24,7 @@ const width = css.styleVariants({
   "3/5": getSizeStyle(3 / 5),
   "4/5": getSizeStyle(4 / 5)
 }, "width");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.column = column;
 exports.columnContent = columnContent;
 exports.width = width;

package/dist/lib/components/ContentBlock/ContentBlock.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/ContentBlock/ContentBlock.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/ContentBlock/ContentBlock.css.ts", "braid-design-system");
 const marginAuto = css.style({
   margin: "0 auto"
 }, "marginAuto");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.marginAuto = marginAuto;

package/dist/lib/components/Divider/Divider.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const lib_css_colorModeStyle_cjs = require("../../css/colorModeStyle.cjs");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Divider/Divider.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Divider/Divider.css.ts", "braid-design-system");
 const base = css.style({
   height: lib_themes_vars_css_cjs.vars.borderWidth.standard
 }, "base");
@@ -45,7 +45,7 @@ const darkModeWeight = css.styleVariants({
     darkMode: darkModeVars
   })
 }, "darkModeWeight");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.base = base;
 exports.darkModeWeight = darkModeWeight;
 exports.lightModeWeight = lightModeWeight;

package/dist/lib/components/Dropdown/Dropdown.css.cjs

@@ -1,10 +1,10 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Dropdown/Dropdown.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Dropdown/Dropdown.css.ts", "braid-design-system");
 const field = css.style({
   paddingRight: lib_themes_vars_css_cjs.vars.touchableSize
 }, "field");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.field = field;

package/dist/lib/components/Hidden/Hidden.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/Hidden/Hidden.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Hidden/Hidden.css.ts", "braid-design-system");
 const hiddenOnPrint = css.style({
   "@media": {
     print: {
@@ -9,5 +9,5 @@ const hiddenOnPrint = css.style({
     }
   }
 }, "hiddenOnPrint");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.hiddenOnPrint = hiddenOnPrint;

package/dist/lib/components/HiddenVisually/HiddenVisually.css.cjs

@@ -1,12 +1,12 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/HiddenVisually/HiddenVisually.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/HiddenVisually/HiddenVisually.css.ts", "braid-design-system");
 const root = css.style({
   width: 1,
   height: 1,
   clip: "rect(1px, 1px, 1px, 1px)",
   whiteSpace: "nowrap"
 }, "root");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.root = root;

package/dist/lib/components/List/List.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/List/List.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/List/List.css.ts", "braid-design-system");
 const currentColor = css.style({
   background: "currentColor"
 }, "currentColor");
@@ -32,7 +32,7 @@ const minCharacterWidth = [css.style({
 const trimGutter = css.style({
   marginRight: `${-dotWidth}ch`
 }, "trimGutter");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.currentColor = currentColor;
 exports.minCharacterWidth = minCharacterWidth;
 exports.size = size;

package/dist/lib/components/Loader/Loader.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Loader/Loader.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/Loader/Loader.css.ts", "braid-design-system");
 const rootSize = css.styleVariants(lib_themes_vars_css_cjs.vars.textSize, ({
   mobile,
   tablet
@@ -74,7 +74,7 @@ const delay = css.style({
   animationDuration: "0.25s",
   animationDelay: `${animationDelayValueInMs}ms`
 }, "delay");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.circle = circle;
 exports.currentColor = currentColor;
 exports.delay = delay;

package/dist/lib/components/MenuItem/useMenuItem.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/MenuItem/useMenuItem.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/MenuItem/useMenuItem.css.ts", "braid-design-system");
 const menuItem = css.style({
   selectors: {
     [`&::-moz-focus-inner`]: {
@@ -9,5 +9,5 @@ const menuItem = css.style({
     }
   }
 }, "menuItem");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.menuItem = menuItem;

package/dist/lib/components/MenuItemCheckbox/MenuItemCheckbox.css.cjs

@@ -1,10 +1,10 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/MenuItemCheckbox/MenuItemCheckbox.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/MenuItemCheckbox/MenuItemCheckbox.css.ts", "braid-design-system");
 const checkboxFieldSize = lib_themes_vars_css_cjs.vars.inlineFieldSize.small;
 const menuItemCapHeight = css.createVar("menuItemCapHeight");
 const crop = css.createVar("crop");
@@ -26,5 +26,5 @@ const checkboxSize = css.style([lib_css_responsiveStyle_cjs.responsiveStyle({
   marginTop: crop,
   marginBottom: crop
 }], "checkboxSize");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.checkboxSize = checkboxSize;

package/dist/lib/components/MenuRenderer/MenuRenderer.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/MenuRenderer/MenuRenderer.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/MenuRenderer/MenuRenderer.css.ts", "braid-design-system");
 const backdrop = css.style({
   width: "100vw",
   height: "100vh"
@@ -33,7 +33,7 @@ const width = css.styleVariants({
 const placementBottom = css.style({
   bottom: "100%"
 }, "placementBottom");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.backdrop = backdrop;
 exports.menuIsClosed = menuIsClosed;
 exports.placementBottom = placementBottom;

package/dist/lib/components/MonthPicker/MonthPicker.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/MonthPicker/MonthPicker.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/MonthPicker/MonthPicker.css.ts", "braid-design-system");
 const nativeInput = css.style({
   selectors: {
     "&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator, &::-webkit-clear-button": {
@@ -10,5 +10,5 @@ const nativeInput = css.style({
     }
   }
 }, "nativeInput");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.nativeInput = nativeInput;

package/dist/lib/components/OverflowMenu/OverflowMenu.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
+const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-__vanilla_filescope__.setFileScope("src/lib/components/OverflowMenu/OverflowMenu.css.ts", "braid-design-system");
+fileScope.setFileScope("src/lib/components/OverflowMenu/OverflowMenu.css.ts", "braid-design-system");
 const triggerOffset = css.style({
   margin: "-1px -6px"
 }, "triggerOffset");
-__vanilla_filescope__.endFileScope();
+fileScope.endFileScope();
 exports.triggerOffset = triggerOffset;