braid-design-system 33.14.0 → 34.0.0-master-20251216041157

package/CHANGELOG.md

@@ -1,5 +1,110 @@
 # braid-design-system
 
+## 34.0.0-master-20251216041157
+
+### Major Changes
+
+- **Hidden:** Remove `screen` prop ([#1947](https://github.com/seek-oss/braid-design-system/pull/1947))
+
+  Remove the deprecated `screen` prop from the `Hidden` component.
+  For content designed to improve the screen reader experience, please use use the `HiddenVisually` component instead.
+  Alternatively, for content designed to be hidden unconditionally, remove the `screen` prop.
+
+  **MIGRATION GUIDE:**
+
+  ```diff
+  - <Hidden screen>
+  + <Hidden>
+  ```
+
+- **Box, atoms:** Remove deprecated `rating` variable. ([#1947](https://github.com/seek-oss/braid-design-system/pull/1947))
+
+  Consumers should use the `brandAccent` or `neutral` variables instead.
+
+  **MIGRATION GUIDE:**
+
+  ```diff
+  # styles.css.ts
+  import { vars } from 'braid-design-system/css';
+
+  export const myStyle = style({
+  -  color: vars.foregroundColor.rating,
+  +  color: vars.foregroundColor.brandAccent,
+  });
+  ```
+
+- **Card:** Remove `rounded` prop ([#1947](https://github.com/seek-oss/braid-design-system/pull/1947))
+
+  The `rounded` prop only affected deleted themes such as `apac` and has no effect on supported themes.
+
+  **MIGRATION GUIDE:**
+
+  ```diff
+  - <Card rounded>...</Card>
+  + <Card>...</Card>
+  ```
+
+- **Box, atoms**: Remove deprecated `outline` value `none`, and `boxShadow` value `outlineFocus`. ([#1947](https://github.com/seek-oss/braid-design-system/pull/1947))
+
+  Braid leverages the `outline` property directly, managing focus rings of interactive elements as part of its scoped CSS reset.
+
+  **MIGRATION GUIDE:**
+
+  For styling the focus ring via `Box`:
+  1. Remove usage of `outline="none"` and `boxShadow="outlineFocus"`
+  2. Refer to [`focus outlines`] for guidance on leveraging Braid's focus outline styles.
+
+  ```diff
+  - <Box outline="none" className={styles.customFocusStyles} />
+  + <Box />
+  ```
+
+  For styling the focus outline of an element based on the focus of another element, see [`outlineStyle`].
+
+  [`focus outlines`]: https://seek-oss.github.io/braid-design-system/components/Box#focus-outlines
+  [`outlineStyle`]: https://seek-oss.github.io/braid-design-system/css/outlineStyle
+
+- **apac:** Remove in favour of `seekJobs` theme ([#1947](https://github.com/seek-oss/braid-design-system/pull/1947))
+
+  The previously deprecated `apac` theme has been removed.
+  Consumers should migrate to the `seekJobs` theme.
+
+  **MIGRATION GUIDE:**
+
+  ```diff
+  # App.tsx
+  - import apac from 'braid-design-system/themes/apac';
+  + import seekJobs from 'braid-design-system/themes/seekJobs';
+
+  - <BraidProvider theme={apac} ...>
+  + <BraidProvider theme={seekJobs} ...>
+  ```
+
+- **IconList:** Remove deprecated component, in favour of more specific list types: `IconBulletList` and `IconNumberedList`. ([#1947](https://github.com/seek-oss/braid-design-system/pull/1947))
+
+  **MIGRATION GUIDE:**
+
+  ```diff
+  -<IconList />
+  +<IconBulletList />
+  ```
+
+- **Toggle:** Remove `bleedY` prop ([#1947](https://github.com/seek-oss/braid-design-system/pull/1947))
+
+  Remove the deprecated `bleedY` prop from the `Toggle` component.
+  Consumers should remove use of the `bleedY` prop, and if previously setting `bleedY` to false, should update their layout accordingly.
+
+  **MIGRATION GUIDE:**
+
+  ```diff
+  - <Toggle bleedY />
+  + <Toggle />
+  ```
+
+### Patch Changes
+
+- Update `is-mobile` dependency ([#1945](https://github.com/seek-oss/braid-design-system/pull/1945))
+
 ## 33.14.0
 
 ### Minor Changes

package/README.md

@@ -30,7 +30,7 @@ For example:
 
 ```js
 import 'braid-design-system/reset'; // <-- Must be first
-import apacTheme from 'braid-design-system/themes/apac';
+import seekJobsTheme from 'braid-design-system/themes/seekJobs';
 import { BraidProvider, Text } from 'braid-design-system';
 // ...etc.
 ```
@@ -39,11 +39,11 @@ Finally, render the `BraidProvider` component, providing the imported theme via
 
 ```js
 import 'braid-design-system/reset';
-import apacTheme from 'braid-design-system/themes/apac';
+import seekJobsTheme from 'braid-design-system/themes/seekJobs';
 import { BraidProvider, Text } from 'braid-design-system';
 
 export default () => (
-  <BraidProvider theme={apacTheme}>
+  <BraidProvider theme={seekJobsTheme}>
     <Text>Hello World!</Text>
   </BraidProvider>
 );
@@ -52,7 +52,7 @@ export default () => (
 If you're rendering within the context of another application, you may want to opt out of the provided body styles, which set the background color and reset margin and padding:
 
 ```js
-<BraidProvider theme={apacTheme} styleBody={false}>
+<BraidProvider theme={seekJobsTheme} styleBody={false}>
   <Text>Hello World!</Text>
 </BraidProvider>
 ```
@@ -115,9 +115,9 @@ At SEEK this is done via [sku] as part of the build process.
 
 To ensure correct usage of its components, Braid performs some precondition and invariant checking at runtime using the [assert] library.
 
-To prevent these checks from being included in production builds and distrupting the end user experience, it is recommended that `assert` calls are stripped at build time using the [unassert](https://www.npmjs.com/package/unassert) library.
+To prevent these checks from being included in production builds and disrupting the end user experience, it is recommended that `assert` calls are stripped at build time using the [unassert] library.
 
-At SEEK this is done via [sku] as part of the build process via [Babel] with the [babel-plugin-unassert] plugin.
+At SEEK this is done by [sku] as part of the build process via [Babel] with the [babel-plugin-unassert] plugin.
 
 [assert]: https://www.npmjs.com/package/assert
 [unassert]: https://www.npmjs.com/package/unassert

package/dist/index.cjs

@@ -133,7 +133,6 @@ const lib_components_icons_IconLanguage_IconLanguage_cjs = require("./lib/compon
 const lib_components_icons_IconLicence_IconLicence_cjs = require("./lib/components/icons/IconLicence/IconLicence.cjs");
 const lib_components_icons_IconLink_IconLink_cjs = require("./lib/components/icons/IconLink/IconLink.cjs");
 const lib_components_icons_IconLinkBroken_IconLinkBroken_cjs = require("./lib/components/icons/IconLinkBroken/IconLinkBroken.cjs");
-const lib_components_icons_IconList_IconList_cjs = require("./lib/components/icons/IconList/IconList.cjs");
 const lib_components_icons_IconLocation_IconLocation_cjs = require("./lib/components/icons/IconLocation/IconLocation.cjs");
 const lib_components_icons_IconMail_IconMail_cjs = require("./lib/components/icons/IconMail/IconMail.cjs");
 const lib_components_icons_IconMessage_IconMessage_cjs = require("./lib/components/icons/IconMessage/IconMessage.cjs");
@@ -331,7 +330,6 @@ exports.IconLanguage = lib_components_icons_IconLanguage_IconLanguage_cjs.IconLa
 exports.IconLicence = lib_components_icons_IconLicence_IconLicence_cjs.IconLicence;
 exports.IconLink = lib_components_icons_IconLink_IconLink_cjs.IconLink;
 exports.IconLinkBroken = lib_components_icons_IconLinkBroken_IconLinkBroken_cjs.IconLinkBroken;
-exports.IconList = lib_components_icons_IconList_IconList_cjs.IconList;
 exports.IconLocation = lib_components_icons_IconLocation_IconLocation_cjs.IconLocation;
 exports.IconMail = lib_components_icons_IconMail_IconMail_cjs.IconMail;
 exports.IconMessage = lib_components_icons_IconMessage_IconMessage_cjs.IconMessage;

package/dist/index.d.mts

@@ -31,14 +31,6 @@ type FontWeight = 'regular' | 'medium' | 'strong';
 interface BraidTokens {
     name: string;
     displayName: string;
-    /**
-     * The boundary for making updated design decisions without disturbing
-     * existing consumers. Updated decisions can be assessed as part of
-     * migrating between themes.
-     *
-     * This token will be removed when the `apac` theme is retired.
-     */
-    legacy: boolean;
     typography: {
         fontFamily: string;
         webFont: string | null;
@@ -151,8 +143,6 @@ interface BraidTokens {
             positive: string;
             promoteLight: string;
             promote: string;
-            /** @deprecated Recommend using `brandAccent` or `neutral` instead. */
-            rating: string;
             secondary: string;
             secondaryInverted: string;
         };
@@ -204,7 +194,6 @@ declare const makeBraidTheme: (tokens: BraidTokens) => {
     vanillaTheme: string;
     name: string;
     displayName: string;
-    legacy: boolean;
     background: {
         lightMode: string;
         darkMode: string;
@@ -250,7 +239,6 @@ declare const makeBraidTheme: (tokens: BraidTokens) => {
             positive: string;
             promoteLight: string;
             promote: string;
-            rating: string;
             secondary: string;
             secondaryInverted: string;
         };
@@ -366,7 +354,6 @@ declare const useColor: () => {
         positive: string;
         promoteLight: string;
         promote: string;
-        rating: string;
         secondary: string;
         secondaryInverted: string;
     };
@@ -899,13 +886,6 @@ declare const colorAtomicProperties: {
                         darkMode: string;
                     };
                 };
-                outlineFocus: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
             };
         };
     };
@@ -2194,7 +2174,7 @@ declare const responsiveAtomicProperties: {
 declare const sprinkles: ((props: {
     readonly overflow?: "hidden" | "scroll" | "visible" | "auto" | undefined;
     readonly userSelect?: "none" | undefined;
-    readonly outline?: "none" | "focus" | undefined;
+    readonly outline?: "focus" | undefined;
     readonly opacity?: 0 | undefined;
     readonly zIndex?: 0 | 2 | 1 | "dropdownBackdrop" | "dropdown" | "sticky" | "modalBackdrop" | "modal" | "notification" | undefined;
     readonly cursor?: "default" | "pointer" | undefined;
@@ -2369,9 +2349,9 @@ declare const sprinkles: ((props: {
         lightMode?: "brandAccent" | "caution" | "cautionLight" | "critical" | "criticalLight" | "formAccent" | "info" | "infoLight" | "neutral" | "neutralLight" | "positive" | "positiveLight" | "promote" | "promoteLight" | "body" | "bodyDark" | "brand" | "brandAccentActive" | "brandAccentHover" | "brandAccentSoft" | "brandAccentSoftActive" | "brandAccentSoftHover" | "criticalActive" | "criticalHover" | "criticalSoft" | "criticalSoftActive" | "criticalSoftHover" | "formAccentActive" | "formAccentHover" | "formAccentSoft" | "formAccentSoftActive" | "formAccentSoftHover" | "neutralActive" | "neutralHover" | "neutralSoft" | "neutralSoftActive" | "neutralSoftHover" | "surface" | "surfaceDark" | undefined;
         darkMode?: "brandAccent" | "caution" | "cautionLight" | "critical" | "criticalLight" | "formAccent" | "info" | "infoLight" | "neutral" | "neutralLight" | "positive" | "positiveLight" | "promote" | "promoteLight" | "body" | "bodyDark" | "brand" | "brandAccentActive" | "brandAccentHover" | "brandAccentSoft" | "brandAccentSoftActive" | "brandAccentSoftHover" | "criticalActive" | "criticalHover" | "criticalSoft" | "criticalSoftActive" | "criticalSoftHover" | "formAccentActive" | "formAccentHover" | "formAccentSoft" | "formAccentSoftActive" | "formAccentSoftHover" | "neutralActive" | "neutralHover" | "neutralSoft" | "neutralSoftActive" | "neutralSoftHover" | "surface" | "surfaceDark" | undefined;
     } | undefined;
-    readonly boxShadow?: "small" | "medium" | "large" | "borderBrandAccent" | "borderBrandAccentLight" | "borderBrandAccentLarge" | "borderBrandAccentLightLarge" | "borderCaution" | "borderCautionLight" | "borderCritical" | "borderCriticalLarge" | "borderCriticalLight" | "borderCriticalLightLarge" | "borderField" | "borderFormAccent" | "borderFormAccentLarge" | "borderFormAccentLight" | "borderFormAccentLightLarge" | "borderInfo" | "borderInfoLight" | "borderNeutral" | "borderNeutralLarge" | "borderNeutralInverted" | "borderNeutralInvertedLarge" | "borderNeutralLight" | "borderPositive" | "borderPositiveLight" | "borderPromote" | "borderPromoteLight" | "outlineFocus" | {
-        lightMode?: "small" | "medium" | "large" | "borderBrandAccent" | "borderBrandAccentLight" | "borderBrandAccentLarge" | "borderBrandAccentLightLarge" | "borderCaution" | "borderCautionLight" | "borderCritical" | "borderCriticalLarge" | "borderCriticalLight" | "borderCriticalLightLarge" | "borderField" | "borderFormAccent" | "borderFormAccentLarge" | "borderFormAccentLight" | "borderFormAccentLightLarge" | "borderInfo" | "borderInfoLight" | "borderNeutral" | "borderNeutralLarge" | "borderNeutralInverted" | "borderNeutralInvertedLarge" | "borderNeutralLight" | "borderPositive" | "borderPositiveLight" | "borderPromote" | "borderPromoteLight" | "outlineFocus" | undefined;
-        darkMode?: "small" | "medium" | "large" | "borderBrandAccent" | "borderBrandAccentLight" | "borderBrandAccentLarge" | "borderBrandAccentLightLarge" | "borderCaution" | "borderCautionLight" | "borderCritical" | "borderCriticalLarge" | "borderCriticalLight" | "borderCriticalLightLarge" | "borderField" | "borderFormAccent" | "borderFormAccentLarge" | "borderFormAccentLight" | "borderFormAccentLightLarge" | "borderInfo" | "borderInfoLight" | "borderNeutral" | "borderNeutralLarge" | "borderNeutralInverted" | "borderNeutralInvertedLarge" | "borderNeutralLight" | "borderPositive" | "borderPositiveLight" | "borderPromote" | "borderPromoteLight" | "outlineFocus" | undefined;
+    readonly boxShadow?: "small" | "medium" | "large" | "borderBrandAccent" | "borderBrandAccentLight" | "borderBrandAccentLarge" | "borderBrandAccentLightLarge" | "borderCaution" | "borderCautionLight" | "borderCritical" | "borderCriticalLarge" | "borderCriticalLight" | "borderCriticalLightLarge" | "borderField" | "borderFormAccent" | "borderFormAccentLarge" | "borderFormAccentLight" | "borderFormAccentLightLarge" | "borderInfo" | "borderInfoLight" | "borderNeutral" | "borderNeutralLarge" | "borderNeutralInverted" | "borderNeutralInvertedLarge" | "borderNeutralLight" | "borderPositive" | "borderPositiveLight" | "borderPromote" | "borderPromoteLight" | {
+        lightMode?: "small" | "medium" | "large" | "borderBrandAccent" | "borderBrandAccentLight" | "borderBrandAccentLarge" | "borderBrandAccentLightLarge" | "borderCaution" | "borderCautionLight" | "borderCritical" | "borderCriticalLarge" | "borderCriticalLight" | "borderCriticalLightLarge" | "borderField" | "borderFormAccent" | "borderFormAccentLarge" | "borderFormAccentLight" | "borderFormAccentLightLarge" | "borderInfo" | "borderInfoLight" | "borderNeutral" | "borderNeutralLarge" | "borderNeutralInverted" | "borderNeutralInvertedLarge" | "borderNeutralLight" | "borderPositive" | "borderPositiveLight" | "borderPromote" | "borderPromoteLight" | undefined;
+        darkMode?: "small" | "medium" | "large" | "borderBrandAccent" | "borderBrandAccentLight" | "borderBrandAccentLarge" | "borderBrandAccentLightLarge" | "borderCaution" | "borderCautionLight" | "borderCritical" | "borderCriticalLarge" | "borderCriticalLight" | "borderCriticalLightLarge" | "borderField" | "borderFormAccent" | "borderFormAccentLarge" | "borderFormAccentLight" | "borderFormAccentLightLarge" | "borderInfo" | "borderInfoLight" | "borderNeutral" | "borderNeutralLarge" | "borderNeutralInverted" | "borderNeutralInvertedLarge" | "borderNeutralLight" | "borderPositive" | "borderPositiveLight" | "borderPromote" | "borderPromoteLight" | undefined;
     } | undefined;
 }) => string) & {
     properties: Set<"background" | "borderRadius" | "transition" | "transform" | "alignItems" | "bottom" | "boxShadow" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "opacity" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "right" | "textAlign" | "top" | "userSelect" | "width" | "zIndex" | "gap" | "inset" | "margin" | "outline" | "overflow" | "padding" | "paddingY" | "paddingX" | "marginY" | "marginX">;
@@ -2462,7 +2442,6 @@ declare const vars$1: {
         positive: `var(--${string})`;
         promoteLight: `var(--${string})`;
         promote: `var(--${string})`;
-        rating: `var(--${string})`;
         secondary: `var(--${string})`;
         secondaryInverted: `var(--${string})`;
     };
@@ -2734,7 +2713,6 @@ declare const boxShadow: {
     borderPositiveLight: string;
     borderPromote: string;
     borderPromoteLight: string;
-    outlineFocus: string;
     small: `var(--${string})`;
     medium: `var(--${string})`;
     large: `var(--${string})`;
@@ -3136,21 +3114,13 @@ interface ButtonLinkProps extends ButtonStyleProps, Omit<LinkComponentProps, 'cl
 declare const ButtonLink$1: react.ForwardRefExoticComponent<ButtonLinkProps & react.RefAttributes<HTMLAnchorElement>>;
 
 declare const validCardComponents: readonly ["div", "article", "aside", "details", "main", "section"];
-interface SimpleCardRounding {
-    rounded?: boolean;
-    roundedAbove?: never;
-}
-interface ResponsiveCardRounding {
-    rounded?: never;
-    roundedAbove?: ResponsiveRangeProps['above'];
-}
 type CardProps = {
     children: ReactNode;
     tone?: 'promote' | 'formAccent';
     component?: (typeof validCardComponents)[number];
     height?: Extract<BoxProps['height'], 'full'> | 'content';
     data?: DataAttributeMap;
-} & (SimpleCardRounding | ResponsiveCardRounding);
+};
 declare const Card$1: FC<CardProps>;
 
 declare const sizes$1: {
@@ -3347,13 +3317,6 @@ declare const Heading$1: FC<HeadingProps>;
 interface HiddenProps extends ResponsiveRangeProps {
     children: ReactNode;
     component?: BoxProps['component'];
-    /**
-     * @deprecated The "screen" prop is deprecated and will be removed in a future release.
-     *
-     * For content designed to improve the screen reader experience, please use use the `HiddenVisually` component instead.
-     * Alternatively, for content designed to be hidden unconditionally, remove the `screen` prop.
-     * */
-    screen?: boolean;
     print?: boolean;
     inline?: boolean;
     data?: DataAttributeMap;
@@ -3960,8 +3923,6 @@ interface ToggleProps {
     align?: 'left' | 'right' | 'justify';
     togglePosition?: 'leading' | 'trailing';
     size?: Size;
-    /** @deprecated `bleedY` is enabled by default, and configuration will be removed in a future version */
-    bleedY?: boolean;
     data?: DataAttributeMap;
 }
 declare const Toggle$1: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLInputElement>>;
@@ -4166,10 +4127,6 @@ declare const IconLink: FC<IconLinkProps>;
 type IconLinkBrokenProps = IconContainerProps;
 declare const IconLinkBroken: FC<IconLinkBrokenProps>;
 
-type IconListProps = IconContainerProps;
-/** @deprecated  Use `IconBulletList` instead */
-declare const IconList: FC<IconListProps>;
-
 type IconLocationProps = IconContainerProps;
 declare const IconLocation: FC<IconLocationProps>;
 
@@ -4482,7 +4439,6 @@ declare const vars: {
         positive: `var(--${string})`;
         promoteLight: `var(--${string})`;
         promote: `var(--${string})`;
-        rating: `var(--${string})`;
         secondary: `var(--${string})`;
         secondaryInverted: `var(--${string})`;
     };
@@ -4530,115 +4486,10 @@ declare const vars: {
 };
 declare function atoms(props: Omit<Atoms, 'background'>): string;
 
-/**
- * @deprecated the `apac` theme is deprecated and will be removed in a future release.
- *
- * Use the `seekJobs` theme instead.
- */
-declare const _default$6: {
-    vanillaTheme: string;
-    name: string;
-    displayName: string;
-    legacy: boolean;
-    background: {
-        lightMode: string;
-        darkMode: string;
-    };
-    webFonts: {
-        linkTag: string;
-        href: string;
-    }[];
-    space: {
-        grid: number;
-        space: {
-            gutter: number;
-            xxsmall: number;
-            xsmall: number;
-            small: number;
-            medium: number;
-            large: number;
-            xlarge: number;
-            xxlarge: number;
-            xxxlarge: number;
-        };
-    };
-    color: {
-        foreground: {
-            brandAccentLight: string;
-            brandAccent: string;
-            cautionLight: string;
-            caution: string;
-            criticalLight: string;
-            critical: string;
-            formAccentLight: string;
-            formAccent: string;
-            infoLight: string;
-            info: string;
-            linkLight: string;
-            link: string;
-            linkHover: string;
-            linkVisited: string;
-            linkLightVisited: string;
-            neutral: string;
-            neutralInverted: string;
-            positiveLight: string;
-            positive: string;
-            promoteLight: string;
-            promote: string;
-            rating: string;
-            secondary: string;
-            secondaryInverted: string;
-        };
-        background: {
-            body: string;
-            bodyDark: string;
-            brand: string;
-            brandAccent: string;
-            brandAccentActive: string;
-            brandAccentHover: string;
-            brandAccentSoft: string;
-            brandAccentSoftActive: string;
-            brandAccentSoftHover: string;
-            caution: string;
-            cautionLight: string;
-            critical: string;
-            criticalActive: string;
-            criticalHover: string;
-            criticalLight: string;
-            criticalSoft: string;
-            criticalSoftActive: string;
-            criticalSoftHover: string;
-            formAccent: string;
-            formAccentActive: string;
-            formAccentHover: string;
-            formAccentSoft: string;
-            formAccentSoftActive: string;
-            formAccentSoftHover: string;
-            info: string;
-            infoLight: string;
-            neutral: string;
-            neutralActive: string;
-            neutralHover: string;
-            neutralLight: string;
-            neutralSoft: string;
-            neutralSoftActive: string;
-            neutralSoftHover: string;
-            positive: string;
-            positiveLight: string;
-            promote: string;
-            promoteLight: string;
-            surface: string;
-            surfaceDark: string;
-        };
-    };
-    backgroundLightness: Record<"body" | "bodyDark" | "brand" | "brandAccent" | "brandAccentActive" | "brandAccentHover" | "brandAccentSoft" | "brandAccentSoftActive" | "brandAccentSoftHover" | "caution" | "cautionLight" | "critical" | "criticalActive" | "criticalHover" | "criticalLight" | "criticalSoft" | "criticalSoftActive" | "criticalSoftHover" | "formAccent" | "formAccentActive" | "formAccentHover" | "formAccentSoft" | "formAccentSoftActive" | "formAccentSoftHover" | "info" | "infoLight" | "neutral" | "neutralActive" | "neutralHover" | "neutralLight" | "neutralSoft" | "neutralSoftActive" | "neutralSoftHover" | "positive" | "positiveLight" | "promote" | "promoteLight" | "surface" | "surfaceDark", "light" | "dark">;
-};
-
 declare const _default$5: {
     vanillaTheme: string;
     name: string;
     displayName: string;
-    legacy: boolean;
     background: {
         lightMode: string;
         darkMode: string;
@@ -4684,7 +4535,6 @@ declare const _default$5: {
             positive: string;
             promoteLight: string;
             promote: string;
-            rating: string;
             secondary: string;
             secondaryInverted: string;
         };
@@ -4737,7 +4587,6 @@ declare const _default$4: {
     vanillaTheme: string;
     name: string;
     displayName: string;
-    legacy: boolean;
     background: {
         lightMode: string;
         darkMode: string;
@@ -4783,7 +4632,6 @@ declare const _default$4: {
             positive: string;
             promoteLight: string;
             promote: string;
-            rating: string;
             secondary: string;
             secondaryInverted: string;
         };
@@ -4836,7 +4684,6 @@ declare const _default$3: {
     vanillaTheme: string;
     name: string;
     displayName: string;
-    legacy: boolean;
     background: {
         lightMode: string;
         darkMode: string;
@@ -4882,7 +4729,6 @@ declare const _default$3: {
             positive: string;
             promoteLight: string;
             promote: string;
-            rating: string;
             secondary: string;
             secondaryInverted: string;
         };
@@ -4935,7 +4781,6 @@ declare const _default$2: {
     vanillaTheme: string;
     name: string;
     displayName: string;
-    legacy: boolean;
     background: {
         lightMode: string;
         darkMode: string;
@@ -4981,7 +4826,6 @@ declare const _default$2: {
             positive: string;
             promoteLight: string;
             promote: string;
-            rating: string;
             secondary: string;
             secondaryInverted: string;
         };
@@ -5032,7 +4876,6 @@ declare const _default$2: {
 
 declare namespace themes {
   export {
-    _default$6 as apac,
     _default$2 as docs,
     _default$4 as seekBusiness,
     _default$5 as seekJobs,
@@ -5276,7 +5119,6 @@ declare function useScope(): {
             positive: `var(--${string})`;
             promoteLight: `var(--${string})`;
             promote: `var(--${string})`;
-            rating: `var(--${string})`;
             secondary: `var(--${string})`;
             secondaryInverted: `var(--${string})`;
         };
@@ -5340,5 +5182,5 @@ declare const _default: {
     code: string;
 }[];
 
-export { Accordion$1 as Accordion, Accordion as Accordion$1, AccordionItem$1 as AccordionItem, AccordionItem as AccordionItem$1, Actions, Alert$1 as Alert, Alert as Alert$1, Autosuggest$1 as Autosuggest, Autosuggest as Autosuggest$1, Badge$1 as Badge, Badge as Badge$1, Bleed$1 as Bleed, Bleed as Bleed$1, PublicBox as Box, Box as Box$1, BoxRenderer, BraidPortal$1 as BraidPortal, BraidPortal as BraidPortal$1, BraidProvider$1 as BraidProvider, BraidProvider as BraidProvider$1, BraidTestProvider, Button$1 as Button, Button as Button$1, ButtonIcon$1 as ButtonIcon, ButtonIcon as ButtonIcon$1, ButtonLink$1 as ButtonLink, ButtonLink as ButtonLink$1, Card$1 as Card, Card as Card$1, Checkbox$1 as Checkbox, Checkbox as Checkbox$1, CheckboxStandalone$1 as CheckboxStandalone, CheckboxStandalone as CheckboxStandalone$1, Column, Columns$1 as Columns, Columns as Columns$1, ContentBlock, Dialog$1 as Dialog, Dialog as Dialog$1, Disclosure$1 as Disclosure, Disclosure as Disclosure$1, Divider, Drawer$1 as Drawer, Drawer as Drawer$1, Dropdown$1 as Dropdown, Dropdown as Dropdown$1, FieldLabel$1 as FieldLabel, FieldLabel as FieldLabel$1, FieldMessage$1 as FieldMessage, FieldMessage as FieldMessage$1, Heading$1 as Heading, Heading as Heading$1, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, 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, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, 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$1 as Inline, Inline as Inline$1, Link$1 as Link, Link as Link$1, List$1 as List, List as List$1, Loader, MenuItem$1 as MenuItem, MenuItem as MenuItem$1, MenuItemCheckbox$1 as MenuItemCheckbox, MenuItemCheckbox as MenuItemCheckbox$1, MenuItemDivider, MenuItemLink$1 as MenuItemLink, MenuItemLink as MenuItemLink$1, MenuRenderer, MonthPicker$1 as MonthPicker, MonthPicker as MonthPicker$1, Notice$1 as Notice, Notice as Notice$1, OverflowMenu, Page, PageBlock, Pagination$1 as Pagination, Pagination as Pagination$1, PasswordField$1 as PasswordField, PasswordField as PasswordField$1, Placeholder, RadioGroup$1 as RadioGroup, RadioGroup as RadioGroup$1, RadioItem, Rating$1 as Rating, Rating as Rating$1, Secondary, Spread$1 as Spread, Spread as Spread$1, Stack$1 as Stack, Stack as Stack$1, Step$1 as Step, Stepper, Strong, Tab$1 as Tab, Tab as Tab$1, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs$1 as Tabs, Tabs as Tabs$1, TabsProvider, Tag$1 as Tag, Tag as Tag$1, Text, TextDropdown$1 as TextDropdown, TextDropdown as TextDropdown$1, TextField$1 as TextField, TextField as TextField$1, TextLink, TextLinkButton, Textarea$1 as Textarea, Textarea as Textarea$1, ThemeNameConsumer, Tiles$1 as Tiles, Tiles as Tiles$1, ToastProvider, Toggle$1 as Toggle, Toggle as Toggle$1, TooltipRenderer, _default$1 as _default, _default as _default$1, _default$6 as _default$2, _default$2 as _default$3, _default$4, _default$5, _default$3 as _default$6, atoms, breakpoints, colorModeStyle, filterSuggestions, globalHeadingStyle, globalTextStyle, makeLinkComponent$1 as makeLinkComponent, makeLinkComponent as makeLinkComponent$1, outlineStyle, responsiveStyle, useColor, useResponsiveValue, useScope, useSpace, useThemeName, useToast, vars };
+export { Accordion$1 as Accordion, Accordion as Accordion$1, AccordionItem$1 as AccordionItem, AccordionItem as AccordionItem$1, Actions, Alert$1 as Alert, Alert as Alert$1, Autosuggest$1 as Autosuggest, Autosuggest as Autosuggest$1, Badge$1 as Badge, Badge as Badge$1, Bleed$1 as Bleed, Bleed as Bleed$1, PublicBox as Box, Box as Box$1, BoxRenderer, BraidPortal$1 as BraidPortal, BraidPortal as BraidPortal$1, BraidProvider$1 as BraidProvider, BraidProvider as BraidProvider$1, BraidTestProvider, Button$1 as Button, Button as Button$1, ButtonIcon$1 as ButtonIcon, ButtonIcon as ButtonIcon$1, ButtonLink$1 as ButtonLink, ButtonLink as ButtonLink$1, Card$1 as Card, Card as Card$1, Checkbox$1 as Checkbox, Checkbox as Checkbox$1, CheckboxStandalone$1 as CheckboxStandalone, CheckboxStandalone as CheckboxStandalone$1, Column, Columns$1 as Columns, Columns as Columns$1, ContentBlock, Dialog$1 as Dialog, Dialog as Dialog$1, Disclosure$1 as Disclosure, Disclosure as Disclosure$1, Divider, Drawer$1 as Drawer, Drawer as Drawer$1, Dropdown$1 as Dropdown, Dropdown as Dropdown$1, FieldLabel$1 as FieldLabel, FieldLabel as FieldLabel$1, FieldMessage$1 as FieldMessage, FieldMessage as FieldMessage$1, Heading$1 as Heading, Heading as Heading$1, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, 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, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, 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$1 as Inline, Inline as Inline$1, Link$1 as Link, Link as Link$1, List$1 as List, List as List$1, Loader, MenuItem$1 as MenuItem, MenuItem as MenuItem$1, MenuItemCheckbox$1 as MenuItemCheckbox, MenuItemCheckbox as MenuItemCheckbox$1, MenuItemDivider, MenuItemLink$1 as MenuItemLink, MenuItemLink as MenuItemLink$1, MenuRenderer, MonthPicker$1 as MonthPicker, MonthPicker as MonthPicker$1, Notice$1 as Notice, Notice as Notice$1, OverflowMenu, Page, PageBlock, Pagination$1 as Pagination, Pagination as Pagination$1, PasswordField$1 as PasswordField, PasswordField as PasswordField$1, Placeholder, RadioGroup$1 as RadioGroup, RadioGroup as RadioGroup$1, RadioItem, Rating$1 as Rating, Rating as Rating$1, Secondary, Spread$1 as Spread, Spread as Spread$1, Stack$1 as Stack, Stack as Stack$1, Step$1 as Step, Stepper, Strong, Tab$1 as Tab, Tab as Tab$1, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs$1 as Tabs, Tabs as Tabs$1, TabsProvider, Tag$1 as Tag, Tag as Tag$1, Text, TextDropdown$1 as TextDropdown, TextDropdown as TextDropdown$1, TextField$1 as TextField, TextField as TextField$1, TextLink, TextLinkButton, Textarea$1 as Textarea, Textarea as Textarea$1, ThemeNameConsumer, Tiles$1 as Tiles, Tiles as Tiles$1, ToastProvider, Toggle$1 as Toggle, Toggle as Toggle$1, TooltipRenderer, _default$1 as _default, _default as _default$1, _default$2, _default$4 as _default$3, _default$5 as _default$4, _default$3 as _default$5, atoms, breakpoints, colorModeStyle, filterSuggestions, globalHeadingStyle, globalTextStyle, makeLinkComponent$1 as makeLinkComponent, makeLinkComponent as makeLinkComponent$1, outlineStyle, responsiveStyle, useColor, useResponsiveValue, useScope, useSpace, useThemeName, useToast, vars };
 export type { Breakpoint, LinkComponent };