@guardian/stand 0.0.65 → 0.0.67

package/dist/components/SidebarStepperNavigation/types.d.ts

@@ -0,0 +1,26 @@
+import { DefaultProps } from "../../util/types.js";
+import { SidebarStepperNavigationTheme } from "./styles.js";
+//#region src/components/SidebarStepperNavigation/types.d.ts
+declare const StepStatus: readonly ["complete", "incomplete", "optional", "no-fields"];
+type StepStatus = (typeof StepStatus)[number];
+type StepNavStep = {
+  id: string;
+  label?: string;
+  parentStepId?: string;
+  canSkipTo?: boolean;
+  canSkipFrom?: boolean;
+  stepStatus?: StepStatus;
+  stepVisible?: boolean;
+};
+type StepNavConfig = {
+  steps: StepNavStep[];
+  isNonLinear: boolean;
+};
+interface SidebarStepperNavigationProps extends DefaultProps<SidebarStepperNavigationTheme> {
+  currentStepId?: string;
+  stepNavConfig: StepNavConfig;
+  onPress: (stepId: string) => void;
+  stepNavTitle?: string;
+}
+//#endregion
+export { SidebarStepperNavigationProps, StepNavConfig, StepNavStep, StepStatus };

package/dist/components/SidebarStepperNavigation/types.js

@@ -0,0 +1,9 @@
+//#region src/components/SidebarStepperNavigation/types.ts
+const StepStatus = [
+	"complete",
+	"incomplete",
+	"optional",
+	"no-fields"
+];
+//#endregion
+export { StepStatus };

package/dist/components/Tabs/Tabs.cjs

@@ -72,8 +72,9 @@ function TabPanels({ children, theme = {}, cssOverrides, ...props }) {
 	});
 }
 function TabPanel({ children, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultTabPanelTheme, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.TabPanel, {
-		css: [require_styles.tabPanelStyles(require_mergeDeep.mergeDeep(require_styles.defaultTabPanelTheme, theme)), cssOverrides],
+		css: [require_styles.tabPanelStyles(mergedTheme), cssOverrides],
 		...props,
 		children
 	});

package/dist/components/Tabs/Tabs.js

@@ -70,8 +70,9 @@ function TabPanels$1({ children, theme = {}, cssOverrides, ...props }) {
 	});
 }
 function TabPanel$1({ children, theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = mergeDeep(defaultTabPanelTheme, theme);
 	return /* @__PURE__ */ jsx(TabPanel, {
-		css: [tabPanelStyles(mergeDeep(defaultTabPanelTheme, theme)), cssOverrides],
+		css: [tabPanelStyles(mergedTheme), cssOverrides],
 		...props,
 		children
 	});

package/dist/components/TagPicker/styles.cjs

@@ -94,10 +94,11 @@ const tagPickerStyles = (partialTheme = {}) => {
 	`;
 };
 const offlineSectionStyles = (partialTheme = {}) => {
+	const theme = require_mergeDeep.mergeDeep(require_tagPicker.componentTagPicker, partialTheme);
 	return _emotion_react.css`
 		display: flex;
 		flex-direction: column;
-		gap: ${require_mergeDeep.mergeDeep(require_tagPicker.componentTagPicker, partialTheme).offlineSection.gap};
+		gap: ${theme.offlineSection.gap};
 	`;
 };
 const tagSearchWithFilterStyles = (partialTheme = {}) => {
@@ -109,8 +110,9 @@ const tagSearchWithFilterStyles = (partialTheme = {}) => {
 	`;
 };
 const filterSelectCssOverrides = (partialTheme = {}) => {
+	const theme = require_mergeDeep.mergeDeep(require_tagPicker.componentTagPicker, partialTheme);
 	return _emotion_react.css`
-		flex-basis: ${require_mergeDeep.mergeDeep(require_tagPicker.componentTagPicker, partialTheme).select.flexBasis};
+		flex-basis: ${theme.select.flexBasis};
 		display: flex;
 		button {
 			height: 100%;

package/dist/components/TagPicker/styles.js

@@ -94,10 +94,11 @@ const tagPickerStyles = (partialTheme = {}) => {
 	`;
 };
 const offlineSectionStyles = (partialTheme = {}) => {
+	const theme = mergeDeep(componentTagPicker, partialTheme);
 	return css`
 		display: flex;
 		flex-direction: column;
-		gap: ${mergeDeep(componentTagPicker, partialTheme).offlineSection.gap};
+		gap: ${theme.offlineSection.gap};
 	`;
 };
 const tagSearchWithFilterStyles = (partialTheme = {}) => {
@@ -109,8 +110,9 @@ const tagSearchWithFilterStyles = (partialTheme = {}) => {
 	`;
 };
 const filterSelectCssOverrides = (partialTheme = {}) => {
+	const theme = mergeDeep(componentTagPicker, partialTheme);
 	return css`
-		flex-basis: ${mergeDeep(componentTagPicker, partialTheme).select.flexBasis};
+		flex-basis: ${theme.select.flexBasis};
 		display: flex;
 		button {
 			height: 100%;

package/dist/components/TagTable/styles.cjs

@@ -15,10 +15,11 @@ const tagTableHeaderStyles = (partialTheme = {}) => {
 	`;
 };
 const tagTableHeaderTextStyles = (partialTheme = {}) => {
+	const theme = require_mergeDeep.mergeDeep(require_tagTable.componentTagTable, partialTheme);
 	return _emotion_react.css`
 		display: flex;
 		flex-direction: column;
-		gap: ${require_mergeDeep.mergeDeep(require_tagTable.componentTagTable, partialTheme).header.gap};
+		gap: ${theme.header.gap};
 	`;
 };
 const tagTableHeadingStyles = (partialTheme = {}) => {

package/dist/components/TagTable/styles.js

@@ -15,10 +15,11 @@ const tagTableHeaderStyles = (partialTheme = {}) => {
 	`;
 };
 const tagTableHeaderTextStyles = (partialTheme = {}) => {
+	const theme = mergeDeep(componentTagTable, partialTheme);
 	return css`
 		display: flex;
 		flex-direction: column;
-		gap: ${mergeDeep(componentTagTable, partialTheme).header.gap};
+		gap: ${theme.header.gap};
 	`;
 };
 const tagTableHeadingStyles = (partialTheme = {}) => {

package/dist/components/TopBar/TopBarItem/TopBarItem.cjs

@@ -3,8 +3,9 @@ const require_styles = require("./styles.cjs");
 let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 //#region src/components/TopBar/TopBarItem/TopBarItem.tsx
 function TopBarItem({ children, alignment = "left", theme = {}, cssOverrides, className, size = "md", _menuOpen, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultTopBarItemTheme, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-		css: [require_styles.topBarItemStyles(require_mergeDeep.mergeDeep(require_styles.defaultTopBarItemTheme, theme), alignment, { size }, _menuOpen), cssOverrides],
+		css: [require_styles.topBarItemStyles(mergedTheme, alignment, { size }, _menuOpen), cssOverrides],
 		className,
 		...props,
 		children

package/dist/components/TopBar/TopBarItem/TopBarItem.js

@@ -3,8 +3,9 @@ import { defaultTopBarItemTheme, topBarItemStyles } from "./styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 //#region src/components/TopBar/TopBarItem/TopBarItem.tsx
 function TopBarItem({ children, alignment = "left", theme = {}, cssOverrides, className, size = "md", _menuOpen, ...props }) {
+	const mergedTheme = mergeDeep(defaultTopBarItemTheme, theme);
 	return /* @__PURE__ */ jsx("div", {
-		css: [topBarItemStyles(mergeDeep(defaultTopBarItemTheme, theme), alignment, { size }, _menuOpen), cssOverrides],
+		css: [topBarItemStyles(mergedTheme, alignment, { size }, _menuOpen), cssOverrides],
 		className,
 		...props,
 		children

package/dist/components/Typography/Typography.cjs

@@ -4,9 +4,10 @@ let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 let react_aria_components = require("react-aria-components");
 //#region src/components/Typography/Typography.tsx
 const Typography = ({ element = "span", variant = "bodyMd", children, cssOverrides, theme = {}, ...props }) => {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultTypographyTheme, theme);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Text, {
 		elementType: element,
-		css: [require_styles.typographyStyles(require_mergeDeep.mergeDeep(require_styles.defaultTypographyTheme, theme), { variant }), cssOverrides],
+		css: [require_styles.typographyStyles(mergedTheme, { variant }), cssOverrides],
 		...props,
 		children
 	});

package/dist/components/Typography/Typography.js

@@ -4,9 +4,10 @@ import { jsx } from "@emotion/react/jsx-runtime";
 import { Text } from "react-aria-components";
 //#region src/components/Typography/Typography.tsx
 const Typography = ({ element = "span", variant = "bodyMd", children, cssOverrides, theme = {}, ...props }) => {
+	const mergedTheme = mergeDeep(defaultTypographyTheme, theme);
 	return /* @__PURE__ */ jsx(Text, {
 		elementType: element,
-		css: [typographyStyles(mergeDeep(defaultTypographyTheme, theme), { variant }), cssOverrides],
+		css: [typographyStyles(mergedTheme, { variant }), cssOverrides],
 		...props,
 		children
 	});

package/dist/index.cjs

@@ -4,6 +4,7 @@ const require_button = require("./styleD/build/typescript/component/button.cjs")
 const require_alertBanner = require("./styleD/build/typescript/component/alertBanner.cjs");
 const require_breakpoints = require("./styleD/build/typescript/semantic/breakpoints.cjs");
 const require_avatar = require("./styleD/build/typescript/component/avatar.cjs");
+const require_badge = require("./styleD/build/typescript/component/badge.cjs");
 const require_buttonGroup = require("./styleD/build/typescript/component/buttonGroup.cjs");
 const require_byline = require("./styleD/build/typescript/component/byline.cjs");
 const require_checkbox = require("./styleD/build/typescript/component/checkbox.cjs");
@@ -29,6 +30,7 @@ const require_topBar = require("./styleD/build/typescript/component/topBar.cjs")
 const require_typography = require("./styleD/build/typescript/component/typography.cjs");
 const require_tabs = require("./styleD/build/typescript/component/tabs.cjs");
 const require_userFeedbackSummary = require("./styleD/build/typescript/component/userFeedbackSummary.cjs");
+const require_sidebarStepperNavigation = require("./styleD/build/typescript/component/sidebarStepperNavigation.cjs");
 const require_colors = require("./styleD/build/typescript/base/colors.cjs");
 const require_radius = require("./styleD/build/typescript/base/radius.cjs");
 const require_sizing = require("./styleD/build/typescript/base/sizing.cjs");
@@ -49,6 +51,7 @@ exports.baseTypography = require_typography$1.baseTypography;
 exports.componentAlertBanner = require_alertBanner.componentAlertBanner;
 exports.componentAutocomplete = require_autocomplete.componentAutocomplete;
 exports.componentAvatar = require_avatar.componentAvatar;
+exports.componentBadge = require_badge.componentBadge;
 exports.componentButton = require_button.componentButton;
 exports.componentButtonGroup = require_buttonGroup.componentButtonGroup;
 exports.componentByline = require_byline.componentByline;
@@ -66,6 +69,7 @@ exports.componentMenu = require_menu.componentMenu;
 exports.componentModal = require_modal.componentModal;
 exports.componentRadioGroup = require_radioGroup.componentRadioGroup;
 exports.componentSelect = require_select.componentSelect;
+exports.componentSidebarStepperNavigation = require_sidebarStepperNavigation.componentSidebarStepperNavigation;
 exports.componentTabs = require_tabs.componentTabs;
 exports.componentTagTable = require_tagTable.componentTagTable;
 exports.componentTextArea = require_textArea.componentTextArea;

package/dist/index.d.cts

@@ -2,6 +2,7 @@ import { ComponentIcon, componentIcon } from "./styleD/build/typescript/componen
 import { ComponentButton, componentButton } from "./styleD/build/typescript/component/button.cjs";
 import { ComponentAlertBanner, componentAlertBanner } from "./styleD/build/typescript/component/alertBanner.cjs";
 import { ComponentAvatar, componentAvatar } from "./styleD/build/typescript/component/avatar.cjs";
+import { ComponentBadge, componentBadge } from "./styleD/build/typescript/component/badge.cjs";
 import { ComponentButtonGroup, componentButtonGroup } from "./styleD/build/typescript/component/buttonGroup.cjs";
 import { ComponentByline, componentByline } from "./styleD/build/typescript/component/byline.cjs";
 import { ComponentForm, componentForm } from "./styleD/build/typescript/component/form.cjs";
@@ -20,6 +21,7 @@ import { ComponentMenu, componentMenu } from "./styleD/build/typescript/componen
 import { ComponentModal, componentModal } from "./styleD/build/typescript/component/modal.cjs";
 import { ComponentRadioGroup, componentRadioGroup } from "./styleD/build/typescript/component/radioGroup.cjs";
 import { ComponentSelect, componentSelect } from "./styleD/build/typescript/component/select.cjs";
+import { ComponentSidebarStepperNavigation, componentSidebarStepperNavigation } from "./styleD/build/typescript/component/sidebarStepperNavigation.cjs";
 import { ComponentTabs, componentTabs } from "./styleD/build/typescript/component/tabs.cjs";
 import { ComponentAutocomplete, componentAutocomplete } from "./styleD/build/typescript/component/autocomplete.cjs";
 import { ComponentTagTable, componentTagTable } from "./styleD/build/typescript/component/tagTable.cjs";
@@ -40,4 +42,4 @@ import { SemanticSizing, semanticSizing } from "./styleD/build/typescript/semant
 import { SemanticShadow, semanticShadow } from "./styleD/build/typescript/semantic/shadow.cjs";
 import { SemanticRadius, semanticRadius } from "./styleD/build/typescript/semantic/radius.cjs";
 import { SemanticSpacing, semanticSpacing } from "./styleD/build/typescript/semantic/spacing.cjs";
-export { type BaseColors, type BaseRadius, type BaseSizing, type BaseSpacing, type BaseTypography, type ComponentAlertBanner, type ComponentAutocomplete, type ComponentAvatar, type ComponentButton, type ComponentButtonGroup, type ComponentByline, type ComponentCheckbox, type ComponentDatePicker, type ComponentFavicon, type ComponentForm, type ComponentGrid, type ComponentIcon, type ComponentInlineMessage, type ComponentIntendedAudienceSignifier, type ComponentLayout, type ComponentLink, type ComponentMenu, type ComponentModal, type ComponentRadioGroup, type ComponentSelect, type ComponentTabs, type ComponentTagTable, type ComponentTextArea, type ComponentTextInput, type ComponentTooltip, type ComponentTopBar, type ComponentTypography, type ComponentUserFeedbackSummary, type ComponentUserMenu, type SemanticBreakpoints, type SemanticColors, type SemanticGrid, type SemanticRadius, type SemanticShadow, type SemanticSizing, type SemanticSpacing, type SemanticTypography, baseColors, baseRadius, baseSizing, baseSpacing, baseTypography, componentAlertBanner, componentAutocomplete, componentAvatar, componentButton, componentButtonGroup, componentByline, componentCheckbox, componentDatePicker, componentFavicon, componentForm, componentGrid, componentIcon, componentInlineMessage, componentIntendedAudienceSignifier, componentLayout, componentLink, componentMenu, componentModal, componentRadioGroup, componentSelect, componentTabs, componentTagTable, componentTextArea, componentTextInput, componentTooltip, componentTopBar, componentTypography, componentUserFeedbackSummary, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };
+export { type BaseColors, type BaseRadius, type BaseSizing, type BaseSpacing, type BaseTypography, type ComponentAlertBanner, type ComponentAutocomplete, type ComponentAvatar, type ComponentBadge, type ComponentButton, type ComponentButtonGroup, type ComponentByline, type ComponentCheckbox, type ComponentDatePicker, type ComponentFavicon, type ComponentForm, type ComponentGrid, type ComponentIcon, type ComponentInlineMessage, type ComponentIntendedAudienceSignifier, type ComponentLayout, type ComponentLink, type ComponentMenu, type ComponentModal, type ComponentRadioGroup, type ComponentSelect, type ComponentSidebarStepperNavigation, type ComponentTabs, type ComponentTagTable, type ComponentTextArea, type ComponentTextInput, type ComponentTooltip, type ComponentTopBar, type ComponentTypography, type ComponentUserFeedbackSummary, type ComponentUserMenu, type SemanticBreakpoints, type SemanticColors, type SemanticGrid, type SemanticRadius, type SemanticShadow, type SemanticSizing, type SemanticSpacing, type SemanticTypography, baseColors, baseRadius, baseSizing, baseSpacing, baseTypography, componentAlertBanner, componentAutocomplete, componentAvatar, componentBadge, componentButton, componentButtonGroup, componentByline, componentCheckbox, componentDatePicker, componentFavicon, componentForm, componentGrid, componentIcon, componentInlineMessage, componentIntendedAudienceSignifier, componentLayout, componentLink, componentMenu, componentModal, componentRadioGroup, componentSelect, componentSidebarStepperNavigation, componentTabs, componentTagTable, componentTextArea, componentTextInput, componentTooltip, componentTopBar, componentTypography, componentUserFeedbackSummary, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { ComponentIcon, componentIcon } from "./styleD/build/typescript/componen
 import { ComponentButton, componentButton } from "./styleD/build/typescript/component/button.js";
 import { ComponentAlertBanner, componentAlertBanner } from "./styleD/build/typescript/component/alertBanner.js";
 import { ComponentAvatar, componentAvatar } from "./styleD/build/typescript/component/avatar.js";
+import { ComponentBadge, componentBadge } from "./styleD/build/typescript/component/badge.js";
 import { ComponentButtonGroup, componentButtonGroup } from "./styleD/build/typescript/component/buttonGroup.js";
 import { ComponentByline, componentByline } from "./styleD/build/typescript/component/byline.js";
 import { ComponentForm, componentForm } from "./styleD/build/typescript/component/form.js";
@@ -20,6 +21,7 @@ import { ComponentMenu, componentMenu } from "./styleD/build/typescript/componen
 import { ComponentModal, componentModal } from "./styleD/build/typescript/component/modal.js";
 import { ComponentRadioGroup, componentRadioGroup } from "./styleD/build/typescript/component/radioGroup.js";
 import { ComponentSelect, componentSelect } from "./styleD/build/typescript/component/select.js";
+import { ComponentSidebarStepperNavigation, componentSidebarStepperNavigation } from "./styleD/build/typescript/component/sidebarStepperNavigation.js";
 import { ComponentTabs, componentTabs } from "./styleD/build/typescript/component/tabs.js";
 import { ComponentAutocomplete, componentAutocomplete } from "./styleD/build/typescript/component/autocomplete.js";
 import { ComponentTagTable, componentTagTable } from "./styleD/build/typescript/component/tagTable.js";
@@ -40,4 +42,4 @@ import { SemanticSizing, semanticSizing } from "./styleD/build/typescript/semant
 import { SemanticShadow, semanticShadow } from "./styleD/build/typescript/semantic/shadow.js";
 import { SemanticRadius, semanticRadius } from "./styleD/build/typescript/semantic/radius.js";
 import { SemanticSpacing, semanticSpacing } from "./styleD/build/typescript/semantic/spacing.js";
-export { type BaseColors, type BaseRadius, type BaseSizing, type BaseSpacing, type BaseTypography, type ComponentAlertBanner, type ComponentAutocomplete, type ComponentAvatar, type ComponentButton, type ComponentButtonGroup, type ComponentByline, type ComponentCheckbox, type ComponentDatePicker, type ComponentFavicon, type ComponentForm, type ComponentGrid, type ComponentIcon, type ComponentInlineMessage, type ComponentIntendedAudienceSignifier, type ComponentLayout, type ComponentLink, type ComponentMenu, type ComponentModal, type ComponentRadioGroup, type ComponentSelect, type ComponentTabs, type ComponentTagTable, type ComponentTextArea, type ComponentTextInput, type ComponentTooltip, type ComponentTopBar, type ComponentTypography, type ComponentUserFeedbackSummary, type ComponentUserMenu, type SemanticBreakpoints, type SemanticColors, type SemanticGrid, type SemanticRadius, type SemanticShadow, type SemanticSizing, type SemanticSpacing, type SemanticTypography, baseColors, baseRadius, baseSizing, baseSpacing, baseTypography, componentAlertBanner, componentAutocomplete, componentAvatar, componentButton, componentButtonGroup, componentByline, componentCheckbox, componentDatePicker, componentFavicon, componentForm, componentGrid, componentIcon, componentInlineMessage, componentIntendedAudienceSignifier, componentLayout, componentLink, componentMenu, componentModal, componentRadioGroup, componentSelect, componentTabs, componentTagTable, componentTextArea, componentTextInput, componentTooltip, componentTopBar, componentTypography, componentUserFeedbackSummary, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };
+export { type BaseColors, type BaseRadius, type BaseSizing, type BaseSpacing, type BaseTypography, type ComponentAlertBanner, type ComponentAutocomplete, type ComponentAvatar, type ComponentBadge, type ComponentButton, type ComponentButtonGroup, type ComponentByline, type ComponentCheckbox, type ComponentDatePicker, type ComponentFavicon, type ComponentForm, type ComponentGrid, type ComponentIcon, type ComponentInlineMessage, type ComponentIntendedAudienceSignifier, type ComponentLayout, type ComponentLink, type ComponentMenu, type ComponentModal, type ComponentRadioGroup, type ComponentSelect, type ComponentSidebarStepperNavigation, type ComponentTabs, type ComponentTagTable, type ComponentTextArea, type ComponentTextInput, type ComponentTooltip, type ComponentTopBar, type ComponentTypography, type ComponentUserFeedbackSummary, type ComponentUserMenu, type SemanticBreakpoints, type SemanticColors, type SemanticGrid, type SemanticRadius, type SemanticShadow, type SemanticSizing, type SemanticSpacing, type SemanticTypography, baseColors, baseRadius, baseSizing, baseSpacing, baseTypography, componentAlertBanner, componentAutocomplete, componentAvatar, componentBadge, componentButton, componentButtonGroup, componentByline, componentCheckbox, componentDatePicker, componentFavicon, componentForm, componentGrid, componentIcon, componentInlineMessage, componentIntendedAudienceSignifier, componentLayout, componentLink, componentMenu, componentModal, componentRadioGroup, componentSelect, componentSidebarStepperNavigation, componentTabs, componentTagTable, componentTextArea, componentTextInput, componentTooltip, componentTopBar, componentTypography, componentUserFeedbackSummary, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };

package/dist/index.js

@@ -3,6 +3,7 @@ import { componentButton } from "./styleD/build/typescript/component/button.js";
 import { componentAlertBanner } from "./styleD/build/typescript/component/alertBanner.js";
 import { semanticBreakpoints } from "./styleD/build/typescript/semantic/breakpoints.js";
 import { componentAvatar } from "./styleD/build/typescript/component/avatar.js";
+import { componentBadge } from "./styleD/build/typescript/component/badge.js";
 import { componentButtonGroup } from "./styleD/build/typescript/component/buttonGroup.js";
 import { componentByline } from "./styleD/build/typescript/component/byline.js";
 import { componentCheckbox } from "./styleD/build/typescript/component/checkbox.js";
@@ -28,6 +29,7 @@ import { componentTopBar } from "./styleD/build/typescript/component/topBar.js";
 import { componentTypography } from "./styleD/build/typescript/component/typography.js";
 import { componentTabs } from "./styleD/build/typescript/component/tabs.js";
 import { componentUserFeedbackSummary } from "./styleD/build/typescript/component/userFeedbackSummary.js";
+import { componentSidebarStepperNavigation } from "./styleD/build/typescript/component/sidebarStepperNavigation.js";
 import { baseColors } from "./styleD/build/typescript/base/colors.js";
 import { baseRadius } from "./styleD/build/typescript/base/radius.js";
 import { baseSizing } from "./styleD/build/typescript/base/sizing.js";
@@ -40,4 +42,4 @@ import { semanticSizing } from "./styleD/build/typescript/semantic/sizing.js";
 import { semanticShadow } from "./styleD/build/typescript/semantic/shadow.js";
 import { semanticRadius } from "./styleD/build/typescript/semantic/radius.js";
 import { semanticSpacing } from "./styleD/build/typescript/semantic/spacing.js";
-export { baseColors, baseRadius, baseSizing, baseSpacing, baseTypography, componentAlertBanner, componentAutocomplete, componentAvatar, componentButton, componentButtonGroup, componentByline, componentCheckbox, componentDatePicker, componentFavicon, componentForm, componentGrid, componentIcon, componentInlineMessage, componentIntendedAudienceSignifier, componentLayout, componentLink, componentMenu, componentModal, componentRadioGroup, componentSelect, componentTabs, componentTagTable, componentTextArea, componentTextInput, componentTooltip, componentTopBar, componentTypography, componentUserFeedbackSummary, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };
+export { baseColors, baseRadius, baseSizing, baseSpacing, baseTypography, componentAlertBanner, componentAutocomplete, componentAvatar, componentBadge, componentButton, componentButtonGroup, componentByline, componentCheckbox, componentDatePicker, componentFavicon, componentForm, componentGrid, componentIcon, componentInlineMessage, componentIntendedAudienceSignifier, componentLayout, componentLink, componentMenu, componentModal, componentRadioGroup, componentSelect, componentSidebarStepperNavigation, componentTabs, componentTagTable, componentTextArea, componentTextInput, componentTooltip, componentTopBar, componentTypography, componentUserFeedbackSummary, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };

package/dist/styleD/build/css/component/badge.css

@@ -0,0 +1,69 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+	--component-badge-shared-display: inline-flex;
+	--component-badge-shared-align-items: center;
+	--component-badge-shared-justify-content: center;
+	--component-badge-size-md-padding-top: 4px;
+	--component-badge-size-md-padding-right: 12px;
+	--component-badge-size-md-padding-bottom: 4px;
+	--component-badge-size-md-padding-left: 12px;
+	--component-badge-size-md-weight-strong-typography-font: normal 700 1rem/1.15
+		'Open Sans';
+	--component-badge-size-md-weight-strong-typography-letter-spacing: -0.03125rem;
+	--component-badge-size-md-weight-strong-typography-font-width: 95;
+	--component-badge-size-md-weight-light-typography-font: normal 460 1rem/1.3
+		'Open Sans';
+	--component-badge-size-md-weight-light-typography-letter-spacing: 0rem;
+	--component-badge-size-md-weight-light-typography-font-width: 95;
+	--component-badge-size-sm-padding-top: 4px;
+	--component-badge-size-sm-padding-right: 8px;
+	--component-badge-size-sm-padding-bottom: 4px;
+	--component-badge-size-sm-padding-left: 8px;
+	--component-badge-size-sm-weight-strong-typography-font: normal 700
+		0.875rem/1.15 'Open Sans';
+	--component-badge-size-sm-weight-strong-typography-letter-spacing: -0.0125rem;
+	--component-badge-size-sm-weight-strong-typography-font-width: 95;
+	--component-badge-size-sm-weight-light-typography-font: normal 460
+		0.875rem/1.3 'Open Sans';
+	--component-badge-size-sm-weight-light-typography-letter-spacing: 0rem;
+	--component-badge-size-sm-weight-light-typography-font-width: 95;
+	--component-badge-size-xs-padding-top: 1px;
+	--component-badge-size-xs-padding-right: 6px;
+	--component-badge-size-xs-padding-bottom: 3px;
+	--component-badge-size-xs-padding-left: 6px;
+	--component-badge-size-xs-weight-strong-typography-font: normal 700
+		0.75rem/1.15 'Open Sans';
+	--component-badge-size-xs-weight-strong-typography-letter-spacing: 0rem;
+	--component-badge-size-xs-weight-strong-typography-font-width: 95;
+	--component-badge-size-xs-weight-light-typography-font: normal 460 0.75rem/1.3
+		'Open Sans';
+	--component-badge-size-xs-weight-light-typography-letter-spacing: 0rem;
+	--component-badge-size-xs-weight-light-typography-font-width: 95;
+	--component-badge-color-green-weight-strong-background: #aed2a6;
+	--component-badge-color-green-weight-strong-color: #000000;
+	--component-badge-color-green-weight-light-background: #cde4c9;
+	--component-badge-color-green-weight-light-color: #24491d;
+	--component-badge-color-yellow-weight-strong-background: #f1c21b;
+	--component-badge-color-yellow-weight-strong-color: #000000;
+	--component-badge-color-yellow-weight-light-background: #ffedac;
+	--component-badge-color-yellow-weight-light-color: #5b4a0b;
+	--component-badge-color-grey-weight-strong-background: #dcdcdc;
+	--component-badge-color-grey-weight-strong-color: #000000;
+	--component-badge-color-grey-weight-light-background: #dcdcdc;
+	--component-badge-color-grey-weight-light-color: #000000;
+	--component-badge-color-orange-weight-strong-background: #fac7a1;
+	--component-badge-color-orange-weight-strong-color: #000000;
+	--component-badge-color-orange-weight-light-background: #fcddc6;
+	--component-badge-color-orange-weight-light-color: #693c16;
+	--component-badge-color-warm-purple-weight-strong-background: #dac3e8;
+	--component-badge-color-warm-purple-weight-strong-color: #000000;
+	--component-badge-color-warm-purple-weight-light-background: #dac3e8;
+	--component-badge-color-warm-purple-weight-light-color: #381350;
+	--component-badge-color-red-weight-strong-background: #eea198;
+	--component-badge-color-red-weight-strong-color: #000000;
+	--component-badge-color-red-weight-light-background: #f5c6c0;
+	--component-badge-color-red-weight-light-color: #65170e;
+}

package/dist/styleD/build/css/component/sidebarStepperNavigation.css

@@ -0,0 +1,51 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+	--component-sidebar-stepper-navigation-mobile-toggle-shared-border: 0.125rem
+		solid #cccccc;
+	--component-sidebar-stepper-navigation-mobile-toggle-shared-display: flex;
+	--component-sidebar-stepper-navigation-mobile-toggle-shared-align-items: center;
+	--component-sidebar-stepper-navigation-mobile-toggle-shared-justify-content: space-between;
+	--component-sidebar-stepper-navigation-mobile-toggle-shared-height: 4.5rem;
+	--component-sidebar-stepper-navigation-mobile-toggle-shared-padding-inline: 1rem;
+	--component-sidebar-stepper-navigation-mobile-toggle-shared-width: 100%;
+	--component-sidebar-stepper-navigation-mobile-toggle-shared-background-color: #f6f6f6;
+	--component-sidebar-stepper-navigation-mobile-toggle-shared-hovered-background-color: #ededed;
+	--component-sidebar-stepper-navigation-mobile-toggle-shared-pressed-background-color: #e6e6e6;
+	--component-sidebar-stepper-navigation-navigation-shared-border: 0.0625rem
+		solid #8d8d8d;
+	--component-sidebar-stepper-navigation-navigation-shared-flex-direction: column;
+	--component-sidebar-stepper-navigation-navigation-shared-height: 100%;
+	--component-sidebar-stepper-navigation-status-row-shared-display: flex;
+	--component-sidebar-stepper-navigation-status-row-shared-gap: 0.375rem;
+	--component-sidebar-stepper-navigation-status-row-shared-align-items: center;
+	--component-sidebar-stepper-navigation-status-row-shared-text-color: #545454;
+	--component-sidebar-stepper-navigation-status-row-shared-text-disabled-color: #999999;
+	--component-sidebar-stepper-navigation-status-row-shared-icon-size: 1rem;
+	--component-sidebar-stepper-navigation-status-row-shared-icon-optional-color: #cde4c9;
+	--component-sidebar-stepper-navigation-status-row-shared-icon-complete-color: #326528;
+	--component-sidebar-stepper-navigation-status-row-shared-icon-incomplete-color: #8c2113;
+	--component-sidebar-stepper-navigation-step-shared-height: 4.5rem;
+	--component-sidebar-stepper-navigation-step-shared-background-color: #ffffff;
+	--component-sidebar-stepper-navigation-step-shared-current-background-color: #f6f6f6;
+	--component-sidebar-stepper-navigation-step-shared-cursor: pointer;
+	--component-sidebar-stepper-navigation-step-shared-disabled-cursor: default;
+	--component-sidebar-stepper-navigation-step-shared-border: 0.0625rem solid
+		#cccccc;
+	--component-sidebar-stepper-navigation-step-shared-text-color: #000000;
+	--component-sidebar-stepper-navigation-step-shared-text-disabled-color: #999999;
+	--component-sidebar-stepper-navigation-step-shared-text-inverse-color: #ffffff;
+	--component-sidebar-stepper-navigation-step-shared-number-column-width: 2rem;
+	--component-sidebar-stepper-navigation-step-number-shared-height: 100%;
+	--component-sidebar-stepper-navigation-step-number-shared-background-color: #005d8b;
+	--component-sidebar-stepper-navigation-step-number-shared-display: flex;
+	--component-sidebar-stepper-navigation-step-number-shared-align-items: center;
+	--component-sidebar-stepper-navigation-step-number-shared-justify-content: center;
+	--component-sidebar-stepper-navigation-step-content-shared-display: flex;
+	--component-sidebar-stepper-navigation-step-content-shared-flex-direction: column;
+	--component-sidebar-stepper-navigation-step-content-shared-justify-content: center;
+	--component-sidebar-stepper-navigation-step-content-shared-gap: 0.25rem;
+	--component-sidebar-stepper-navigation-step-content-shared-margin-left: 0.75rem;
+}

package/dist/styleD/build/typescript/component/badge.cjs

@@ -0,0 +1,137 @@
+//#region src/styleD/build/typescript/component/badge.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentBadge = {
+	shared: {
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	size: {
+		md: {
+			padding: {
+				top: "4px",
+				right: "12px",
+				bottom: "4px",
+				left: "12px"
+			},
+			weight: {
+				strong: { typography: {
+					font: "normal 700 1rem/1.15 Open Sans",
+					letterSpacing: "-0.03125rem",
+					fontWidth: 95
+				} },
+				light: { typography: {
+					font: "normal 460 1rem/1.3 Open Sans",
+					letterSpacing: "0rem",
+					fontWidth: 95
+				} }
+			}
+		},
+		sm: {
+			padding: {
+				top: "4px",
+				right: "8px",
+				bottom: "4px",
+				left: "8px"
+			},
+			weight: {
+				strong: { typography: {
+					font: "normal 700 0.875rem/1.15 Open Sans",
+					letterSpacing: "-0.0125rem",
+					fontWidth: 95
+				} },
+				light: { typography: {
+					font: "normal 460 0.875rem/1.3 Open Sans",
+					letterSpacing: "0rem",
+					fontWidth: 95
+				} }
+			}
+		},
+		xs: {
+			padding: {
+				top: "1px",
+				right: "6px",
+				bottom: "3px",
+				left: "6px"
+			},
+			weight: {
+				strong: { typography: {
+					font: "normal 700 0.75rem/1.15 Open Sans",
+					letterSpacing: "0rem",
+					fontWidth: 95
+				} },
+				light: { typography: {
+					font: "normal 460 0.75rem/1.3 Open Sans",
+					letterSpacing: "0rem",
+					fontWidth: 95
+				} }
+			}
+		}
+	},
+	color: {
+		green: { weight: {
+			strong: {
+				background: "#aed2a6",
+				color: "#000000"
+			},
+			light: {
+				background: "#cde4c9",
+				color: "#24491d"
+			}
+		} },
+		yellow: { weight: {
+			strong: {
+				background: "#f1c21b",
+				color: "#000000"
+			},
+			light: {
+				background: "#ffedac",
+				color: "#5b4a0b"
+			}
+		} },
+		grey: { weight: {
+			strong: {
+				background: "#dcdcdc",
+				color: "#000000"
+			},
+			light: {
+				background: "#dcdcdc",
+				color: "#000000"
+			}
+		} },
+		orange: { weight: {
+			strong: {
+				background: "#fac7a1",
+				color: "#000000"
+			},
+			light: {
+				background: "#fcddc6",
+				color: "#693c16"
+			}
+		} },
+		warmPurple: { weight: {
+			strong: {
+				background: "#dac3e8",
+				color: "#000000"
+			},
+			light: {
+				background: "#dac3e8",
+				color: "#381350"
+			}
+		} },
+		red: { weight: {
+			strong: {
+				background: "#eea198",
+				color: "#000000"
+			},
+			light: {
+				background: "#f5c6c0",
+				color: "#65170e"
+			}
+		} }
+	}
+};
+//#endregion
+exports.componentBadge = componentBadge;