@guardian/stand 0.0.60 → 0.0.62

package/dist/components/TopBar/TopBarNavigation/styles.d.ts

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../../util/types.js";
 import { ComponentTopBar } from "../../../styleD/build/typescript/component/topBar.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/TopBarNavigation/styles.d.ts
 type TopBarNavigationTheme = Prettify<ComponentTopBar['navigation']>;
 type PartialTopBarNavigationTheme = Prettify<DeepPartial<TopBarNavigationTheme>>;

package/dist/components/TopBar/TopBarNavigation/styles.js

@@ -30,53 +30,53 @@ const topBarNavigationStyles = (theme, selected, _menuOpen) => {
 		}
 
 		${_menuOpen ? css`
-					border-right: ${theme.shared.borderTop};
-					border-left: ${theme.unselected.borderBottom};
-					width: 100%;
+						border-right: ${theme.shared.borderTop};
+						border-left: ${theme.unselected.borderBottom};
+						width: 100%;
 
-					&[data-hovered],
-					&:hover {
-						border-left: ${theme.selected.borderBottom};
-					}
+						&[data-hovered],
+						&:hover {
+							border-left: ${theme.selected.borderBottom};
+						}
 
-					&[data-focus-visible],
-					&:focus-visible {
-						border-left: ${theme.selected.borderBottom};
-					}
+						&[data-focus-visible],
+						&:focus-visible {
+							border-left: ${theme.selected.borderBottom};
+						}
 
-					${selected && `
+						${selected && `
 						border-left: ${theme.selected.borderBottom};
 						background-color: ${theme.shared._menuOpen.selected.backgroundColor};
 					`}
-				` : css`
-					border-top: ${theme.shared.borderTop};
-					border-bottom: ${theme.unselected.borderBottom};
+					` : css`
+						border-top: ${theme.shared.borderTop};
+						border-bottom: ${theme.unselected.borderBottom};
 
-					&[data-hovered],
-					&:hover {
-						border-bottom: ${theme.selected.borderBottom};
-					}
+						&[data-hovered],
+						&:hover {
+							border-bottom: ${theme.selected.borderBottom};
+						}
 
-					&[data-focus-visible],
-					&:focus-visible {
-						border-bottom: ${theme.selected.borderBottom};
-					}
+						&[data-focus-visible],
+						&:focus-visible {
+							border-bottom: ${theme.selected.borderBottom};
+						}
 
-					${selected && `
+						${selected && `
 						border-bottom: ${theme.selected.borderBottom};
 					`}
-				`}
+					`}
 
 		text-decoration: ${theme.shared.textDecoration};
 	`;
 };
 const topBarNavigationDividerStyles = (theme, { alignment }, _menuOpen) => css`
 	${_menuOpen ? css`
-				height: ${theme.shared._menuOpen.height};
-				border-bottom: ${theme.shared.divider};
-			` : css`
-				${alignment === "left" ? "border-right" : "border-left"}: ${theme.shared.divider};
-			`}
+					height: ${theme.shared._menuOpen.height};
+					border-bottom: ${theme.shared.divider};
+				` : css`
+					${alignment === "left" ? "border-right" : "border-left"}: ${theme.shared.divider};
+				`}
 `;
 const topBarNavigationTextStyles = (theme, { hasIcon }) => css`
 	${hasIcon && `margin-left: ${theme.text.margin.left};`}

package/dist/components/TopBar/TopBarNavigation/types.d.cts

@@ -3,7 +3,6 @@ import { IconProps } from "../../Icon/types.cjs";
 import { TopBarNavigationTheme } from "./styles.cjs";
 import { PressEvent } from "react-aria-components";
 import { ReactNode } from "react";
-
 //#region src/components/TopBar/TopBarNavigation/types.d.ts
 interface TopBarNavigationProps extends DefaultProps<TopBarNavigationTheme> {
   /**

package/dist/components/TopBar/TopBarNavigation/types.d.ts

@@ -3,7 +3,6 @@ import { IconProps } from "../../Icon/types.js";
 import { TopBarNavigationTheme } from "./styles.js";
 import { ReactNode } from "react";
 import { PressEvent } from "react-aria-components";
-
 //#region src/components/TopBar/TopBarNavigation/types.d.ts
 interface TopBarNavigationProps extends DefaultProps<TopBarNavigationTheme> {
   /**

package/dist/components/TopBar/TopBarToolName/TopBarToolName.d.cts

@@ -1,10 +1,5 @@
 import { TopBarToolNameProps } from "./types.cjs";
-
 //#region src/components/TopBar/TopBarToolName/TopBarToolName.d.ts
-declare const TopBarToolName: ({
-  collapseBelow,
-  theme,
-  ...props
-}: TopBarToolNameProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const TopBarToolName: ({ collapseBelow, theme, ...props }: TopBarToolNameProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { TopBarToolName };

package/dist/components/TopBar/TopBarToolName/TopBarToolName.d.ts

@@ -1,10 +1,5 @@
 import { TopBarToolNameProps } from "./types.js";
-
 //#region src/components/TopBar/TopBarToolName/TopBarToolName.d.ts
-declare const TopBarToolName: ({
-  collapseBelow,
-  theme,
-  ...props
-}: TopBarToolNameProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const TopBarToolName: ({ collapseBelow, theme, ...props }: TopBarToolNameProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { TopBarToolName };

package/dist/components/TopBar/TopBarToolName/styles.d.cts

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../../util/types.cjs";
 import { ComponentTopBar } from "../../../styleD/build/typescript/component/topBar.cjs";
+import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/TopBarToolName/styles.d.ts
 type TopBarToolNameTheme = Prettify<ComponentTopBar['toolName']>;
 type PartialTopBarToolNameTheme = Prettify<DeepPartial<TopBarToolNameTheme>>;

package/dist/components/TopBar/TopBarToolName/styles.d.ts

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../../util/types.js";
 import { ComponentTopBar } from "../../../styleD/build/typescript/component/topBar.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/TopBarToolName/styles.d.ts
 type TopBarToolNameTheme = Prettify<ComponentTopBar['toolName']>;
 type PartialTopBarToolNameTheme = Prettify<DeepPartial<TopBarToolNameTheme>>;

package/dist/components/TopBar/TopBarToolName/types.d.cts

@@ -4,7 +4,6 @@ import { FaviconProps } from "../../Favicon/types.cjs";
 import { Breakpoint } from "../../../styleD/utils/semantic/mq.cjs";
 import { TopBarToolNameTheme } from "./styles.cjs";
 import { LinkProps } from "react-aria-components";
-
 //#region src/components/TopBar/TopBarToolName/types.d.ts
 interface TopBarToolNameProps extends DefaultProps<TopBarToolNameTheme, LinkProps['className']>, Omit<LinkProps, 'children'> {
   /**

package/dist/components/TopBar/TopBarToolName/types.d.ts

@@ -4,7 +4,6 @@ import { FaviconProps } from "../../Favicon/types.js";
 import { Breakpoint } from "../../../styleD/utils/semantic/mq.js";
 import { TopBarToolNameTheme } from "./styles.js";
 import { LinkProps } from "react-aria-components";
-
 //#region src/components/TopBar/TopBarToolName/types.d.ts
 interface TopBarToolNameProps extends DefaultProps<TopBarToolNameTheme, LinkProps['className']>, Omit<LinkProps, 'children'> {
   /**

package/dist/components/TopBar/styles.cjs

@@ -20,16 +20,16 @@ const topBarContainerStyles = (theme, { collapseBelow, showUntil } = {}) => {
 		display: ${theme.display};
 
 		${collapseBelow && _emotion_react.css`
-			${require_mq.until[collapseBelow]} {
-				display: none;
-			}
-		`}
+				${require_mq.until[collapseBelow]} {
+					display: none;
+				}
+			`}
 
 		${showUntil && _emotion_react.css`
-			${require_mq.from[showUntil]} {
-				display: none;
-			}
-		`}
+				${require_mq.from[showUntil]} {
+					display: none;
+				}
+			`}
 	`;
 };
 const topBarSpacerStyles = (theme) => {
@@ -50,8 +50,8 @@ const topBarCollapsedNavMenuButtonStyles = (theme, menuOpen) => {
 		}
 
 		${menuOpen && _emotion_react.css`
-			background-color: ${theme.collapsedNavMenu.button.active.backgroundColor};
-		`}
+				background-color: ${theme.collapsedNavMenu.button.active.backgroundColor};
+			`}
 	`;
 };
 const topBarCollapsedNavMenuPopoverStyles = (theme) => {

package/dist/components/TopBar/styles.d.cts

@@ -1,7 +1,6 @@
 import { DeepPartial, Prettify } from "../../util/types.cjs";
 import { ComponentTopBar } from "../../styleD/build/typescript/component/topBar.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/styles.d.ts
 type TopBarTheme = Prettify<ComponentTopBar>;
 type PartialTopBarTheme = Prettify<DeepPartial<TopBarTheme>>;

package/dist/components/TopBar/styles.d.ts

@@ -1,7 +1,6 @@
 import { DeepPartial, Prettify } from "../../util/types.js";
 import { ComponentTopBar } from "../../styleD/build/typescript/component/topBar.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/styles.d.ts
 type TopBarTheme = Prettify<ComponentTopBar>;
 type PartialTopBarTheme = Prettify<DeepPartial<TopBarTheme>>;

package/dist/components/TopBar/styles.js

@@ -20,16 +20,16 @@ const topBarContainerStyles = (theme, { collapseBelow, showUntil } = {}) => {
 		display: ${theme.display};
 
 		${collapseBelow && css`
-			${until[collapseBelow]} {
-				display: none;
-			}
-		`}
+				${until[collapseBelow]} {
+					display: none;
+				}
+			`}
 
 		${showUntil && css`
-			${from[showUntil]} {
-				display: none;
-			}
-		`}
+				${from[showUntil]} {
+					display: none;
+				}
+			`}
 	`;
 };
 const topBarSpacerStyles = (theme) => {
@@ -50,8 +50,8 @@ const topBarCollapsedNavMenuButtonStyles = (theme, menuOpen) => {
 		}
 
 		${menuOpen && css`
-			background-color: ${theme.collapsedNavMenu.button.active.backgroundColor};
-		`}
+				background-color: ${theme.collapsedNavMenu.button.active.backgroundColor};
+			`}
 	`;
 };
 const topBarCollapsedNavMenuPopoverStyles = (theme) => {

package/dist/components/TopBar/types.d.cts

@@ -1,7 +1,6 @@
 import { DefaultPropsWithChildren } from "../../util/types.cjs";
 import { Breakpoint } from "../../styleD/utils/semantic/mq.cjs";
 import { TopBarTheme } from "./styles.cjs";
-
 //#region src/components/TopBar/types.d.ts
 type TopBarProps = DefaultPropsWithChildren<TopBarTheme> & {
   /**

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

@@ -1,7 +1,6 @@
 import { DefaultPropsWithChildren } from "../../util/types.js";
 import { Breakpoint } from "../../styleD/utils/semantic/mq.js";
 import { TopBarTheme } from "./styles.js";
-
 //#region src/components/TopBar/types.d.ts
 type TopBarProps = DefaultPropsWithChildren<TopBarTheme> & {
   /**

package/dist/components/Typography/Typography.d.cts

@@ -1,13 +1,5 @@
 import { TypographyProps } from "./types.cjs";
-
 //#region src/components/Typography/Typography.d.ts
-declare const Typography: ({
-  element,
-  variant,
-  children,
-  cssOverrides,
-  theme,
-  ...props
-}: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Typography: ({ element, variant, children, cssOverrides, theme, ...props }: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Typography };

package/dist/components/Typography/Typography.d.ts

@@ -1,13 +1,5 @@
 import { TypographyProps } from "./types.js";
-
 //#region src/components/Typography/Typography.d.ts
-declare const Typography: ({
-  element,
-  variant,
-  children,
-  cssOverrides,
-  theme,
-  ...props
-}: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Typography: ({ element, variant, children, cssOverrides, theme, ...props }: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Typography };

package/dist/components/Typography/styles.d.cts

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../util/types.cjs";
 import { ComponentTypography } from "../../styleD/build/typescript/component/typography.cjs";
+import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Typography/styles.d.ts
 type TypographyTheme = Prettify<ComponentTypography>;
 type PartialTypographyTheme = Prettify<DeepPartial<TypographyTheme>>;

package/dist/components/Typography/styles.d.ts

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../util/types.js";
 import { ComponentTypography } from "../../styleD/build/typescript/component/typography.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Typography/styles.d.ts
 type TypographyTheme = Prettify<ComponentTypography>;
 type PartialTypographyTheme = Prettify<DeepPartial<TypographyTheme>>;

package/dist/components/Typography/types.d.cts

@@ -2,7 +2,6 @@ import { DefaultProps } from "../../util/types.cjs";
 import { SemanticTypography } from "../../styleD/build/typescript/semantic/typography.cjs";
 import { TypographyTheme } from "./styles.cjs";
 import { TextProps } from "react-aria-components";
-
 //#region src/components/Typography/types.d.ts
 type TypographyVariant = keyof SemanticTypography;
 interface TypographyProps extends DefaultProps<TypographyTheme, TextProps['className']>, Omit<TextProps, 'elementType' | 'className'> {

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

@@ -2,7 +2,6 @@ import { DefaultProps } from "../../util/types.js";
 import { SemanticTypography } from "../../styleD/build/typescript/semantic/typography.js";
 import { TypographyTheme } from "./styles.js";
 import { TextProps } from "react-aria-components";
-
 //#region src/components/Typography/types.d.ts
 type TypographyVariant = keyof SemanticTypography;
 interface TypographyProps extends DefaultProps<TypographyTheme, TextProps['className']>, Omit<TextProps, 'elementType' | 'className'> {

package/dist/components/UserMenu/UserMenu.d.cts

@@ -2,7 +2,6 @@ import { DeepPartial } from "../../util/types.cjs";
 import { ComponentUserMenu } from "../../styleD/build/typescript/component/userMenu.cjs";
 import { Option } from "./model.cjs";
 import { UserPreferences } from "./types.cjs";
-
 //#region src/components/UserMenu/UserMenu.d.ts
 interface UserMenuProps {
   theme?: DeepPartial<ComponentUserMenu>;
@@ -16,15 +15,6 @@ interface UserMenuProps {
   colorSchemeOptions?: Option[];
   headingLevel?: 2 | 3 | 4 | 5 | 6;
 }
-declare function UserMenu({
-  theme,
-  feedBacklink,
-  preferences,
-  updatePreferences,
-  textSizeOptions,
-  fontFamilyOptions,
-  colorSchemeOptions,
-  headingLevel
-}: UserMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function UserMenu({ theme, feedBacklink, preferences, updatePreferences, textSizeOptions, fontFamilyOptions, colorSchemeOptions, headingLevel }: UserMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
-export { UserMenu };
+export { UserMenu, UserMenuProps };

package/dist/components/UserMenu/UserMenu.d.ts

@@ -2,7 +2,6 @@ import { DeepPartial } from "../../util/types.js";
 import { ComponentUserMenu } from "../../styleD/build/typescript/component/userMenu.js";
 import { Option } from "./model.js";
 import { UserPreferences } from "./types.js";
-
 //#region src/components/UserMenu/UserMenu.d.ts
 interface UserMenuProps {
   theme?: DeepPartial<ComponentUserMenu>;
@@ -16,15 +15,6 @@ interface UserMenuProps {
   colorSchemeOptions?: Option[];
   headingLevel?: 2 | 3 | 4 | 5 | 6;
 }
-declare function UserMenu({
-  theme,
-  feedBacklink,
-  preferences,
-  updatePreferences,
-  textSizeOptions,
-  fontFamilyOptions,
-  colorSchemeOptions,
-  headingLevel
-}: UserMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function UserMenu({ theme, feedBacklink, preferences, updatePreferences, textSizeOptions, fontFamilyOptions, colorSchemeOptions, headingLevel }: UserMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
-export { UserMenu };
+export { UserMenu, UserMenuProps };

package/dist/components/UserMenu/model.d.cts

@@ -1,5 +1,4 @@
 import { CSSProperties } from "react";
-
 //#region src/components/UserMenu/model.d.ts
 type Option = {
   id: string;

package/dist/components/UserMenu/model.d.ts

@@ -1,5 +1,4 @@
 import { CSSProperties } from "react";
-
 //#region src/components/UserMenu/model.d.ts
 type Option = {
   id: string;

package/dist/index.cjs

@@ -24,6 +24,7 @@ const require_radioGroup = require("./styleD/build/typescript/component/radioGro
 const require_select = require("./styleD/build/typescript/component/select.cjs");
 const require_textArea = require("./styleD/build/typescript/component/textArea.cjs");
 const require_textInput = require("./styleD/build/typescript/component/textInput.cjs");
+const require_tooltip = require("./styleD/build/typescript/component/tooltip.cjs");
 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");
@@ -68,6 +69,7 @@ exports.componentTabs = require_tabs.componentTabs;
 exports.componentTagTable = require_tagTable.componentTagTable;
 exports.componentTextArea = require_textArea.componentTextArea;
 exports.componentTextInput = require_textInput.componentTextInput;
+exports.componentTooltip = require_tooltip.componentTooltip;
 exports.componentTopBar = require_topBar.componentTopBar;
 exports.componentTypography = require_typography.componentTypography;
 exports.componentUserMenu = require_userMenu.componentUserMenu;

package/dist/index.d.cts

@@ -25,6 +25,7 @@ import { ComponentAutocomplete, componentAutocomplete } from "./styleD/build/typ
 import { ComponentTagTable, componentTagTable } from "./styleD/build/typescript/component/tagTable.cjs";
 import { ComponentTextArea, componentTextArea } from "./styleD/build/typescript/component/textArea.cjs";
 import { ComponentTextInput, componentTextInput } from "./styleD/build/typescript/component/textInput.cjs";
+import { ComponentTooltip, componentTooltip } from "./styleD/build/typescript/component/tooltip.cjs";
 import { ComponentTopBar, componentTopBar } from "./styleD/build/typescript/component/topBar.cjs";
 import { ComponentUserMenu, componentUserMenu } from "./styleD/build/typescript/component/userMenu.cjs";
 import { BaseColors, baseColors } from "./styleD/build/typescript/base/colors.cjs";
@@ -38,4 +39,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 ComponentTopBar, type ComponentTypography, 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, componentTopBar, componentTypography, 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 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 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, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };

package/dist/index.d.ts

@@ -25,6 +25,7 @@ import { ComponentAutocomplete, componentAutocomplete } from "./styleD/build/typ
 import { ComponentTagTable, componentTagTable } from "./styleD/build/typescript/component/tagTable.js";
 import { ComponentTextArea, componentTextArea } from "./styleD/build/typescript/component/textArea.js";
 import { ComponentTextInput, componentTextInput } from "./styleD/build/typescript/component/textInput.js";
+import { ComponentTooltip, componentTooltip } from "./styleD/build/typescript/component/tooltip.js";
 import { ComponentTopBar, componentTopBar } from "./styleD/build/typescript/component/topBar.js";
 import { ComponentUserMenu, componentUserMenu } from "./styleD/build/typescript/component/userMenu.js";
 import { BaseColors, baseColors } from "./styleD/build/typescript/base/colors.js";
@@ -38,4 +39,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 ComponentTopBar, type ComponentTypography, 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, componentTopBar, componentTypography, 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 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 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, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };

package/dist/index.js

@@ -23,6 +23,7 @@ import { componentRadioGroup } from "./styleD/build/typescript/component/radioGr
 import { componentSelect } from "./styleD/build/typescript/component/select.js";
 import { componentTextArea } from "./styleD/build/typescript/component/textArea.js";
 import { componentTextInput } from "./styleD/build/typescript/component/textInput.js";
+import { componentTooltip } from "./styleD/build/typescript/component/tooltip.js";
 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";
@@ -38,4 +39,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, componentTopBar, componentTypography, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };
+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, componentUserMenu, semanticBreakpoints, semanticColors, semanticGrid, semanticRadius, semanticShadow, semanticSizing, semanticSpacing, semanticTypography };

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

@@ -6,6 +6,7 @@
 	--base-sizing-size1-px: 1px;
 	--base-sizing-size2-px: 2px;
 	--base-sizing-size8-px: 8px;
+	--base-sizing-size14-px: 14px;
 	--base-sizing-size16-px: 16px;
 	--base-sizing-size18-px: 18px;
 	--base-sizing-size20-px: 20px;
@@ -16,6 +17,7 @@
 	--base-sizing-size1-rem: 0.0625rem;
 	--base-sizing-size2-rem: 0.125rem;
 	--base-sizing-size8-rem: 0.5rem;
+	--base-sizing-size14-rem: 0.875rem;
 	--base-sizing-size16-rem: 1rem;
 	--base-sizing-size18-rem: 1.125rem;
 	--base-sizing-size20-rem: 1.25rem;

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

@@ -5,6 +5,7 @@
 :root {
 	--component-icon-shared-display: inline-flex;
 	--component-icon-shared-user-select: none;
+	--component-icon-xs-size: 0.875rem;
 	--component-icon-sm-size: 1.125rem;
 	--component-icon-md-size: 1.25rem;
 	--component-icon-lg-size: 1.5rem;

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

@@ -0,0 +1,13 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+	--component-tooltip-shared-color: #000000;
+	--component-tooltip-shared-background-color: #e8f0fb;
+	--component-tooltip-trigger-size: 1.25rem;
+	--component-tooltip-tooltip-offset: 1rem;
+	--component-tooltip-tooltip-padding: 1rem;
+	--component-tooltip-tooltip-max-width: 26ch;
+	--component-tooltip-tooltip-border-radius: 0.25rem;
+}

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

@@ -9,6 +9,7 @@
 	--semantic-sizing-height-sm: 2rem;
 	--semantic-sizing-height-md: 2.5rem;
 	--semantic-sizing-height-lg: 3rem;
+	--semantic-sizing-icon-xs: 0.875rem;
 	--semantic-sizing-icon-sm: 1.125rem;
 	--semantic-sizing-icon-md: 1.25rem;
 	--semantic-sizing-icon-lg: 1.5rem;

package/dist/styleD/build/typescript/base/sizing.cjs

@@ -6,6 +6,7 @@ const baseSizing = {
 	size1Px: "1px",
 	size2Px: "2px",
 	size8Px: "8px",
+	size14Px: "14px",
 	size16Px: "16px",
 	size18Px: "18px",
 	size20Px: "20px",
@@ -16,6 +17,7 @@ const baseSizing = {
 	size1Rem: "0.0625rem",
 	size2Rem: "0.125rem",
 	size8Rem: "0.5rem",
+	size14Rem: "0.875rem",
 	size16Rem: "1rem",
 	size18Rem: "1.125rem",
 	size20Rem: "1.25rem",

package/dist/styleD/build/typescript/base/sizing.d.cts

@@ -6,6 +6,7 @@ declare const baseSizing: {
   readonly size1Px: "1px";
   readonly size2Px: "2px";
   readonly size8Px: "8px";
+  readonly size14Px: "14px";
   readonly size16Px: "16px";
   readonly size18Px: "18px";
   readonly size20Px: "20px";
@@ -16,6 +17,7 @@ declare const baseSizing: {
   readonly size1Rem: "0.0625rem";
   readonly size2Rem: "0.125rem";
   readonly size8Rem: "0.5rem";
+  readonly size14Rem: "0.875rem";
   readonly size16Rem: "1rem";
   readonly size18Rem: "1.125rem";
   readonly size20Rem: "1.25rem";

package/dist/styleD/build/typescript/base/sizing.d.ts

@@ -6,6 +6,7 @@ declare const baseSizing: {
   readonly size1Px: "1px";
   readonly size2Px: "2px";
   readonly size8Px: "8px";
+  readonly size14Px: "14px";
   readonly size16Px: "16px";
   readonly size18Px: "18px";
   readonly size20Px: "20px";
@@ -16,6 +17,7 @@ declare const baseSizing: {
   readonly size1Rem: "0.0625rem";
   readonly size2Rem: "0.125rem";
   readonly size8Rem: "0.5rem";
+  readonly size14Rem: "0.875rem";
   readonly size16Rem: "1rem";
   readonly size18Rem: "1.125rem";
   readonly size20Rem: "1.25rem";

package/dist/styleD/build/typescript/base/sizing.js

@@ -6,6 +6,7 @@ const baseSizing = {
 	size1Px: "1px",
 	size2Px: "2px",
 	size8Px: "8px",
+	size14Px: "14px",
 	size16Px: "16px",
 	size18Px: "18px",
 	size20Px: "20px",
@@ -16,6 +17,7 @@ const baseSizing = {
 	size1Rem: "0.0625rem",
 	size2Rem: "0.125rem",
 	size8Rem: "0.5rem",
+	size14Rem: "0.875rem",
 	size16Rem: "1rem",
 	size18Rem: "1.125rem",
 	size20Rem: "1.25rem",

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

@@ -7,6 +7,7 @@ const componentIcon = {
 		display: "inline-flex",
 		userSelect: "none"
 	},
+	xs: { size: "0.875rem" },
 	sm: { size: "1.125rem" },
 	md: { size: "1.25rem" },
 	lg: { size: "1.5rem" }