@amboss/design-system 4.7.1 → 4.8.1-canary.0

package/build/esm/index.d.ts

@@ -29,6 +29,14 @@ export * from "./components/Composite/FilterDialog/FilterDialog";
 export * from "./components/Container";
 export * from "./components/Content/ContentBadge/ContentBadge";
 export * from "./components/Content/ContentBox/ContentBox";
+export * from "./components/Content/ContentBrandName/ContentBrandName";
+export * from "./components/Content/ContentBox/constants";
+export type { ContentBoxColorVariant, ContentBoxType, } from "./components/Content/ContentBox/types";
+export * from "./components/Content/ContentCaseText/ContentCaseText";
+export * from "./components/Content/ContentCitation/ContentCitation";
+export { ContentCitationLink, type ContentCitationLinkProps, } from "./components/Content/ContentCitation/ContentCitationLink";
+export * from "./components/Content/ContentCitation/ContentCitationLookupLink";
+export * from "./components/Content/ContentCitation/ContentCitationTitle";
 export * from "./components/Content/ContentCheckbox/ContentCheckbox";
 export * from "./components/Content/ContentFontResizer";
 export * from "./components/Content/ContentHeading/ContentHeading";
@@ -72,6 +80,8 @@ export * from "./components/Image/Image";
 export * from "./components/Inline/Inline";
 export * from "./components/InlineMessage/InlineMessage";
 export * from "./components/InteractiveBox/InteractiveBox";
+export * from "./components/Kbd/Kbd";
+export * from "./components/KbdGroup/KbdGroup";
 export * from "./components/Layout";
 export * from "./components/Lightbox/Lightbox";
 export * from "./components/Link/Link";

package/build/esm/index.js

@@ -1 +1 @@
-import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{default as createCache}from"@emotion/cache";export{CacheProvider,ThemeProvider}from"@emotion/react";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/AIButton/AIButton";export*from"./components/AIFloatingButton/AIFloatingButton";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/ChatMessage";export*from"./components/ChatResponse";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Container";export*from"./components/Content/ContentBadge/ContentBadge";export*from"./components/Content/ContentBox/ContentBox";export*from"./components/Content/ContentCheckbox/ContentCheckbox";export*from"./components/Content/ContentFontResizer";export*from"./components/Content/ContentHeading/ContentHeading";export*from"./components/Content/ContentLink/ContentLink";export*from"./components/Content/ContentList";export*from"./components/Content/ContentPictogramButton/ContentPictogramButton";export*from"./components/Content/ContentTable";export*from"./components/Content/ContentTableModal/ContentTableModal";export*from"./components/Content/ContentText/ContentText";export*from"./components/Content/DosageButton";export*from"./components/Content/ReferenceButton";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/DataTable/DataTableToolbar/DataTableToolbar";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Form/ToolbarToggle/ToolbarToggle";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InlineMessage/InlineMessage";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Layout";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/EmptyState/EmptyState";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptButton/PromptButton";export*from"./components/PromptButtonGroup/PromptButtonGroup";export*from"./components/PromptInput/PromptInput";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RangePopover/RangePopover";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/Stack/Stack";export*from"./components/StatusIndicator/StatusIndicator";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/useAnimatedBorder";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./shared/useSelectionRange";
+import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{default as createCache}from"@emotion/cache";export{CacheProvider,ThemeProvider}from"@emotion/react";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/AIButton/AIButton";export*from"./components/AIFloatingButton/AIFloatingButton";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/ChatMessage";export*from"./components/ChatResponse";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Container";export*from"./components/Content/ContentBadge/ContentBadge";export*from"./components/Content/ContentBox/ContentBox";export*from"./components/Content/ContentBrandName/ContentBrandName";export*from"./components/Content/ContentBox/constants";export*from"./components/Content/ContentCaseText/ContentCaseText";export*from"./components/Content/ContentCitation/ContentCitation";export{ContentCitationLink}from"./components/Content/ContentCitation/ContentCitationLink";export*from"./components/Content/ContentCitation/ContentCitationLookupLink";export*from"./components/Content/ContentCitation/ContentCitationTitle";export*from"./components/Content/ContentCheckbox/ContentCheckbox";export*from"./components/Content/ContentFontResizer";export*from"./components/Content/ContentHeading/ContentHeading";export*from"./components/Content/ContentLink/ContentLink";export*from"./components/Content/ContentList";export*from"./components/Content/ContentPictogramButton/ContentPictogramButton";export*from"./components/Content/ContentTable";export*from"./components/Content/ContentTableModal/ContentTableModal";export*from"./components/Content/ContentText/ContentText";export*from"./components/Content/DosageButton";export*from"./components/Content/ReferenceButton";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/DataTable/DataTableToolbar/DataTableToolbar";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Form/ToolbarToggle/ToolbarToggle";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InlineMessage/InlineMessage";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Kbd/Kbd";export*from"./components/KbdGroup/KbdGroup";export*from"./components/Layout";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/EmptyState/EmptyState";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptButton/PromptButton";export*from"./components/PromptButtonGroup/PromptButtonGroup";export*from"./components/PromptInput/PromptInput";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RangePopover/RangePopover";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/Stack/Stack";export*from"./components/StatusIndicator/StatusIndicator";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/useAnimatedBorder";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./shared/useSelectionRange";

package/build/esm/shared/mixins/getLeftPanelFadeStyles.d.ts

@@ -0,0 +1,19 @@
+import type { CSSObject, Theme } from "@emotion/react";
+type PanelContentFadeOptions = {
+    theme: Theme;
+    /** Whether the content is currently faded out. */
+    isFaded: boolean;
+};
+/**
+ * Fades a docked panel's content out across its collapse, and back in at once
+ * when it reopens - the panel covers the left bar the instant it is shown, so
+ * there is nothing to reveal on the way in.
+ *
+ * Runs on the column's own slide timing, so the two move together.
+ *
+ * Applied per part rather than to the whole panel: a control at the header's
+ * trailing edge travels down onto the left bar's own and has to stay solid the
+ * whole way, so it is left out.
+ */
+export declare function getLeftPanelFadeStyles({ theme, isFaded, }: PanelContentFadeOptions): CSSObject;
+export {};

package/build/esm/shared/mixins/getLeftPanelFadeStyles.js

@@ -0,0 +1 @@
+export function getLeftPanelFadeStyles({theme,isFaded}){let{duration,timingFunction}=theme.variables.animation.navSlide.collapse;return{opacity:isFaded?theme.variables.opacity.hidden:theme.variables.opacity.visible,transition:isFaded?`opacity ${duration} ${timingFunction}`:"none","@media (prefers-reduced-motion: reduce)":{transition:"none"}}}

package/build/esm/shared/mixins/index.d.ts

@@ -6,4 +6,5 @@ export { getBaseButtonStyles } from "./Button/getBaseButtonStyles";
 export { getPressedStyles } from "./Button/getPressedStyles";
 export { getPillStyles } from "./Button/getPillStyles";
 export { getFocusStyles } from "./getFocusStyles";
+export { getLeftPanelFadeStyles } from "./getLeftPanelFadeStyles";
 export { getPrimaryVariantStyles, getSecondaryVariantStyles, getTertiaryVariantStyles, } from "./Button/getVariantStyles";

package/build/esm/shared/mixins/index.js

@@ -1 +1 @@
-export{getInputTextPlaceholder}from"./TextInput/getInputTextPlaceholder";export{getInputTextStyles}from"./TextInput/getInputTextStyles";export{getDisabledStyles}from"./Button/getDisabledStyles";export{getButtonAppearanceReset}from"./Button/getButtonAppearanceReset";export{getBaseButtonStyles}from"./Button/getBaseButtonStyles";export{getPressedStyles}from"./Button/getPressedStyles";export{getPillStyles}from"./Button/getPillStyles";export{getFocusStyles}from"./getFocusStyles";export{getPrimaryVariantStyles,getSecondaryVariantStyles,getTertiaryVariantStyles}from"./Button/getVariantStyles";
+export{getInputTextPlaceholder}from"./TextInput/getInputTextPlaceholder";export{getInputTextStyles}from"./TextInput/getInputTextStyles";export{getDisabledStyles}from"./Button/getDisabledStyles";export{getButtonAppearanceReset}from"./Button/getButtonAppearanceReset";export{getBaseButtonStyles}from"./Button/getBaseButtonStyles";export{getPressedStyles}from"./Button/getPressedStyles";export{getPillStyles}from"./Button/getPillStyles";export{getFocusStyles}from"./getFocusStyles";export{getLeftPanelFadeStyles}from"./getLeftPanelFadeStyles";export{getPrimaryVariantStyles,getSecondaryVariantStyles,getTertiaryVariantStyles}from"./Button/getVariantStyles";

package/build/esm/web-tokens/_sizes.json

@@ -37,7 +37,7 @@
         "value": "1024px",
         "original": 1024,
         "variableName": "$size-dimension-content-max-width",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -47,7 +47,7 @@
         "value": "16px",
         "original": 16,
         "variableName": "$size-dimension-divider-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -57,7 +57,7 @@
         "value": "24px",
         "original": 24,
         "variableName": "$size-dimension-divider-l",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -67,7 +67,7 @@
         "value": "32px",
         "original": 32,
         "variableName": "$size-dimension-divider-xl",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -77,7 +77,7 @@
         "value": "16px",
         "original": 16,
         "variableName": "$size-dimension-checkbox-s",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -87,7 +87,7 @@
         "value": "24px",
         "original": 24,
         "variableName": "$size-dimension-checkbox-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -97,7 +97,7 @@
         "value": "16px",
         "original": 16,
         "variableName": "$size-dimension-kbd-min-width",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -107,7 +107,7 @@
         "value": "16px",
         "original": 16,
         "variableName": "$size-dimension-radio-s",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -117,7 +117,7 @@
         "value": "24px",
         "original": 24,
         "variableName": "$size-dimension-radio-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -127,7 +127,7 @@
         "value": "6px",
         "original": 6,
         "variableName": "$size-dimension-radio-point-s",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -137,7 +137,7 @@
         "value": "10px",
         "original": 10,
         "variableName": "$size-dimension-radio-point-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -147,7 +147,7 @@
         "value": "16px",
         "original": 16,
         "variableName": "$size-dimension-toggle-height-s",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -157,7 +157,7 @@
         "value": "24px",
         "original": 24,
         "variableName": "$size-dimension-toggle-height-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -167,7 +167,7 @@
         "value": "28px",
         "original": 28,
         "variableName": "$size-dimension-toggle-width-s",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -177,7 +177,7 @@
         "value": "40px",
         "original": 40,
         "variableName": "$size-dimension-toggle-width-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -187,7 +187,7 @@
         "value": "36px",
         "original": 36,
         "variableName": "$size-dimension-textarea-min-height-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -197,7 +197,7 @@
         "value": "8px",
         "original": 8,
         "variableName": "$size-dimension-toggle-point-s",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -207,7 +207,7 @@
         "value": "16px",
         "original": 16,
         "variableName": "$size-dimension-toggle-point-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -217,7 +217,7 @@
         "value": "32px",
         "original": 32,
         "variableName": "$size-dimension-toggle-button-height-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -227,7 +227,7 @@
         "value": "120px",
         "original": 120,
         "variableName": "$size-dimension-dropdown-menu-width",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -237,7 +237,7 @@
         "value": "320px",
         "original": 320,
         "variableName": "$size-dimension-prompt-button-group-popover-min-width",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -247,7 +247,7 @@
         "value": "560px",
         "original": 560,
         "variableName": "$size-dimension-modal-width-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -257,7 +257,7 @@
         "value": "720px",
         "original": 720,
         "variableName": "$size-dimension-modal-width-l",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -267,7 +267,7 @@
         "value": "800px",
         "original": 800,
         "variableName": "$size-dimension-modal-max-height-l",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -277,7 +277,7 @@
         "value": "40px",
         "original": 40,
         "variableName": "$size-dimension-modal-margin-l",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -287,7 +287,7 @@
         "value": "1280px",
         "original": 1280,
         "variableName": "$size-dimension-modal-full-screen-content-width",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -297,7 +297,7 @@
         "value": "1px",
         "original": 1,
         "variableName": "$size-dimension-media-viewer-bar-separator-width",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -307,7 +307,17 @@
         "value": "12px",
         "original": 12,
         "variableName": "$size-dimension-legend-key-width",
-        "isUsed": false
+        "isUsed": true
+    },
+    {
+        "category": "size",
+        "type": "dimension",
+        "name": "dimension left-nav-bar",
+        "subitemName": "left-nav-bar width",
+        "value": "56px",
+        "original": 56,
+        "variableName": "$size-dimension-left-nav-bar-width",
+        "isUsed": true
     },
     {
         "category": "size",
@@ -317,7 +327,7 @@
         "value": "0px",
         "original": 0,
         "variableName": "$size-letter-spacing-none",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -327,7 +337,7 @@
         "value": "0.5px",
         "original": 0.5,
         "variableName": "$size-letter-spacing-s",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -337,7 +347,7 @@
         "value": "1px",
         "original": 1,
         "variableName": "$size-letter-spacing-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -347,7 +357,7 @@
         "value": "10px",
         "original": 10,
         "variableName": "$size-font-xxs",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -357,7 +367,7 @@
         "value": "12px",
         "original": 12,
         "variableName": "$size-font-xs",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -367,7 +377,7 @@
         "value": "14px",
         "original": 14,
         "variableName": "$size-font-s",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -377,7 +387,7 @@
         "value": "16px",
         "original": 16,
         "variableName": "$size-font-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -387,7 +397,7 @@
         "value": "18px",
         "original": 18,
         "variableName": "$size-font-l",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -397,7 +407,7 @@
         "value": "20px",
         "original": 20,
         "variableName": "$size-font-xl",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -407,7 +417,7 @@
         "value": "24px",
         "original": 24,
         "variableName": "$size-font-xxl",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -417,7 +427,7 @@
         "value": "26px",
         "original": 26,
         "variableName": "$size-font-xxxl",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -437,7 +447,7 @@
         "value": "2px",
         "original": 2,
         "variableName": "$size-spacing-xxxs",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -517,7 +527,7 @@
         "value": "0px",
         "original": 0,
         "variableName": "$size-border-radius-none",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -527,7 +537,7 @@
         "value": "4px",
         "original": 4,
         "variableName": "$size-border-radius-xs",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -537,7 +547,7 @@
         "value": "8px",
         "original": 8,
         "variableName": "$size-border-radius-s",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -547,7 +557,7 @@
         "value": "12px",
         "original": 12,
         "variableName": "$size-border-radius-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -557,7 +567,7 @@
         "value": "16px",
         "original": 16,
         "variableName": "$size-border-radius-l",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -567,7 +577,7 @@
         "value": "24px",
         "original": 24,
         "variableName": "$size-border-radius-xl",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -577,7 +587,7 @@
         "value": "9999px",
         "original": 9999,
         "variableName": "$size-border-radius-full",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -587,7 +597,7 @@
         "value": 1.1428571429,
         "original": 1.1428571429,
         "variableName": "$size-line-height-xs",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -597,7 +607,7 @@
         "value": 1.25,
         "original": 1.25,
         "variableName": "$size-line-height-s",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -607,7 +617,7 @@
         "value": 1.3333333,
         "original": 1.3333333,
         "variableName": "$size-line-height-m",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -617,7 +627,7 @@
         "value": 1.4285714286,
         "original": 1.4285714286,
         "variableName": "$size-line-height-l",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -627,7 +637,7 @@
         "value": 1.5,
         "original": 1.5,
         "variableName": "$size-line-height-xl",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -637,7 +647,7 @@
         "value": 1.625,
         "original": 1.625,
         "variableName": "$size-line-height-xxl",
-        "isUsed": false
+        "isUsed": true
     },
     {
         "category": "size",
@@ -647,6 +657,6 @@
         "value": 1.714286,
         "original": 1.714286,
         "variableName": "$size-line-height-xxxl",
-        "isUsed": false
+        "isUsed": true
     }
 ]

package/build/esm/web-tokens/assets/icons.json

@@ -87,6 +87,10 @@
   "face-neutral": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" d=\"M8.19 10.11c.05.04.1.09.15.12q.09.06.18.09.09.045.18.06c.07.01.14.02.2.02.26 0 .52-.11.71-.29.18-.19.29-.45.29-.71s-.11-.52-.29-.71c-.24-.23-.58-.33-.91-.27q-.09.015-.18.06-.09.03-.18.09l-.15.12q-.135.15-.21.33c-.05.12-.08.25-.08.38s.03.26.08.38c.05.13.12.23.21.33m6.91.29c.26 0 .52-.11.71-.29.18-.19.29-.44.29-.71 0-.13-.03-.26-.08-.38-.05-.13-.12-.23-.21-.33-.37-.37-1.05-.37-1.42 0-.09.1-.16.2-.21.33-.05.12-.08.25-.08.38 0 .27.11.52.29.71.19.18.45.29.71.29M12 21c-4.962 0-9-4.038-9-9 0-4.963 4.038-9 9-9 4.963 0 9 4.037 9 9 0 4.962-4.037 9-9 9m0-20C5.935 1 1 5.934 1 12s4.935 11 11 11 11-4.935 11-11S18.065 1 12 1m4 13.5H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2\"/></svg>",
   "face-sad": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" d=\"M8.9 10.4c-.06 0-.13-.01-.2-.02a.6.6 0 0 1-.18-.06.8.8 0 0 1-.18-.09c-.05-.03-.1-.08-.15-.12-.09-.1-.16-.2-.21-.33a1 1 0 0 1-.08-.38c0-.13.03-.26.08-.38q.075-.18.21-.33l.15-.12q.09-.06.18-.09.09-.045.18-.06c.33-.06.67.04.91.27.18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29m6.2 0c-.26 0-.52-.11-.71-.29-.18-.19-.29-.44-.29-.71 0-.13.03-.26.08-.38.05-.13.12-.23.21-.33.37-.37 1.05-.37 1.42 0 .09.1.16.2.21.33.05.12.08.25.08.38 0 .27-.11.52-.29.71-.19.18-.45.29-.71.29M12 3c-4.962 0-9 4.038-9 9s4.038 9 9 9c4.963 0 9-4.038 9-9s-4.037-9-9-9m0 20C5.935 23 1 18.066 1 12S5.935 1 12 1s11 4.935 11 11-4.935 11-11 11m4-5.7a1 1 0 0 1-.707-.293 4.66 4.66 0 0 0-6.586 0 .999.999 0 1 1-1.414-1.414 6.663 6.663 0 0 1 9.414 0A.999.999 0 0 1 16 17.3\"/></svg>",
   "facebook": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"#1877F2\" d=\"M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.792-4.668 4.533-4.668 1.312 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.875V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12\"/><path fill=\"#fff\" d=\"M16.671 15.469 17.203 12h-3.328V9.75c0-.949.465-1.875 1.956-1.875h1.513V4.922s-1.374-.234-2.686-.234c-2.741 0-4.533 1.66-4.533 4.668V12H7.078v3.469h3.047v8.385a12.1 12.1 0 0 0 3.75 0V15.47h2.796z\"/></svg>",
+  "fc-circle": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" focusable=\"false\"><path d=\"M23 12C23 18.075 18.075 23 12 23C5.925 23 1 18.075 1 12C1 5.925 5.925 1 12 1C18.075 1 23 5.925 23 12Z\"/></svg>",
+  "fc-diamond": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" focusable=\"false\"><path d=\"M1.354 12.354C1.158 12.158 1.158 11.842 1.354 11.646L11.646 1.354C11.842 1.158 12.158 1.158 12.354 1.354L22.646 11.646C22.842 11.842 22.842 12.158 22.646 12.354L12.354 22.646C12.158 22.842 11.842 22.842 11.646 22.646L1.354 12.354Z\"/></svg>",
+  "fc-hexagon": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" focusable=\"false\"><path d=\"M22.841 11.739C22.939 11.899 22.939 12.101 22.841 12.261L17.646 20.761C17.555 20.909 17.394 21 17.22 21H6.78C6.606 21 6.445 20.909 6.354 20.761L1.159 12.261C1.062 12.101 1.062 11.899 1.159 11.739L6.354 3.239C6.445 3.091 6.606 3 6.78 3H17.22C17.394 3 17.555 3.091 17.646 3.239L22.841 11.739Z\"/></svg>",
+  "fc-triangle": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" focusable=\"false\"><path d=\"M11.567 2.747C11.76 2.415 12.24 2.415 12.433 2.747L22.566 20.25C22.759 20.583 22.518 21 22.133 21H1.867C1.482 21 1.242 20.583 1.435 20.25L11.567 2.747Z\"/></svg>",
   "figma": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"#1ABCFE\" d=\"M12 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0\"/><path fill=\"#0ACF83\" d=\"M4 20a4 4 0 0 1 4-4h4v4a4 4 0 1 1-8 0\"/><path fill=\"#FF7262\" d=\"M12 0v8h4a4 4 0 1 0 0-8z\"/><path fill=\"#F24E1E\" d=\"M4 4a4 4 0 0 0 4 4h4V0H8a4 4 0 0 0-4 4\"/><path fill=\"#A259FF\" d=\"M4 12a4 4 0 0 0 4 4h4V8H8a4 4 0 0 0-4 4\"/></svg>",
   "file-pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"M5.457 14.129q.208 0 .36.047a.7.7 0 0 1 .25.134.5.5 0 0 1 .148.21q.05.12.05.27 0 .326-.196.513-.193.187-.612.187h-.565v-1.36zm3.931.019q.303 0 .54.093.242.094.408.268t.256.425.089.565q0 .316-.09.567-.088.252-.255.428-.167.173-.407.267-.239.09-.541.091h-.762v-2.704z\"/><path fill-rule=\"evenodd\" d=\"m14.172 1.016.026.004.048.011q.024.005.047.012.144.045.267.128l.074.056q.038.03.073.066l7 7A1 1 0 0 1 22 9v11a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-1H3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h1V4a3 3 0 0 1 3-3h7q.088 0 .172.016M4.2 13.5a.2.2 0 0 0-.2.2v3.6c0 .11.09.2.2.2h.492a.2.2 0 0 0 .2-.2v-1.176h.565q.43 0 .752-.096.32-.099.532-.276a1.1 1.1 0 0 0 .316-.422 1.4 1.4 0 0 0 .104-.54q0-.278-.101-.516a1.04 1.04 0 0 0-.306-.408 1.5 1.5 0 0 0-.533-.27 2.7 2.7 0 0 0-.764-.096zm3.729 0a.2.2 0 0 0-.2.2v3.6c0 .11.09.2.2.2h1.459q.495 0 .904-.148.407-.15.695-.415.292-.264.45-.63.16-.37.16-.808 0-.435-.16-.803a1.8 1.8 0 0 0-.45-.63 2 2 0 0 0-.695-.418 2.6 2.6 0 0 0-.904-.148zm4.523 0a.2.2 0 0 0-.2.2v3.6c0 .11.09.2.2.2h.498a.2.2 0 0 0 .2-.2v-1.396h1.353a.2.2 0 0 0 .2-.2v-.25a.2.2 0 0 0-.2-.201H13.15v-1.105h1.65a.2.2 0 0 0 .2-.2V13.7a.2.2 0 0 0-.2-.2zM15 8h3.586L15 4.414zm1 4a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H6v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V10h-6a1 1 0 0 1-1-1V3H7a1 1 0 0 0-1 1v8z\" clip-rule=\"evenodd\"/></svg>",
   "file-text": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><path d=\"M14 2v6h6m-4 5H8m8 4H8m2-8H8\"/></svg>",

package/build/esm/web-tokens/assets/icons16.json

@@ -87,6 +87,10 @@
   "face-neutral": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\"/><g fill=\"currentColor\"><circle cx=\"6\" cy=\"6\" r=\"1\"/><circle cx=\"10\" cy=\"6\" r=\"1\"/><path d=\"M5 9a1 1 0 0 0 0 2zm6 2a1 1 0 1 0 0-2zm-6 0h6V9H5z\"/></g></svg>",
   "face-sad": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M5 10.5c.85-.788 1.885-1.25 3-1.25s2.15.462 3 1.25\"/><g fill=\"currentColor\"><circle cx=\"6\" cy=\"6\" r=\"1\"/><circle cx=\"10\" cy=\"6\" r=\"1\"/></g></svg>",
   "facebook": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"#1877f2\" d=\"M16 8a8 8 0 1 0-9.25 7.903v-5.59H4.719V8H6.75V6.238c0-2.006 1.194-3.113 3.022-3.113.875 0 1.79.156 1.79.156V5.25h-1.008c-.994 0-1.304.617-1.304 1.25V8h2.219l-.355 2.313H9.25v5.59A8 8 0 0 0 16 8\"/><path fill=\"#fff\" d=\"M11.114 10.313 11.47 8H9.25V6.5c0-.633.31-1.25 1.304-1.25h1.009V3.281s-.916-.156-1.791-.156c-1.828 0-3.022 1.107-3.022 3.112V8H4.719v2.313H6.75v5.59c.828.13 1.672.13 2.5 0v-5.59z\"/></svg>",
+  "fc-circle": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" focusable=\"false\"><path d=\"M15 8C15 11.866 11.866 15 8 15C4.134 15 1 11.866 1 8C1 4.134 4.134 1 8 1C11.866 1 15 4.134 15 8Z\"/></svg>",
+  "fc-diamond": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" focusable=\"false\"><path d=\"M1.354 8.354C1.158 8.158 1.158 7.842 1.354 7.646L7.646 1.354C7.842 1.158 8.158 1.158 8.354 1.354L14.646 7.646C14.842 7.842 14.842 8.158 14.646 8.354L8.354 14.646C8.158 14.842 7.842 14.842 7.646 14.646L1.354 8.354Z\"/></svg>",
+  "fc-hexagon": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" focusable=\"false\"><path d=\"M14.854 7.749C14.944 7.904 14.945 8.096 14.855 8.251L11.644 13.812C11.555 13.967 11.39 14.062 11.211 14.062H4.789C4.61 14.062 4.445 13.967 4.356 13.812L1.145 8.251C1.055 8.096 1.056 7.904 1.146 7.749L4.355 2.248C4.445 2.094 4.609 2 4.787 2H11.213C11.391 2 11.555 2.094 11.645 2.248L14.854 7.749Z\"/></svg>",
+  "fc-triangle": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" focusable=\"false\"><path d=\"M7.568 2.74C7.761 2.41 8.239 2.41 8.432 2.74L14.561 13.248C14.756 13.581 14.515 14 14.13 14H1.871C1.485 14 1.244 13.581 1.439 13.248L7.568 2.74Z\"/></svg>",
   "figma": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"#1ABCFE\" d=\"M8.003 8a2.667 2.667 0 1 1 5.334 0 2.667 2.667 0 0 1-5.334 0\"/><path fill=\"#0ACF83\" d=\"M2.67 13.333a2.667 2.667 0 0 1 2.667-2.666h2.666v2.666a2.667 2.667 0 1 1-5.333 0\"/><path fill=\"#FF7262\" d=\"M8.003 0v5.333h2.667a2.667 2.667 0 0 0 0-5.333z\"/><path fill=\"#F24E1E\" d=\"M2.67 2.667a2.667 2.667 0 0 0 2.667 2.666h2.666V0H5.337A2.667 2.667 0 0 0 2.67 2.667\"/><path fill=\"#A259FF\" d=\"M2.67 8a2.667 2.667 0 0 0 2.667 2.667h2.666V5.333H5.337A2.667 2.667 0 0 0 2.67 8\"/></svg>",
   "file-pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\"><path d=\"M2.528 9.472q.152 0 .262.035a.5.5 0 0 1 .182.1.4.4 0 0 1 .108.158.5.5 0 0 1 .036.203.52.52 0 0 1-.142.384q-.141.141-.446.141h-.41V9.472zm2.859.014q.22 0 .393.07a.81.81 0 0 1 .483.52q.065.187.065.423 0 .238-.065.426a.82.82 0 0 1-.482.522 1.1 1.1 0 0 1-.394.067h-.554V9.486z\"/><path fill-rule=\"evenodd\" d=\"M9.438.006a1 1 0 0 1 .632.318l3.667 4A1 1 0 0 1 14 5v8.667a2.334 2.334 0 0 1-2.095 2.321l-.238.012H4.333A2.334 2.334 0 0 1 2 13.667V13H1a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h1V2.333A2.333 2.333 0 0 1 4.333 0h5zM4.333 2A.333.333 0 0 0 4 2.333V8h6.015a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H4v.667c0 .184.15.333.333.333h7.334c.184 0 .333-.15.333-.333V6H9a1 1 0 0 1-1-1V2zM1.669 9a.2.2 0 0 0-.2.2v2.6c0 .11.09.2.2.2h.249a.2.2 0 0 0 .2-.2v-.831h.41q.315 0 .547-.073.234-.074.388-.207a.8.8 0 0 0 .228-.316q.076-.184.077-.405 0-.21-.074-.387a.8.8 0 0 0-.222-.306q-.151-.13-.388-.203A1.9 1.9 0 0 0 2.528 9zm2.71 0a.2.2 0 0 0-.198.2v2.6c0 .11.089.2.199.2h1.007q.36 0 .658-.111.296-.113.506-.31.212-.2.326-.475.117-.276.117-.605 0-.326-.117-.602a1.4 1.4 0 0 0-.326-.473 1.5 1.5 0 0 0-.506-.313A1.9 1.9 0 0 0 5.387 9zm3.292 0a.2.2 0 0 0-.2.2v2.6c0 .11.09.2.2.2h.253a.2.2 0 0 0 .2-.2v-.997h.929a.2.2 0 0 0 .2-.2v-.088a.2.2 0 0 0-.2-.2h-.929v-.829h1.145a.2.2 0 0 0 .2-.2V9.2a.2.2 0 0 0-.2-.2zM10 4h.727L10 3.206z\" clip-rule=\"evenodd\"/></svg>",
   "file-text": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"currentColor\" d=\"M11 10v2H5v-2zM5 7v2h6V7zm2-3H5v2h2z\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 16H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.172a2 2 0 0 1 1.414.586l2.828 2.828A2 2 0 0 1 14 4.828V14a2 2 0 0 1-2 2M9 6h3v8H4V2h4v3a1 1 0 0 0 1 1m1-3.172L11.172 4H10z\" clip-rule=\"evenodd\"/></svg>",

package/build/esm/web-tokens/visualConfig.d.ts

@@ -80,6 +80,9 @@ type Variables = {
             "legendKey": {
                 "width": string;
             };
+            "leftNavBar": {
+                "width": string;
+            };
         };
         "letterSpacing": {
             "none": string;
@@ -173,6 +176,10 @@ type Variables = {
                 "duration": string;
                 "timingFunction": string;
             };
+            "collapse": {
+                "duration": string;
+                "timingFunction": string;
+            };
         };
         "promptInput": {
             "focus": {