@guardian/stand 0.0.71 → 0.0.73

package/dist/index.d.ts

@@ -19,6 +19,7 @@ import { ComponentLayout, componentLayout } from "./styleD/build/typescript/comp
 import { ComponentLink, componentLink } from "./styleD/build/typescript/component/link.js";
 import { ComponentMenu, componentMenu } from "./styleD/build/typescript/component/menu.js";
 import { ComponentModal, componentModal } from "./styleD/build/typescript/component/modal.js";
+import { ComponentPagination, componentPagination } from "./styleD/build/typescript/component/pagination.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";
@@ -29,6 +30,7 @@ import { ComponentTagTable, componentTagTable } from "./styleD/build/typescript/
 import { ComponentTextArea, componentTextArea } from "./styleD/build/typescript/component/textArea.js";
 import { ComponentTextInput, componentTextInput } from "./styleD/build/typescript/component/textInput.js";
 import { ComponentTextListInput, componentTextListInput } from "./styleD/build/typescript/component/textListInput.js";
+import { ComponentToggleSwitch, componentToggleSwitch } from "./styleD/build/typescript/component/toggleSwitch.js";
 import { ComponentTooltip, componentTooltip } from "./styleD/build/typescript/component/tooltip.js";
 import { ComponentTopBar, componentTopBar } from "./styleD/build/typescript/component/topBar.js";
 import { ComponentUserFeedbackSummary, componentUserFeedbackSummary } from "./styleD/build/typescript/component/userFeedbackSummary.js";
@@ -44,4 +46,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 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 ComponentTable, type ComponentTabs, type ComponentTagTable, type ComponentTextArea, type ComponentTextInput, type ComponentTextListInput, 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, componentTable, componentTabs, componentTagTable, componentTextArea, componentTextInput, componentTextListInput, 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 ComponentPagination, type ComponentRadioGroup, type ComponentSelect, type ComponentSidebarStepperNavigation, type ComponentTable, type ComponentTabs, type ComponentTagTable, type ComponentTextArea, type ComponentTextInput, type ComponentTextListInput, type ComponentToggleSwitch, 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, componentPagination, componentRadioGroup, componentSelect, componentSidebarStepperNavigation, componentTable, componentTabs, componentTagTable, componentTextArea, componentTextInput, componentTextListInput, componentToggleSwitch, componentTooltip, componentTopBar, componentTypography, componentUserFeedbackSummary, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };

package/dist/index.js

@@ -11,6 +11,8 @@ import { componentAutocomplete } from "./styleD/build/typescript/component/autoc
 import { componentTagTable } from "./styleD/build/typescript/component/tagTable.js";
 import { componentUserMenu } from "./styleD/build/typescript/component/userMenu.js";
 import { componentIntendedAudienceSignifier } from "./styleD/build/typescript/component/intendedAudienceSignifier.js";
+import { componentPagination } from "./styleD/build/typescript/component/pagination.js";
+import { componentToggleSwitch } from "./styleD/build/typescript/component/toggleSwitch.js";
 import { componentFavicon } from "./styleD/build/typescript/component/favicon.js";
 import { componentDatePicker } from "./styleD/build/typescript/component/datePicker.js";
 import { componentGrid } from "./styleD/build/typescript/component/grid.js";
@@ -44,4 +46,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, componentBadge, componentButton, componentButtonGroup, componentByline, componentCheckbox, componentDatePicker, componentFavicon, componentForm, componentGrid, componentIcon, componentInlineMessage, componentIntendedAudienceSignifier, componentLayout, componentLink, componentMenu, componentModal, componentRadioGroup, componentSelect, componentSidebarStepperNavigation, componentTable, componentTabs, componentTagTable, componentTextArea, componentTextInput, componentTextListInput, 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, componentPagination, componentRadioGroup, componentSelect, componentSidebarStepperNavigation, componentTable, componentTabs, componentTagTable, componentTextArea, componentTextInput, componentTextListInput, componentToggleSwitch, componentTooltip, componentTopBar, componentTypography, componentUserFeedbackSummary, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };

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

@@ -21,7 +21,7 @@
 	--component-checkbox-input-shared-indicator-check-height: 20px;
 	--component-checkbox-input-shared-indicator-indeterminate-width: 12px;
 	--component-checkbox-input-shared-indicator-indeterminate-height: 2px;
-	--component-checkbox-input-shared-indicator-selected-background-color: #005d8b;
+	--component-checkbox-input-shared-indicator-selected-background-color: #0072a9;
 	--component-checkbox-input-shared-indicator-selected-border: 0.0625rem solid
 		#0072a9;
 	--component-checkbox-input-shared-indicator-selected-svg-fill: #ffffff;

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

@@ -0,0 +1,51 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+	--component-pagination-shared-display: flex;
+	--component-pagination-shared-align-items: center;
+	--component-pagination-shared-gap: 6px;
+	--component-pagination-shared-margin: 0;
+	--component-pagination-shared-padding: 0;
+	--component-pagination-summary-color: #545454;
+	--component-pagination-summary-margin-left: 12px;
+	--component-pagination-summary-typography-font: normal 460 0.875rem/1.3
+		'Open Sans';
+	--component-pagination-summary-typography-letter-spacing: 0rem;
+	--component-pagination-summary-typography-font-width: 95;
+	--component-pagination-ellipsis-min-width: 12px;
+	--component-pagination-ellipsis-color: #545454;
+	--component-pagination-item-min-width: 1.5rem;
+	--component-pagination-item-height: 1.5rem;
+	--component-pagination-item-padding-x: 2px;
+	--component-pagination-item-padding-y: 0; /** 0 because the item has a fixed height and flex-centers its content; vertical padding would only shrink the content box */
+	--component-pagination-item-border-radius: 0.25rem;
+	--component-pagination-item-border-width: 0.0625rem;
+	--component-pagination-item-border-style: solid;
+	--component-pagination-item-cursor: pointer;
+	--component-pagination-item-color: #000000;
+	--component-pagination-item-background-color: #ffffff;
+	--component-pagination-item-border-color: #cccccc;
+	--component-pagination-item-typography-font: normal 460 0.875rem/1.3
+		'Open Sans';
+	--component-pagination-item-typography-letter-spacing: 0rem;
+	--component-pagination-item-typography-font-width: 95;
+	--component-pagination-item-hover-background-color: #f6f6f6;
+	--component-pagination-item-hover-border-color: #cccccc;
+	--component-pagination-item-active-background-color: #ededed;
+	--component-pagination-item-current-color: #ffffff;
+	--component-pagination-item-current-background-color: #0072a9;
+	--component-pagination-item-current-border-color: #0072a9;
+	--component-pagination-item-current-typography-font: normal 700 0.875rem/1.15
+		'Open Sans';
+	--component-pagination-item-current-typography-letter-spacing: -0.0125rem;
+	--component-pagination-item-current-typography-font-width: 95;
+	--component-pagination-item-disabled-color: #999999;
+	--component-pagination-item-disabled-background-color: #dcdcdc;
+	--component-pagination-item-disabled-border-color: #dcdcdc;
+	--component-pagination-item-disabled-cursor: not-allowed;
+	--component-pagination-item-focus-visible-outline-color: #0072a9;
+	--component-pagination-item-focus-visible-outline-width: 0.125rem;
+	--component-pagination-item-focus-visible-outline-offset: 2px;
+}

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

@@ -28,7 +28,7 @@
 	--component-radio-group-shared-indicator-invalid-after-background-color: #b42a19;
 	--component-radio-group-shared-indicator-disabled-border: 0.0625rem solid
 		#dcdcdc;
-	--component-radio-group-shared-indicator-selected-after-background-color: #005d8b;
+	--component-radio-group-shared-indicator-selected-after-background-color: #0072a9;
 	--component-radio-group-shared-indicator-selected-after-scale: 0.6;
 	--component-radio-group-shared-indicator-selected-border: 0.125rem solid
 		#0072a9;

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

@@ -39,7 +39,7 @@
 	--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-background-color: #0072a9;
 	--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;

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

@@ -0,0 +1,55 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+	--component-toggle-switch-shared-display: flex;
+	--component-toggle-switch-shared-align-items: center;
+	--component-toggle-switch-shared-gap: 0.5rem;
+	--component-toggle-switch-shared-cursor: pointer;
+	--component-toggle-switch-shared-color: #000000;
+	--component-toggle-switch-shared-label-display: flex;
+	--component-toggle-switch-shared-label-flex-direction: column;
+	--component-toggle-switch-shared-label-align-items: flex-start;
+	--component-toggle-switch-shared-label-padding-block: 0.125rem;
+	--component-toggle-switch-shared-description-color: #545454;
+	--component-toggle-switch-shared-description-typography-font: normal 460
+		0.75rem/1.3 'Open Sans';
+	--component-toggle-switch-shared-description-typography-letter-spacing: 0rem;
+	--component-toggle-switch-shared-description-typography-font-width: 95;
+	--component-toggle-switch-shared-track-display: flex;
+	--component-toggle-switch-shared-track-align-items: center;
+	--component-toggle-switch-shared-track-padding: 0.25rem;
+	--component-toggle-switch-shared-track-border-radius: 100px;
+	--component-toggle-switch-shared-track-background-color: #666666;
+	--component-toggle-switch-shared-track-transition: background-color 200ms;
+	--component-toggle-switch-shared-track-selected-background-color: #0072a9;
+	--component-toggle-switch-shared-track-disabled-background-color: #dcdcdc;
+	--component-toggle-switch-shared-track-focus-visible-outline: 0.125rem solid
+		#0072a9;
+	--component-toggle-switch-shared-track-focus-visible-outline-offset: 0.125rem;
+	--component-toggle-switch-shared-thumb-border-radius: 50%;
+	--component-toggle-switch-shared-thumb-background-color: #ffffff;
+	--component-toggle-switch-shared-thumb-color: #0072a9;
+	--component-toggle-switch-shared-thumb-disabled-color: #dcdcdc;
+	--component-toggle-switch-shared-thumb-transition: transform 200ms;
+	--component-toggle-switch-shared-disabled-color: #999999;
+	--component-toggle-switch-shared-disabled-cursor: not-allowed;
+	--component-toggle-switch-sm-typography-font: normal 460 0.875rem/1.3
+		'Open Sans';
+	--component-toggle-switch-sm-typography-letter-spacing: 0rem;
+	--component-toggle-switch-sm-typography-font-width: 95;
+	--component-toggle-switch-sm-track-width: 2.75rem;
+	--component-toggle-switch-sm-track-height: 1.5rem;
+	--component-toggle-switch-sm-thumb-size: 1.125rem;
+	--component-toggle-switch-sm-thumb-translate-x: 1.25rem;
+	--component-toggle-switch-sm-thumb-icon-size: 1rem;
+	--component-toggle-switch-md-typography-font: normal 460 1rem/1.3 'Open Sans';
+	--component-toggle-switch-md-typography-letter-spacing: 0rem;
+	--component-toggle-switch-md-typography-font-width: 95;
+	--component-toggle-switch-md-track-width: 3.75rem;
+	--component-toggle-switch-md-track-height: 2rem;
+	--component-toggle-switch-md-thumb-size: 1.5rem;
+	--component-toggle-switch-md-thumb-translate-x: 1.75rem;
+	--component-toggle-switch-md-thumb-icon-size: 1.25rem;
+}

package/dist/styleD/build/css/semantic/colors.css

@@ -72,13 +72,24 @@
 	--semantic-colors-fill-orange-weak: #fcddc6;
 	--semantic-colors-fill-orange-medium: #fac7a1;
 	--semantic-colors-fill-yellow-weak: #ffedac;
-	--semantic-colors-fill-selected: #005d8b;
+	--semantic-colors-fill-unselected-strong: #ffffff;
+	--semantic-colors-fill-unselected-hover-strong: #005d8b;
+	--semantic-colors-fill-unselected-pressed-strong: #00496c;
+	--semantic-colors-fill-selected-strong: #0072a9;
+	--semantic-colors-fill-selected-hover-strong: #00496c;
+	--semantic-colors-fill-selected-pressed-strong: #00344e;
 	--semantic-colors-fill-selected-weaker: #e6f1f6;
-	--semantic-colors-fill-selected-weak: #c5dfec;
 	--semantic-colors-fill-selected-hover-weaker: #c5dfec;
-	--semantic-colors-fill-selected-hover-weak: #8abed7;
 	--semantic-colors-fill-selected-pressed-weaker: #8abed7;
+	--semantic-colors-fill-unselected-weaker: #ffffff;
+	--semantic-colors-fill-unselected-hover-weaker: #e6f1f6;
+	--semantic-colors-fill-unselected-pressed-weaker: #c5dfec;
+	--semantic-colors-fill-selected-weak: #c5dfec;
+	--semantic-colors-fill-selected-hover-weak: #8abed7;
 	--semantic-colors-fill-selected-pressed-weak: #5ca5c8;
+	--semantic-colors-fill-unselected-weak: #ffffff;
+	--semantic-colors-fill-unselected-hover-weak: #c5dfec;
+	--semantic-colors-fill-unselected-pressed-weak: #8abed7;
 	--semantic-colors-fill-draft-strong: #f1c21b;
 	--semantic-colors-fill-live-weak: #aed2a6;
 	--semantic-colors-fill-warning-weak: #ffedac;
@@ -90,4 +101,5 @@
 	--semantic-colors-fill-success-weak: #cde4c9;
 	--semantic-colors-fill-success-strong: #326528;
 	--semantic-colors-fill-neutral-weak: #ededed;
+	--semantic-colors-fill-neutral-medium: #666666;
 }

package/dist/styleD/build/css/semantic/sizing.css

@@ -3,6 +3,7 @@
  */
 
 :root {
+	--semantic-sizing-height-xxxxs: 1rem;
 	--semantic-sizing-height-xxxs: 1.125rem;
 	--semantic-sizing-height-xxs: 1.25rem;
 	--semantic-sizing-height-xs: 1.5rem;

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

@@ -29,7 +29,7 @@ const componentCheckbox = {
 					height: "2px"
 				},
 				selected: {
-					backgroundColor: "#005d8b",
+					backgroundColor: "#0072a9",
 					border: "0.0625rem solid #0072a9",
 					svg: { fill: "#ffffff" }
 				},

package/dist/styleD/build/typescript/component/checkbox.js

@@ -29,7 +29,7 @@ const componentCheckbox = {
 					height: "2px"
 				},
 				selected: {
-					backgroundColor: "#005d8b",
+					backgroundColor: "#0072a9",
 					border: "0.0625rem solid #0072a9",
 					svg: { fill: "#ffffff" }
 				},

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

@@ -0,0 +1,72 @@
+//#region src/styleD/build/typescript/component/pagination.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentPagination = {
+	shared: {
+		display: "flex",
+		alignItems: "center",
+		gap: "6px",
+		margin: "0",
+		padding: "0"
+	},
+	summary: {
+		color: "#545454",
+		marginLeft: "12px",
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		}
+	},
+	ellipsis: {
+		minWidth: "12px",
+		color: "#545454"
+	},
+	item: {
+		minWidth: "1.5rem",
+		height: "1.5rem",
+		paddingX: "2px",
+		paddingY: "0",
+		borderRadius: "0.25rem",
+		borderWidth: "0.0625rem",
+		borderStyle: "solid",
+		cursor: "pointer",
+		color: "#000000",
+		backgroundColor: "#ffffff",
+		borderColor: "#cccccc",
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		},
+		hover: {
+			backgroundColor: "#f6f6f6",
+			borderColor: "#cccccc"
+		},
+		active: { backgroundColor: "#ededed" },
+		current: {
+			color: "#ffffff",
+			backgroundColor: "#0072a9",
+			borderColor: "#0072a9",
+			typography: {
+				font: "normal 700 0.875rem/1.15 Open Sans",
+				letterSpacing: "-0.0125rem",
+				fontWidth: 95
+			}
+		},
+		disabled: {
+			color: "#999999",
+			backgroundColor: "#dcdcdc",
+			borderColor: "#dcdcdc",
+			cursor: "not-allowed"
+		},
+		focusVisible: {
+			outlineColor: "#0072a9",
+			outlineWidth: "0.125rem",
+			outlineOffset: "2px"
+		}
+	}
+};
+//#endregion
+exports.componentPagination = componentPagination;

package/dist/styleD/build/typescript/component/pagination.d.cts

@@ -0,0 +1,75 @@
+//#region src/styleD/build/typescript/component/pagination.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentPagination: {
+  shared: {
+    display: string;
+    alignItems: string;
+    gap: string;
+    margin: string;
+    padding: string;
+  };
+  summary: {
+    color: string;
+    marginLeft: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+  ellipsis: {
+    minWidth: string;
+    color: string;
+  };
+  item: {
+    minWidth: string;
+    height: string;
+    paddingX: string;
+    paddingY: string;
+    borderRadius: string;
+    borderWidth: string;
+    borderStyle: string;
+    cursor: string;
+    color: string;
+    backgroundColor: string;
+    borderColor: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+    hover: {
+      backgroundColor: string;
+      borderColor: string;
+    };
+    active: {
+      backgroundColor: string;
+    };
+    current: {
+      color: string;
+      backgroundColor: string;
+      borderColor: string;
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+    };
+    disabled: {
+      color: string;
+      backgroundColor: string;
+      borderColor: string;
+      cursor: string;
+    };
+    focusVisible: {
+      outlineColor: string;
+      outlineWidth: string;
+      outlineOffset: string;
+    };
+  };
+};
+type ComponentPagination = typeof componentPagination;
+//#endregion
+export { ComponentPagination, componentPagination };

package/dist/styleD/build/typescript/component/pagination.d.ts

@@ -0,0 +1,75 @@
+//#region src/styleD/build/typescript/component/pagination.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentPagination: {
+  shared: {
+    display: string;
+    alignItems: string;
+    gap: string;
+    margin: string;
+    padding: string;
+  };
+  summary: {
+    color: string;
+    marginLeft: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+  ellipsis: {
+    minWidth: string;
+    color: string;
+  };
+  item: {
+    minWidth: string;
+    height: string;
+    paddingX: string;
+    paddingY: string;
+    borderRadius: string;
+    borderWidth: string;
+    borderStyle: string;
+    cursor: string;
+    color: string;
+    backgroundColor: string;
+    borderColor: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+    hover: {
+      backgroundColor: string;
+      borderColor: string;
+    };
+    active: {
+      backgroundColor: string;
+    };
+    current: {
+      color: string;
+      backgroundColor: string;
+      borderColor: string;
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+    };
+    disabled: {
+      color: string;
+      backgroundColor: string;
+      borderColor: string;
+      cursor: string;
+    };
+    focusVisible: {
+      outlineColor: string;
+      outlineWidth: string;
+      outlineOffset: string;
+    };
+  };
+};
+type ComponentPagination = typeof componentPagination;
+//#endregion
+export { ComponentPagination, componentPagination };

package/dist/styleD/build/typescript/component/pagination.js

@@ -0,0 +1,72 @@
+//#region src/styleD/build/typescript/component/pagination.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentPagination = {
+	shared: {
+		display: "flex",
+		alignItems: "center",
+		gap: "6px",
+		margin: "0",
+		padding: "0"
+	},
+	summary: {
+		color: "#545454",
+		marginLeft: "12px",
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		}
+	},
+	ellipsis: {
+		minWidth: "12px",
+		color: "#545454"
+	},
+	item: {
+		minWidth: "1.5rem",
+		height: "1.5rem",
+		paddingX: "2px",
+		paddingY: "0",
+		borderRadius: "0.25rem",
+		borderWidth: "0.0625rem",
+		borderStyle: "solid",
+		cursor: "pointer",
+		color: "#000000",
+		backgroundColor: "#ffffff",
+		borderColor: "#cccccc",
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		},
+		hover: {
+			backgroundColor: "#f6f6f6",
+			borderColor: "#cccccc"
+		},
+		active: { backgroundColor: "#ededed" },
+		current: {
+			color: "#ffffff",
+			backgroundColor: "#0072a9",
+			borderColor: "#0072a9",
+			typography: {
+				font: "normal 700 0.875rem/1.15 Open Sans",
+				letterSpacing: "-0.0125rem",
+				fontWidth: 95
+			}
+		},
+		disabled: {
+			color: "#999999",
+			backgroundColor: "#dcdcdc",
+			borderColor: "#dcdcdc",
+			cursor: "not-allowed"
+		},
+		focusVisible: {
+			outlineColor: "#0072a9",
+			outlineWidth: "0.125rem",
+			outlineOffset: "2px"
+		}
+	}
+};
+//#endregion
+export { componentPagination };

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

@@ -39,7 +39,7 @@ const componentRadioGroup = {
 			disabled: { border: "0.0625rem solid #dcdcdc" },
 			selected: {
 				after: {
-					backgroundColor: "#005d8b",
+					backgroundColor: "#0072a9",
 					scale: .6
 				},
 				border: "0.125rem solid #0072a9",

package/dist/styleD/build/typescript/component/radioGroup.js

@@ -39,7 +39,7 @@ const componentRadioGroup = {
 			disabled: { border: "0.0625rem solid #dcdcdc" },
 			selected: {
 				after: {
-					backgroundColor: "#005d8b",
+					backgroundColor: "#0072a9",
 					scale: .6
 				},
 				border: "0.125rem solid #0072a9",

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

@@ -51,7 +51,7 @@ const componentSidebarStepperNavigation = {
 	} },
 	stepNumber: { shared: {
 		height: "100%",
-		backgroundColor: "#005d8b",
+		backgroundColor: "#0072a9",
 		display: "flex",
 		alignItems: "center",
 		justifyContent: "center"

package/dist/styleD/build/typescript/component/sidebarStepperNavigation.js

@@ -51,7 +51,7 @@ const componentSidebarStepperNavigation = {
 	} },
 	stepNumber: { shared: {
 		height: "100%",
-		backgroundColor: "#005d8b",
+		backgroundColor: "#0072a9",
 		display: "flex",
 		alignItems: "center",
 		justifyContent: "center"

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

@@ -0,0 +1,86 @@
+//#region src/styleD/build/typescript/component/toggleSwitch.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentToggleSwitch = {
+	shared: {
+		display: "flex",
+		alignItems: "center",
+		gap: "0.5rem",
+		cursor: "pointer",
+		color: "#000000",
+		label: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "flex-start",
+			paddingBlock: "0.125rem"
+		},
+		description: {
+			color: "#545454",
+			typography: {
+				font: "normal 460 0.75rem/1.3 Open Sans",
+				letterSpacing: "0rem",
+				fontWidth: 95
+			}
+		},
+		track: {
+			display: "flex",
+			alignItems: "center",
+			padding: "0.25rem",
+			borderRadius: "100px",
+			backgroundColor: "#666666",
+			transition: "background-color 200ms",
+			selected: { backgroundColor: "#0072a9" },
+			disabled: { backgroundColor: "#dcdcdc" },
+			focusVisible: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "0.125rem"
+			}
+		},
+		thumb: {
+			borderRadius: "50%",
+			backgroundColor: "#ffffff",
+			color: "#0072a9",
+			disabled: { color: "#dcdcdc" },
+			transition: "transform 200ms"
+		},
+		disabled: {
+			color: "#999999",
+			cursor: "not-allowed"
+		}
+	},
+	sm: {
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		},
+		track: {
+			width: "2.75rem",
+			height: "1.5rem"
+		},
+		thumb: {
+			size: "1.125rem",
+			translateX: "1.25rem",
+			iconSize: "1rem"
+		}
+	},
+	md: {
+		typography: {
+			font: "normal 460 1rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		},
+		track: {
+			width: "3.75rem",
+			height: "2rem"
+		},
+		thumb: {
+			size: "1.5rem",
+			translateX: "1.75rem",
+			iconSize: "1.25rem"
+		}
+	}
+};
+//#endregion
+exports.componentToggleSwitch = componentToggleSwitch;