@atelier-ui/react 0.2.39 → 0.2.41

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.2.41 (2026-09-07)
+
+This was a version bump only for react to align it with other projects, there were no code changes.
+
+## 0.2.40 (2026-09-07)
+
+This was a version bump only for react to align it with other projects, there were no code changes.
+
 ## 0.2.39 (2026-09-07)
 
 ### 🩹 Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atelier-ui/react",
-  "version": "0.2.39",
+  "version": "0.2.41",
   "description": "Atelier component library for React — LLM-optimised, accessible, design-token-driven",
   "keywords": [
     "react",

package/src/lib/icon/atl-icon.d.ts

@@ -16,10 +16,10 @@ export interface AtlIconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'ari
     label?: string;
 }
 /**
- * Vector icon. 23 named variants, drawn from the geometry in `icons.ts` so the
- * same shape is used everywhere it appears. Matches the Figma `AtlIcon`
- * component set. Decorative by default; pass `label` to announce a meaning
- * to assistive tech.
+ * Vector icon. Renders whichever `AtlIconName` variant is passed, drawn from
+ * the geometry in `icons.ts` so the same shape is used everywhere it appears.
+ * Matches the Figma `AtlIcon` component set. Decorative by default; pass
+ * `label` to announce a meaning to assistive tech.
  */
 export declare function AtlIcon({ name, size, label, className, ...rest }: AtlIconProps): import("react").JSX.Element;
 //# sourceMappingURL=atl-icon.d.ts.map

package/src/lib/icon/atl-icon.js

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ATL_ICON_GEOMETRY, ATL_ICON_STROKE_WIDTH, ATL_ICON_VIEWBOX } from '../icons';
 import './atl-icon.css';
 /**
- * Vector icon. 23 named variants, drawn from the geometry in `icons.ts` so the
- * same shape is used everywhere it appears. Matches the Figma `AtlIcon`
- * component set. Decorative by default; pass `label` to announce a meaning
- * to assistive tech.
+ * Vector icon. Renders whichever `AtlIconName` variant is passed, drawn from
+ * the geometry in `icons.ts` so the same shape is used everywhere it appears.
+ * Matches the Figma `AtlIcon` component set. Decorative by default; pass
+ * `label` to announce a meaning to assistive tech.
  */
 export function AtlIcon({ name, size = 'md', label, className, ...rest }) {
     const classes = ['atl-icon', `size-${size}`, className].filter(Boolean).join(' ');

package/src/lib/icon/atl-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"atl-icon.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/icon/atl-icon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACtF,OAAO,gBAAgB,CAAC;AAoBxB;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACM;IACb,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClF,MAAM,kBAAkB,GAAG,KAAK;QAC9B,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE;QACtC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAa,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC1C,OAAO,CACL,eAAM,SAAS,EAAE,OAAO,KAAM,kBAAkB,KAAM,IAAI,YACxD,cACE,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,EACtC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC3C,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,EACvD,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3C,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,iBAChC,MAAM,EAClB,SAAS,EAAC,OAAO,YAEhB,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACzB,eAAc,CAAC,EAAE,CAAC,IAAP,CAAC,CAAU,CACvB,CAAC,GACE,GACD,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes } from 'react';\nimport type { AtlIconName, AtlIconSize, AtlIconSpec } from '../spec';\nimport { ATL_ICON_GEOMETRY, ATL_ICON_STROKE_WIDTH, ATL_ICON_VIEWBOX } from '../icons';\nimport './atl-icon.css';\n\n\n/**\n * Properties for the AtlIcon component.\n */\nexport interface AtlIconProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>,\n    AtlIconSpec {\n  /** The icon name. */\n  name: AtlIconName;\n  /** The icon size. */\n  size?: AtlIconSize;\n  /**\n   * Accessible label. When provided, the icon is announced as an image with\n   * this label. When omitted, the icon is hidden from assistive tech.\n   */\n  label?: string;\n}\n\n/**\n * Vector icon. 23 named variants, drawn from the geometry in `icons.ts` so the\n * same shape is used everywhere it appears. Matches the Figma `AtlIcon`\n * component set. Decorative by default; pass `label` to announce a meaning\n * to assistive tech.\n */\nexport function AtlIcon({\n  name,\n  size = 'md',\n  label,\n  className,\n  ...rest\n}: AtlIconProps) {\n  const classes = ['atl-icon', `size-${size}`, className].filter(Boolean).join(' ');\n  const accessibilityProps = label\n    ? { role: 'img', 'aria-label': label }\n    : { 'aria-hidden': true as const };\n  const geometry = ATL_ICON_GEOMETRY[name];\n  const stroke = geometry.kind === 'stroke';\n  return (\n    <span className={classes} {...accessibilityProps} {...rest}>\n      <svg\n        viewBox={ATL_ICON_VIEWBOX}\n        fill={stroke ? 'none' : 'currentColor'}\n        stroke={stroke ? 'currentColor' : undefined}\n        strokeWidth={stroke ? ATL_ICON_STROKE_WIDTH : undefined}\n        strokeLinecap={stroke ? 'round' : undefined}\n        strokeLinejoin={stroke ? 'round' : undefined}\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        {geometry.paths.map((d) => (\n          <path key={d} d={d} />\n        ))}\n      </svg>\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"atl-icon.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/icon/atl-icon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACtF,OAAO,gBAAgB,CAAC;AAoBxB;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACM;IACb,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClF,MAAM,kBAAkB,GAAG,KAAK;QAC9B,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE;QACtC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAa,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC1C,OAAO,CACL,eAAM,SAAS,EAAE,OAAO,KAAM,kBAAkB,KAAM,IAAI,YACxD,cACE,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,EACtC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC3C,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,EACvD,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3C,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,iBAChC,MAAM,EAClB,SAAS,EAAC,OAAO,YAEhB,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACzB,eAAc,CAAC,EAAE,CAAC,IAAP,CAAC,CAAU,CACvB,CAAC,GACE,GACD,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes } from 'react';\nimport type { AtlIconName, AtlIconSize, AtlIconSpec } from '../spec';\nimport { ATL_ICON_GEOMETRY, ATL_ICON_STROKE_WIDTH, ATL_ICON_VIEWBOX } from '../icons';\nimport './atl-icon.css';\n\n\n/**\n * Properties for the AtlIcon component.\n */\nexport interface AtlIconProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>,\n    AtlIconSpec {\n  /** The icon name. */\n  name: AtlIconName;\n  /** The icon size. */\n  size?: AtlIconSize;\n  /**\n   * Accessible label. When provided, the icon is announced as an image with\n   * this label. When omitted, the icon is hidden from assistive tech.\n   */\n  label?: string;\n}\n\n/**\n * Vector icon. Renders whichever `AtlIconName` variant is passed, drawn from\n * the geometry in `icons.ts` so the same shape is used everywhere it appears.\n * Matches the Figma `AtlIcon` component set. Decorative by default; pass\n * `label` to announce a meaning to assistive tech.\n */\nexport function AtlIcon({\n  name,\n  size = 'md',\n  label,\n  className,\n  ...rest\n}: AtlIconProps) {\n  const classes = ['atl-icon', `size-${size}`, className].filter(Boolean).join(' ');\n  const accessibilityProps = label\n    ? { role: 'img', 'aria-label': label }\n    : { 'aria-hidden': true as const };\n  const geometry = ATL_ICON_GEOMETRY[name];\n  const stroke = geometry.kind === 'stroke';\n  return (\n    <span className={classes} {...accessibilityProps} {...rest}>\n      <svg\n        viewBox={ATL_ICON_VIEWBOX}\n        fill={stroke ? 'none' : 'currentColor'}\n        stroke={stroke ? 'currentColor' : undefined}\n        strokeWidth={stroke ? ATL_ICON_STROKE_WIDTH : undefined}\n        strokeLinecap={stroke ? 'round' : undefined}\n        strokeLinejoin={stroke ? 'round' : undefined}\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        {geometry.paths.map((d) => (\n          <path key={d} d={d} />\n        ))}\n      </svg>\n    </span>\n  );\n}\n"]}