@common-origin/design-system 2.23.0 → 3.1.0

package/dist/lib/tokenAliases.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tokenAliases.mjs","sources":["../../src/lib/tokenAliases.ts"],"sourcesContent":["import tokens from './cssTokens'\nimport type { Tokens } from '../types/tokens'\n\n// Props whose values are token keys keep their published vocabulary in 2.x (P7), but read the\n// semantic grammar's names (decision 0031, #189). Each map covers every key the prop type allows,\n// so TypeScript fails here if a key is added without a mapping.\nconst { semantic } = tokens\nconst { color, space, radius, surface, opacity } = semantic\n\ntype Semantic = Tokens['semantic']\n\n/** Box's spacing props (`p`, `m`, `gap`…): the old layout scale's keys, read from `space`. */\nexport const spaceByLayoutKey: Record<keyof Semantic['spacing']['layout'], string> = {\n  none: space[0],\n  xs: space[100],\n  sm: space[200],\n  md: space[300],\n  lg: space[400],\n  xl: space[500],\n  '2xl': space[600],\n  '3xl': space[700],\n  '4xl': space[800],\n  '5xl': space[900],\n  '6xl': space[1000],\n  '7xl': space[1200],\n  '8xl': space[1400],\n  '9xl': space[1600],\n  '10xl': space[2000],\n  '11xl': space[2400],\n  // A keyword, not a step: it stays until the keyword question is settled (0031)\n  auto: semantic.spacing.layout.auto,\n}\n\n/** Box's `borderRadius` prop: the old radius keys, read from `radius`. */\nexport const radiusByKey: Record<keyof Semantic['border']['radius'], string> = {\n  none: radius.none,\n  xs: radius.xs,\n  sm: radius.sm,\n  md: radius.md,\n  lg: radius.lg,\n  xl: radius.xl,\n  '2xl': radius['2xl'],\n  '3xl': radius['3xl'],\n  circle: radius.full,\n}\n\n/** Fills with no value of their own: a strong fill's states mix in an overlay (decision 0048). */\ntype StateMixedFill = 'emphasis-hover' | 'emphasis-pressed'\n\n/**\n * Box's `bg` values in the semantic grammar (decision 0031, #304): the token's path below\n * `semantic`, such as `surface.raised` or `color.fill.muted`.\n */\nexport type BackgroundPath =\n  | `surface.${keyof Semantic['surface']}`\n  | `color.fill.${Exclude<keyof Semantic['color']['fill'], StateMixedFill>}`\n\n/** Box's `bg` prop: the grammar's token paths, read from the token at that path. */\nexport const backgroundByPath: Record<BackgroundPath, string> = {\n  'surface.base': surface.base,\n  'surface.raised': surface.raised,\n  'surface.scrim': surface.scrim,\n  'color.fill.emphasis': color.fill.emphasis,\n  'color.fill.muted': color.fill.muted,\n  'color.fill.inverse': color.fill.inverse,\n  'color.fill.accent': color.fill.accent,\n  'color.fill.accent-hover': color.fill['accent-hover'],\n  'color.fill.accent-pressed': color.fill['accent-pressed'],\n  'color.fill.accent-muted': color.fill['accent-muted'],\n  'color.fill.accent-muted-hover': color.fill['accent-muted-hover'],\n  'color.fill.accent-muted-pressed': color.fill['accent-muted-pressed'],\n  'color.fill.danger': color.fill.danger,\n  'color.fill.danger-hover': color.fill['danger-hover'],\n  'color.fill.danger-pressed': color.fill['danger-pressed'],\n  'color.fill.danger-muted': color.fill['danger-muted'],\n  'color.fill.success': color.fill.success,\n  'color.fill.success-muted': color.fill['success-muted'],\n  'color.fill.warning': color.fill.warning,\n  'color.fill.warning-muted': color.fill['warning-muted'],\n  'color.fill.serious': color.fill.serious,\n  'color.fill.serious-muted': color.fill['serious-muted'],\n  'color.fill.ai-muted': color.fill['ai-muted'],\n  'color.fill.disabled': color.fill.disabled,\n  'color.fill.default': color.fill.default,\n  'color.fill.default-hover': color.fill['default-hover'],\n  'color.fill.default-pressed': color.fill['default-pressed'],\n  'color.fill.none': color.fill.none,\n  'color.fill.none-hover': color.fill['none-hover'],\n  'color.fill.none-pressed': color.fill['none-pressed'],\n  'color.fill.inverse-none-hover': color.fill['inverse-none-hover'],\n}\n\n/** Box's `bg` prop: the old background keys, read from `surface` and `color.fill`. */\nexport const backgroundByKey: Record<keyof Semantic['color']['background'], string> = {\n  default: surface.base,\n  page: surface.base,\n  subtle: surface.raised,\n  overlay: surface.scrim,\n  emphasis: color.fill.emphasis,\n  // A strong fill's states mix its content colour in at the state-layer opacity (decision 0048)\n  'emphasis-hover': `color-mix(in srgb, ${color.fill.emphasis}, ${color.text.inverse} calc(${opacity.state.hover} * 100%))`,\n  'emphasis-active': `color-mix(in srgb, ${color.fill.emphasis}, ${color.text.inverse} calc(${opacity.state.pressed} * 100%))`,\n  surface: color.fill.muted,\n  inverse: color.fill.inverse,\n  interactive: color.fill.accent,\n  'interactive-hover': color.fill['accent-hover'],\n  'interactive-active': color.fill['accent-pressed'],\n  'interactive-subtle': color.fill['accent-muted'],\n  'interactive-subtle-hover': color.fill['accent-muted-hover'],\n  'interactive-subtle-active': color.fill['accent-muted-pressed'],\n  error: color.fill.danger,\n  'error-hover': color.fill['danger-hover'],\n  'error-active': color.fill['danger-pressed'],\n  'error-subtle': color.fill['danger-muted'],\n  success: color.fill.success,\n  'success-subtle': color.fill['success-muted'],\n  warning: color.fill.warning,\n  'warning-subtle': color.fill['warning-muted'],\n  disabled: color.fill.disabled,\n  neutral: color.fill.default,\n  'neutral-hover': color.fill['default-hover'],\n  'neutral-active': color.fill['default-pressed'],\n  transparent: color.fill.none,\n  'hover-overlay': color.fill['none-hover'],\n  'active-overlay': color.fill['none-pressed'],\n  'inverse-overlay': color.fill['inverse-none-hover'],\n  // Moved to the component tier (decision 0031 §6)\n  progressTrack: tokens.component.track.background,\n}\n\n/** Box's `color` prop: text colours, old and new keys. */\nexport const textColorByKey: Record<keyof Semantic['color']['text'], string> = {\n  default: color.text.default,\n  emphasis: color.text.default,\n  inverse: color.text.inverse,\n  disabled: color.text.disabled,\n  success: color.text.success,\n  warning: color.text.warning,\n  muted: color.text.muted,\n  accent: color.text.accent,\n  'accent-hover': color.text.accent,\n  'accent-pressed': color.text.accent,\n  danger: color.text.danger,\n  serious: color.text.serious,\n  ai: color.text.ai,\n  subdued: color.text.muted,\n  interactive: color.text.accent,\n  'interactive-hover': color.text.accent,\n  'interactive-active': color.text.accent,\n  error: color.text.danger,\n}\n\n/** Box's border props: border colours, old and new keys. */\nexport const borderColorByKey: Record<keyof Semantic['color']['border'], string> = {\n  default: color.border.default,\n  success: color.border.success,\n  warning: color.border.warning,\n  none: color.border.none,\n  emphasis: color.border.default,\n  input: color.border.input,\n  'input-hover': color.border['input-hover'],\n  focus: color.border.focus,\n  accent: color.border.accent,\n  danger: color.border.danger,\n  serious: color.border.serious,\n  ai: color.border.ai,\n  subtle: color.border.default,\n  control: color.border.input,\n  // `strong` split by use (0031); as a generic firm outline it is the hovered-input border\n  strong: color.border['input-hover'],\n  interactive: color.border.accent,\n  error: color.border.danger,\n}\n"],"names":["semantic","tokens","color","space","radius","surface","opacity","spaceByLayoutKey","none","xs","sm","md","lg","xl","auto","spacing","layout","radiusByKey","circle","full","backgroundByPath","base","raised","scrim","fill","emphasis","muted","inverse","accent","danger","success","warning","serious","disabled","backgroundByKey","page","subtle","overlay","concat","text","state","hover","pressed","interactive","error","neutral","transparent","progressTrack","component","track","background","textColorByKey","ai","subdued","borderColorByKey","border","input","focus","control","strong"],"mappings":"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"}
+{"version":3,"file":"tokenAliases.mjs","sources":["../../src/lib/tokenAliases.ts"],"sourcesContent":["import tokens from './cssTokens'\nimport type { Tokens } from '../types/tokens'\n\n// Box's spacing and radius props keep their own names, which 3.0 decoupled from the removed\n// spacing.layout and border.radius tokens (P7, #99), and read the semantic grammar's tokens\n// (decision 0031). Each map covers every key the prop type allows, so TypeScript fails here if a\n// key is added without a mapping.\nconst { semantic } = tokens\nconst { color, space, radius, surface } = semantic\n\ntype Semantic = Tokens['semantic']\n\n/** Box's spacing values (`p`, `m`, `gap`…), each a `space` step, plus `auto`. */\nexport type BoxSpace =\n  | 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | '10xl' | '11xl'\n  | 'auto'\n\n/** Box's spacing props: each name maps to the space step that replaced its spacing.layout token. */\nexport const spaceByLayoutKey: Record<BoxSpace, string> = {\n  none: space[0],\n  xs: space[100],\n  sm: space[200],\n  md: space[300],\n  lg: space[400],\n  xl: space[500],\n  '2xl': space[600],\n  '3xl': space[700],\n  '4xl': space[800],\n  '5xl': space[900],\n  '6xl': space[1000],\n  '7xl': space[1200],\n  '8xl': space[1400],\n  '9xl': space[1600],\n  '10xl': space[2000],\n  '11xl': space[2400],\n  // A keyword, not a step (0031)\n  auto: semantic.spacing.layout.auto,\n}\n\n/** Box's `borderRadius` values: the `radius` steps, with `circle` for `full`. */\nexport type BoxRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'circle'\n\n/** Box's `borderRadius` prop, read from `radius`. */\nexport const radiusByKey: Record<BoxRadius, string> = {\n  none: radius.none,\n  xs: radius.xs,\n  sm: radius.sm,\n  md: radius.md,\n  lg: radius.lg,\n  xl: radius.xl,\n  '2xl': radius['2xl'],\n  '3xl': radius['3xl'],\n  circle: radius.full,\n}\n\n/**\n * Box's `bg` values in the semantic grammar (decision 0031, #304): the token's path below\n * `semantic`, such as `surface.raised` or `color.fill.muted`.\n */\nexport type BackgroundPath =\n  | `surface.${keyof Semantic['surface']}`\n  | `color.fill.${keyof Semantic['color']['fill']}`\n\n/** Box's `bg` prop: the grammar's token paths, read from the token at that path. */\nexport const backgroundByPath: Record<BackgroundPath, string> = {\n  'surface.base': surface.base,\n  'surface.raised': surface.raised,\n  'surface.scrim': surface.scrim,\n  'color.fill.emphasis': color.fill.emphasis,\n  'color.fill.muted': color.fill.muted,\n  'color.fill.inverse': color.fill.inverse,\n  'color.fill.accent': color.fill.accent,\n  'color.fill.accent-hover': color.fill['accent-hover'],\n  'color.fill.accent-pressed': color.fill['accent-pressed'],\n  'color.fill.accent-muted': color.fill['accent-muted'],\n  'color.fill.accent-muted-hover': color.fill['accent-muted-hover'],\n  'color.fill.accent-muted-pressed': color.fill['accent-muted-pressed'],\n  'color.fill.danger': color.fill.danger,\n  'color.fill.danger-hover': color.fill['danger-hover'],\n  'color.fill.danger-pressed': color.fill['danger-pressed'],\n  'color.fill.danger-muted': color.fill['danger-muted'],\n  'color.fill.success': color.fill.success,\n  'color.fill.success-muted': color.fill['success-muted'],\n  'color.fill.warning': color.fill.warning,\n  'color.fill.warning-muted': color.fill['warning-muted'],\n  'color.fill.serious': color.fill.serious,\n  'color.fill.serious-muted': color.fill['serious-muted'],\n  'color.fill.ai-muted': color.fill['ai-muted'],\n  'color.fill.disabled': color.fill.disabled,\n  'color.fill.default': color.fill.default,\n  'color.fill.default-hover': color.fill['default-hover'],\n  'color.fill.default-pressed': color.fill['default-pressed'],\n  'color.fill.none': color.fill.none,\n  'color.fill.none-hover': color.fill['none-hover'],\n  'color.fill.none-pressed': color.fill['none-pressed'],\n  'color.fill.inverse-none-hover': color.fill['inverse-none-hover'],\n}\n\n/** Box's `color` prop: the text colours. */\nexport const textColorByKey: Record<keyof Semantic['color']['text'], string> = color.text\n\n/** Box's border props: the border colours. */\nexport const borderColorByKey: Record<keyof Semantic['color']['border'], string> = color.border\n"],"names":["semantic","tokens","color","space","radius","surface","spaceByLayoutKey","none","xs","sm","md","lg","xl","auto","spacing","layout","radiusByKey","circle","full","backgroundByPath","base","raised","scrim","fill","emphasis","muted","inverse","accent","danger","success","warning","serious","disabled","textColorByKey","text","borderColorByKey","border"],"mappings":"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"}

package/dist/lib/useFloatingLayer.d.mts

@@ -0,0 +1,25 @@
+import { useEffect, type RefObject } from 'react';
+import { type FloatingAlign, type FloatingSide } from './floatingPosition.mjs';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+interface FloatingLayerOptions {
+    /** Whether the floating element is rendered */
+    isPresent: boolean;
+    /** The floating element: `position: fixed`, placed with top and left */
+    floatingRef: RefObject<HTMLElement | null>;
+    /** The `display: contents` wrapper around the trigger */
+    anchorRef: RefObject<Element | null>;
+    side: FloatingSide;
+    align: FloatingAlign;
+    /**
+     * Called when the trigger may have moved away from the floating element: the page or a container
+     * scrolled (anything but the floating element itself), or the window resized
+     */
+    onDetach: () => void;
+}
+/**
+ * Shows a floating element (Tooltip, Menu) in the top layer beside its trigger, before the browser
+ * paints, and places it again whenever its size changes. A gap of `space.100` separates it from the
+ * trigger, and it keeps `space.200` from the viewport's edges.
+ */
+export declare function useFloatingLayer({ isPresent, floatingRef, anchorRef, side, align, onDetach }: FloatingLayerOptions): void;
+export {};

package/dist/lib/useFloatingLayer.d.ts

@@ -0,0 +1,25 @@
+import { useEffect, type RefObject } from 'react';
+import { type FloatingAlign, type FloatingSide } from './floatingPosition';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+interface FloatingLayerOptions {
+    /** Whether the floating element is rendered */
+    isPresent: boolean;
+    /** The floating element: `position: fixed`, placed with top and left */
+    floatingRef: RefObject<HTMLElement | null>;
+    /** The `display: contents` wrapper around the trigger */
+    anchorRef: RefObject<Element | null>;
+    side: FloatingSide;
+    align: FloatingAlign;
+    /**
+     * Called when the trigger may have moved away from the floating element: the page or a container
+     * scrolled (anything but the floating element itself), or the window resized
+     */
+    onDetach: () => void;
+}
+/**
+ * Shows a floating element (Tooltip, Menu) in the top layer beside its trigger, before the browser
+ * paints, and places it again whenever its size changes. A gap of `space.100` separates it from the
+ * trigger, and it keeps `space.200` from the viewport's edges.
+ */
+export declare function useFloatingLayer({ isPresent, floatingRef, anchorRef, side, align, onDetach }: FloatingLayerOptions): void;
+export {};

package/dist/lib/useFloatingLayer.mjs

@@ -0,0 +1,86 @@
+'use client';
+import { useLayoutEffect, useEffect } from 'react';
+import tokensJson from '../styles/tokens.json.mjs';
+import { laidOutElement, placeFloating } from './floatingPosition.mjs';
+
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+// The Popover API puts a floating element in the top layer: above everything, Modal included,
+// never clipped by a scroll container, with no z-index (#326). It's in every current browser;
+// without it the element is still position: fixed, so it escapes overflow clipping.
+var supportsPopover = function supportsPopover() {
+  return typeof HTMLElement !== 'undefined' && 'showPopover' in HTMLElement.prototype;
+};
+var remToPx = function remToPx(value) {
+  return parseFloat(value) * (parseFloat(getComputedStyle(document.documentElement).fontSize) || 16);
+};
+/**
+ * Shows a floating element (Tooltip, Menu) in the top layer beside its trigger, before the browser
+ * paints, and places it again whenever its size changes. A gap of `space.100` separates it from the
+ * trigger, and it keeps `space.200` from the viewport's edges.
+ */
+function useFloatingLayer(_a) {
+  var isPresent = _a.isPresent,
+    floatingRef = _a.floatingRef,
+    anchorRef = _a.anchorRef,
+    side = _a.side,
+    align = _a.align,
+    onDetach = _a.onDetach;
+  useIsomorphicLayoutEffect(function () {
+    var floating = floatingRef.current;
+    if (!isPresent || !floating) return;
+    if (supportsPopover() && !floating.matches(':popover-open')) {
+      floating.setAttribute('popover', 'manual');
+      floating.showPopover();
+    }
+    var place = function place() {
+      var trigger = laidOutElement(anchorRef.current);
+      if (!trigger) return;
+      var anchor = trigger.getBoundingClientRect();
+      var _a = floating.getBoundingClientRect(),
+        width = _a.width,
+        height = _a.height;
+      var position = placeFloating({
+        anchor: anchor,
+        floating: {
+          width: width,
+          height: height
+        },
+        side: side,
+        align: align,
+        offset: remToPx(tokensJson.semantic.space[100]),
+        viewport: {
+          width: window.innerWidth,
+          height: window.innerHeight
+        },
+        margin: remToPx(tokensJson.semantic.space[200])
+      });
+      floating.style.top = "".concat(position.top, "px");
+      floating.style.left = "".concat(position.left, "px");
+      floating.dataset.side = position.side;
+    };
+    place();
+    if (typeof ResizeObserver === 'undefined') return;
+    var observer = new ResizeObserver(place);
+    observer.observe(floating);
+    return function () {
+      return observer.disconnect();
+    };
+  }, [isPresent, side, align, floatingRef, anchorRef]);
+  useEffect(function () {
+    if (!isPresent) return;
+    var onScroll = function onScroll(event) {
+      var _a;
+      if (event.target instanceof Node && ((_a = floatingRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) return;
+      onDetach();
+    };
+    window.addEventListener('scroll', onScroll, true);
+    window.addEventListener('resize', onDetach);
+    return function () {
+      window.removeEventListener('scroll', onScroll, true);
+      window.removeEventListener('resize', onDetach);
+    };
+  }, [isPresent, floatingRef, onDetach]);
+}
+
+export { useFloatingLayer, useIsomorphicLayoutEffect };
+//# sourceMappingURL=useFloatingLayer.mjs.map

package/dist/lib/useFloatingLayer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingLayer.mjs","sources":["../../src/lib/useFloatingLayer.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, type RefObject } from 'react'\n// Placement needs resolved lengths, not CSS variables (decision 0041)\nimport tokenValues from '../styles/tokens.json'\nimport { laidOutElement, placeFloating, type FloatingAlign, type FloatingSide } from './floatingPosition'\n\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\n// The Popover API puts a floating element in the top layer: above everything, Modal included,\n// never clipped by a scroll container, with no z-index (#326). It's in every current browser;\n// without it the element is still position: fixed, so it escapes overflow clipping.\nconst supportsPopover = () => typeof HTMLElement !== 'undefined' && 'showPopover' in HTMLElement.prototype\n\nconst remToPx = (value: string) =>\n  parseFloat(value) * (parseFloat(getComputedStyle(document.documentElement).fontSize) || 16)\n\ninterface FloatingLayerOptions {\n  /** Whether the floating element is rendered */\n  isPresent: boolean\n  /** The floating element: `position: fixed`, placed with top and left */\n  floatingRef: RefObject<HTMLElement | null>\n  /** The `display: contents` wrapper around the trigger */\n  anchorRef: RefObject<Element | null>\n  side: FloatingSide\n  align: FloatingAlign\n  /**\n   * Called when the trigger may have moved away from the floating element: the page or a container\n   * scrolled (anything but the floating element itself), or the window resized\n   */\n  onDetach: () => void\n}\n\n/**\n * Shows a floating element (Tooltip, Menu) in the top layer beside its trigger, before the browser\n * paints, and places it again whenever its size changes. A gap of `space.100` separates it from the\n * trigger, and it keeps `space.200` from the viewport's edges.\n */\nexport function useFloatingLayer({ isPresent, floatingRef, anchorRef, side, align, onDetach }: FloatingLayerOptions) {\n  useIsomorphicLayoutEffect(() => {\n    const floating = floatingRef.current\n    if (!isPresent || !floating) return\n    if (supportsPopover() && !floating.matches(':popover-open')) {\n      floating.setAttribute('popover', 'manual')\n      floating.showPopover()\n    }\n    const place = () => {\n      const trigger = laidOutElement(anchorRef.current)\n      if (!trigger) return\n      const anchor = trigger.getBoundingClientRect()\n      const { width, height } = floating.getBoundingClientRect()\n      const position = placeFloating({\n        anchor,\n        floating: { width, height },\n        side,\n        align,\n        offset: remToPx(tokenValues.semantic.space[100]),\n        viewport: { width: window.innerWidth, height: window.innerHeight },\n        margin: remToPx(tokenValues.semantic.space[200]),\n      })\n      floating.style.top = `${position.top}px`\n      floating.style.left = `${position.left}px`\n      floating.dataset.side = position.side\n    }\n    place()\n    if (typeof ResizeObserver === 'undefined') return\n    const observer = new ResizeObserver(place)\n    observer.observe(floating)\n    return () => observer.disconnect()\n  }, [isPresent, side, align, floatingRef, anchorRef])\n\n  useEffect(() => {\n    if (!isPresent) return\n    const onScroll = (event: Event) => {\n      if (event.target instanceof Node && floatingRef.current?.contains(event.target)) return\n      onDetach()\n    }\n    window.addEventListener('scroll', onScroll, true)\n    window.addEventListener('resize', onDetach)\n    return () => {\n      window.removeEventListener('scroll', onScroll, true)\n      window.removeEventListener('resize', onDetach)\n    }\n  }, [isPresent, floatingRef, onDetach])\n}\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","supportsPopover","HTMLElement","prototype","remToPx","value","parseFloat","getComputedStyle","document","documentElement","fontSize","useFloatingLayer","_a","isPresent","floatingRef","anchorRef","side","align","onDetach","floating","current","matches","setAttribute","showPopover","place","trigger","laidOutElement","anchor","getBoundingClientRect","width","height","position","placeFloating","offset","tokenValues","semantic","space","viewport","innerWidth","innerHeight","margin","style","top","left","dataset","ResizeObserver","observer","observe","disconnect","onScroll","event","target","Node","contains","addEventListener","removeEventListener"],"mappings":"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"}

package/dist/styles/icons.json

@@ -374,7 +374,6 @@
 		"aliases": [
 			"hamburger",
 			"nav",
-			"sidebar",
 			"navigation"
 		],
 		"intent": "Use to open a navigation menu or sidebar",
@@ -908,5 +907,35 @@
 		"intent": "Use for the cancelled status: stopped on purpose (decision 0045). Neutral colour, with a label",
 		"decorativeDefault": false,
 		"ariaLabelDefault": "Cancelled"
+	},
+	"home": {
+		"path": "M12 2.7L21 10.3V21H3V10.3Z M12 5.32L5 11.23V19H19V11.23Z M9 13H15V19H13V15H11V19H9Z",
+		"name": "home",
+		"description": "House outline with a door",
+		"category": "navigation",
+		"aliases": [
+			"house",
+			"dashboard",
+			"main",
+			"homepage"
+		],
+		"intent": "Use for a link to the product's home or start page",
+		"decorativeDefault": false,
+		"ariaLabelDefault": "Home"
+	},
+	"sidebar": {
+		"path": "M14 2C17.7712 2 19.6566 2.0003 20.8281 3.17188C21.9997 4.34345 22 6.22876 22 10V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.803 21.8533 18.2315 21.982 15.3281 21.998L14 22H10L8.67188 21.998C5.8719 21.9826 4.31033 21.8625 3.2832 20.9346L3.17188 20.8281C2.14675 19.803 2.01797 18.2315 2.00195 15.3281L2 14V10C2 6.34627 2 4.46248 3.06543 3.2832L3.17188 3.17188C4.34345 2.0003 6.22876 2 10 2H14Z M10 4C8.05784 4 6.80197 4.00454 5.87695 4.12891C5.00986 4.24554 4.73816 4.43372 4.58594 4.58594C4.43372 4.73816 4.24554 5.00986 4.12891 5.87695C4.00454 6.80197 4 8.05784 4 10V14C4 15.9422 4.00454 17.198 4.12891 18.123C4.24554 18.9901 4.43372 19.2618 4.58594 19.4141C4.73816 19.5663 5.00986 19.7545 5.87695 19.8711C6.80197 19.9955 8.05784 20 10 20H14C15.9422 20 17.198 19.9955 18.123 19.8711C18.9901 19.7545 19.2618 19.5663 19.4141 19.4141C19.5663 19.2618 19.7545 18.9901 19.8711 18.123C19.9955 17.198 20 15.9422 20 14V10C20 8.05784 19.9955 6.80197 19.8711 5.87695C19.7545 5.00986 19.5663 4.73816 19.4141 4.58594C19.2618 4.43372 18.9901 4.24554 18.123 4.12891C17.198 4.00454 15.9422 4 14 4Z M8 4H10V20H8Z",
+		"name": "sidebar",
+		"description": "Rounded square with a narrow column on the left",
+		"category": "navigation",
+		"aliases": [
+			"panel",
+			"side-panel",
+			"drawer",
+			"rail"
+		],
+		"intent": "Use for a button that collapses or expands a sidebar",
+		"decorativeDefault": false,
+		"ariaLabelDefault": "Toggle sidebar"
 	}
 }

package/dist/styles/icons.json.mjs

@@ -359,7 +359,6 @@ var menu = {
 	aliases: [
 		"hamburger",
 		"nav",
-		"sidebar",
 		"navigation"
 	],
 	intent: "Use to open a navigation menu or sidebar",
@@ -894,6 +893,36 @@ var statusCancelled = {
 	decorativeDefault: false,
 	ariaLabelDefault: "Cancelled"
 };
+var home = {
+	path: "M12 2.7L21 10.3V21H3V10.3Z M12 5.32L5 11.23V19H19V11.23Z M9 13H15V19H13V15H11V19H9Z",
+	name: "home",
+	description: "House outline with a door",
+	category: "navigation",
+	aliases: [
+		"house",
+		"dashboard",
+		"main",
+		"homepage"
+	],
+	intent: "Use for a link to the product's home or start page",
+	decorativeDefault: false,
+	ariaLabelDefault: "Home"
+};
+var sidebar = {
+	path: "M14 2C17.7712 2 19.6566 2.0003 20.8281 3.17188C21.9997 4.34345 22 6.22876 22 10V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.803 21.8533 18.2315 21.982 15.3281 21.998L14 22H10L8.67188 21.998C5.8719 21.9826 4.31033 21.8625 3.2832 20.9346L3.17188 20.8281C2.14675 19.803 2.01797 18.2315 2.00195 15.3281L2 14V10C2 6.34627 2 4.46248 3.06543 3.2832L3.17188 3.17188C4.34345 2.0003 6.22876 2 10 2H14Z M10 4C8.05784 4 6.80197 4.00454 5.87695 4.12891C5.00986 4.24554 4.73816 4.43372 4.58594 4.58594C4.43372 4.73816 4.24554 5.00986 4.12891 5.87695C4.00454 6.80197 4 8.05784 4 10V14C4 15.9422 4.00454 17.198 4.12891 18.123C4.24554 18.9901 4.43372 19.2618 4.58594 19.4141C4.73816 19.5663 5.00986 19.7545 5.87695 19.8711C6.80197 19.9955 8.05784 20 10 20H14C15.9422 20 17.198 19.9955 18.123 19.8711C18.9901 19.7545 19.2618 19.5663 19.4141 19.4141C19.5663 19.2618 19.7545 18.9901 19.8711 18.123C19.9955 17.198 20 15.9422 20 14V10C20 8.05784 19.9955 6.80197 19.8711 5.87695C19.7545 5.00986 19.5663 4.73816 19.4141 4.58594C19.2618 4.43372 18.9901 4.24554 18.123 4.12891C17.198 4.00454 15.9422 4 14 4Z M8 4H10V20H8Z",
+	name: "sidebar",
+	description: "Rounded square with a narrow column on the left",
+	category: "navigation",
+	aliases: [
+		"panel",
+		"side-panel",
+		"drawer",
+		"rail"
+	],
+	intent: "Use for a button that collapses or expands a sidebar",
+	decorativeDefault: false,
+	ariaLabelDefault: "Toggle sidebar"
+};
 var iconsJson = {
 	ai: ai,
 	add: add,
@@ -969,8 +998,10 @@ var iconsJson = {
 	statusPending: statusPending,
 	statusScheduled: statusScheduled,
 	statusNotStarted: statusNotStarted,
-	statusCancelled: statusCancelled
+	statusCancelled: statusCancelled,
+	home: home,
+	sidebar: sidebar
 };
 
-export { add, addRing, ai, arrowDown, arrowLeft, arrowRight, arrowUp, back, bell, cancel, caret, caretDown, caretUp, check, checkRing, close, copy, creditCard, crossCircle, iconsJson as default, directionRight, directionUp, edit, fileDocSearch, filter, info, kebab, lamp, lineOut, link, meatballs, menu, message, mic, move, order, paper, pause, play, playBack, refresh, remove, search, star, starFilled, statusCancelled, statusError, statusInProgress, statusInfo, statusNotStarted, statusPending, statusScheduled, statusSerious, statusSuccess, statusWarning, stop, table, trash, userBox, view, viewHide, wallet };
+export { add, addRing, ai, arrowDown, arrowLeft, arrowRight, arrowUp, back, bell, cancel, caret, caretDown, caretUp, check, checkRing, close, copy, creditCard, crossCircle, iconsJson as default, directionRight, directionUp, edit, fileDocSearch, filter, home, info, kebab, lamp, lineOut, link, meatballs, menu, message, mic, move, order, paper, pause, play, playBack, refresh, remove, search, sidebar, star, starFilled, statusCancelled, statusError, statusInProgress, statusInfo, statusNotStarted, statusPending, statusScheduled, statusSerious, statusSuccess, statusWarning, stop, table, trash, userBox, view, viewHide, wallet };
 //# sourceMappingURL=icons.json.mjs.map

package/dist/styles/icons.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icons.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icons.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}