@canonical/react-ds-core 0.10.0-experimental.3 → 0.10.0-experimental.4

package/dist/esm/index.js

@@ -1,2 +1,3 @@
+export * from "./lib/index.js";
 export * from "./ui/index.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/dist/esm/lib/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/esm/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":""}

package/dist/esm/lib/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/esm/lib/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/types/index.ts"],"names":[],"mappings":""}

package/dist/esm/lib/types/polymorphic.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=polymorphic.js.map

package/dist/esm/lib/types/polymorphic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.js","sourceRoot":"","sources":["../../../../src/lib/types/polymorphic.ts"],"names":[],"mappings":""}

package/dist/esm/storybook/decorators.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const rtl = () => (Story) => (_jsx("div", { dir: "rtl", children: _jsx(Story, {}) }));
+//# sourceMappingURL=decorators.js.map

package/dist/esm/storybook/decorators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../../../src/storybook/decorators.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE,CAAC,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC/C,cAAK,GAAG,EAAC,KAAK,YACZ,KAAC,KAAK,KAAG,GACL,CACP,CAAC"}

package/dist/esm/ui/Icon/Icon.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+const componentCssClassName = "ds icon";
+/**
+ * Icon component that renders SVG icons from @canonical/ds-assets
+ * @param iconName - Name of the icon to render
+ * @param rootPath - Root path to the icons (default: /icons)
+ * @returns {React.ReactElement} - Rendered Icon SVG
+ * @implements syntax:core:component:icon:1.0.0
+ */
+const Icon = ({ xmlns = "http://www.w3.org/2000/svg", viewBox = "0 0 16 16", icon, className, rootPath = "/icons", role = "img", ...props }) => {
+    return (_jsx("svg", { xmlns: xmlns, viewBox: viewBox, className: [componentCssClassName, className].filter(Boolean).join(" "), role: role, ...props, children: _jsx("use", { href: `${rootPath}/${icon}.svg#${icon}` }) }));
+};
+export default Icon;
+//# sourceMappingURL=Icon.js.map

package/dist/esm/ui/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/ui/Icon/Icon.tsx"],"names":[],"mappings":";AAKA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,SAAS,CAAC;AAExC;;;;;;GAMG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,KAAK,GAAG,4BAA4B,EACpC,OAAO,GAAG,WAAW,EACrB,IAAI,EACJ,SAAS,EACT,QAAQ,GAAG,QAAQ,EACnB,IAAI,GAAG,KAAK,EACZ,GAAG,KAAK,EACE,EAAgB,EAAE;IAC5B,OAAO,CACL,cACE,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvE,IAAI,EAAE,IAAI,KACN,KAAK,YAET,cAAK,IAAI,EAAE,GAAG,QAAQ,IAAI,IAAI,QAAQ,IAAI,EAAE,GAAI,GAC5C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/ui/Icon/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.10.0-experimental.2 */
+export { default as Icon } from "./Icon.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/Icon/index.ts"],"names":[],"mappings":"AAAA,mDAAmD;AAEnD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,cAAc,YAAY,CAAC"}

package/dist/esm/ui/Icon/styles.css

@@ -0,0 +1,12 @@
+/* @canonical/generator-ds 0.10.0-experimental.2 */
+
+.ds.icon {
+  position: relative;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  vertical-align: middle;
+
+  height: var(--icon-size);
+  width: var(--icon-size);
+}

package/dist/esm/ui/Icon/types.js

@@ -0,0 +1,3 @@
+/* @canonical/generator-ds 0.10.0-experimental.2 */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/Icon/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/Icon/types.ts"],"names":[],"mappings":"AAAA,mDAAmD"}

package/dist/esm/ui/Link/Link.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+const componentCssClassName = "ds link";
+/**
+ * Link component that can be rendered as different elements while maintaining consistent styling
+ * @implements syntax:core:component:link:1.0.0
+ */
+const Link = ({ as, className, children, appearance, ...props }) => {
+    const Component = as || "a";
+    return (_jsx(Component, { className: [componentCssClassName, className, appearance]
+            .filter(Boolean)
+            .join(" "), ...props, children: children }));
+};
+export default Link;
+//# sourceMappingURL=Link.js.map

package/dist/esm/ui/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/ui/Link/Link.tsx"],"names":[],"mappings":";AAIA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,SAAS,CAAC;AAExC;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAqC,EAChD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,EACV,GAAG,KAAK,EACY,EAAgB,EAAE;IACtC,MAAM,SAAS,GAAG,EAAE,IAAI,GAAG,CAAC;IAE5B,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE,UAAU,CAAC;aACtD,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/ui/Link/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.10.0-experimental.2 */
+export { default as Link } from "./Link.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/Link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/Link/index.ts"],"names":[],"mappings":"AAAA,mDAAmD;AAEnD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,cAAc,YAAY,CAAC"}

package/dist/esm/ui/Link/styles.css

@@ -0,0 +1,25 @@
+/* @canonical/generator-ds 0.10.0-experimental.2 */
+
+.ds.link {
+  &.soft {
+    /*
+            Soft links are explicitly meant to use normal text color
+            TODO because <a> tag have their color set in the styles package, we need to set a specific color here.
+                Otherwise, we could use `currentColor` or only apply link color to non-soft links, which would allow the link to inherit color from parent.
+                We should confirm this approach is what we want.
+        */
+    color: var(--tmp-color-text-default);
+
+    &:hover {
+      color: var(--tmp-color-text-link-default);
+    }
+
+    &:visited {
+      color: var(--tmp-color-text-default);
+    }
+
+    &[aria-current="page"] {
+      font-weight: var(--link-soft-selected-font-weight);
+    }
+  }
+}

package/dist/esm/ui/Link/types.js

@@ -0,0 +1,3 @@
+/* @canonical/generator-ds 0.10.0-experimental.2 */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/Link/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/Link/types.ts"],"names":[],"mappings":"AAAA,mDAAmD"}

package/dist/esm/ui/index.js

@@ -1,6 +1,8 @@
 export * from "./Badge/index.js";
 export * from "./Button/index.js";
 export * from "./Chip/index.js";
+export * from "./Icon/index.js";
+export * from "./Link/index.js";
 export * from "./Rule/index.js";
 export * from "./Tooltip/index.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
+export * from "./lib/index.js";
 export * from "./ui/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/dist/types/lib/index.d.ts

@@ -0,0 +1,2 @@
+export type * from "./types/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,kBAAkB,CAAC"}

package/dist/types/lib/types/index.d.ts

@@ -0,0 +1,2 @@
+export type * from "./polymorphic.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/types/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,kBAAkB,CAAC"}

package/dist/types/lib/types/polymorphic.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentProps, ElementType } from "react";
+/**
+ * Utility type for creating polymorphic components in React.
+ * This type combines the props of the specified element type with the component's own props,
+ * allowing the component to be rendered as different HTML elements or custom components.
+ * @template TOwnProps - The props specific to the underlying component.
+ * @template TElement - The element type to render as.
+ * @example
+ * ```ts
+ * import type { PolymorphicComponentProps } from '@canonical/ds-types';
+ *
+ * interface LinkOwnProps {
+ *  children?: ReactNode;
+ *  appearance?: "soft";
+ * }
+ * // A link that is, by default, an "a" element, but can be changed via the `as` prop
+ * export type LinkProps<TElement extends ElementType = "a"> =
+ *   PolymorphicComponentProps<LinkOwnProps, TElement>;
+ * ```
+ */
+export type PolymorphicComponentProps<TOwnProps extends Object, TElement extends ElementType> = TOwnProps & {
+    as?: TElement;
+} & Omit<ComponentProps<TElement>, keyof TOwnProps>;
+//# sourceMappingURL=polymorphic.d.ts.map

package/dist/types/lib/types/polymorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../../../src/lib/types/polymorphic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,yBAAyB,CACnC,SAAS,SAAS,MAAM,EACxB,QAAQ,SAAS,WAAW,IAC1B,SAAS,GAAG;IAAE,EAAE,CAAC,EAAE,QAAQ,CAAA;CAAE,GAAG,IAAI,CACpC,cAAc,CAAC,QAAQ,CAAC,EACxB,MAAM,SAAS,CAChB,CAAC"}

package/dist/types/storybook/decorators.d.ts

@@ -0,0 +1,3 @@
+import type { ElementType } from "react";
+export declare const rtl: () => (Story: ElementType) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=decorators.d.ts.map

package/dist/types/storybook/decorators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../src/storybook/decorators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,eAAO,MAAM,GAAG,SAAU,OAAO,WAAW,4CAI3C,CAAC"}

package/dist/types/ui/Icon/Icon.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from "react";
+import type { IconProps } from "./types.js";
+import "./styles.css";
+/**
+ * Icon component that renders SVG icons from @canonical/ds-assets
+ * @param iconName - Name of the icon to render
+ * @param rootPath - Root path to the icons (default: /icons)
+ * @returns {React.ReactElement} - Rendered Icon SVG
+ * @implements syntax:core:component:icon:1.0.0
+ */
+declare const Icon: ({ xmlns, viewBox, icon, className, rootPath, role, ...props }: IconProps) => ReactElement;
+export default Icon;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/types/ui/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/ui/Icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,cAAc,CAAC;AAItB;;;;;;GAMG;AACH,QAAA,MAAM,IAAI,GAAI,+DAQX,SAAS,KAAG,YAYd,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/ui/Icon/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Icon } from "./Icon.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/Icon/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,cAAc,YAAY,CAAC"}

package/dist/types/ui/Icon/types.d.ts

@@ -0,0 +1,13 @@
+import type { IconName } from "@canonical/ds-assets";
+import type { SVGAttributes } from "react";
+/**
+    We have used the `HTMLDivElement` as a default props base.
+    If your component is based on a different HTML element, please update it accordingly.
+    See https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API for a full list of HTML elements interfaces.
+*/
+export interface IconProps extends SVGAttributes<HTMLOrSVGElement> {
+    icon: IconName;
+    /** Root path to the icons (default: /icons). Must be exposed to the user. */
+    rootPath?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Icon/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/Icon/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;;;EAIE;AACF,MAAM,WAAW,SAAU,SAAQ,aAAa,CAAC,gBAAgB,CAAC;IAEhE,IAAI,EAAE,QAAQ,CAAC;IACf,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/types/ui/Link/Link.d.ts

@@ -0,0 +1,10 @@
+import type { ElementType, ReactElement } from "react";
+import type { LinkProps } from "./types.js";
+import "./styles.css";
+/**
+ * Link component that can be rendered as different elements while maintaining consistent styling
+ * @implements syntax:core:component:link:1.0.0
+ */
+declare const Link: <TElement extends ElementType = "a">({ as, className, children, appearance, ...props }: LinkProps<TElement>) => ReactElement;
+export default Link;
+//# sourceMappingURL=Link.d.ts.map

package/dist/types/ui/Link/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/ui/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,IAAI,GAAI,QAAQ,SAAS,WAAW,GAAG,GAAG,EAAE,mDAM/C,SAAS,CAAC,QAAQ,CAAC,KAAG,YAaxB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/ui/Link/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Link } from "./Link.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/Link/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,cAAc,YAAY,CAAC"}

package/dist/types/ui/Link/types.d.ts

@@ -0,0 +1,13 @@
+import type { ElementType, ReactNode } from "react";
+import type { PolymorphicComponentProps } from "../../lib/index.js";
+interface LinkOwnProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Link contents */
+    children?: ReactNode;
+    /** Link appearance modifier */
+    appearance?: "soft";
+}
+export type LinkProps<TElement extends ElementType = "a"> = PolymorphicComponentProps<LinkOwnProps, TElement>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Link/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/Link/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEpE,UAAU,YAAY;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,WAAW,GAAG,GAAG,IACtD,yBAAyB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC"}

package/dist/types/ui/Rule/types.d.ts

@@ -6,7 +6,6 @@ import type { HTMLAttributes } from "react";
     See https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API for a full list of HTML elements interfaces.
 */
 export interface RuleProps extends HTMLAttributes<HTMLHRElement> {
-    className?: string;
     emphasis?: ModifierFamily<"emphasis">;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Rule/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/Rule/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;EAIE;AACF,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,aAAa,CAAC;IAE9D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACvC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/Rule/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;EAIE;AACF,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,aAAa,CAAC;IAC9D,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACvC"}

package/dist/types/ui/index.d.ts

@@ -1,6 +1,8 @@
 export * from "./Badge/index.js";
 export * from "./Button/index.js";
 export * from "./Chip/index.js";
+export * from "./Icon/index.js";
+export * from "./Link/index.js";
 export * from "./Rule/index.js";
 export * from "./Tooltip/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-ds-core",
-  "version": "0.10.0-experimental.3",
+  "version": "0.10.0-experimental.4",
   "type": "module",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -38,17 +38,18 @@
     "test:vitest:watch": "vitest"
   },
   "dependencies": {
-    "@canonical/storybook-config": "^0.10.0-experimental.3",
-    "@canonical/styles": "^0.10.0-experimental.3",
-    "@canonical/utils": "^0.10.0-experimental.3",
+    "@canonical/ds-assets": "^0.10.0-experimental.4",
+    "@canonical/storybook-config": "^0.10.0-experimental.4",
+    "@canonical/styles": "^0.10.0-experimental.4",
+    "@canonical/utils": "^0.10.0-experimental.4",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.2.2",
-    "@canonical/biome-config": "^0.10.0-experimental.3",
-    "@canonical/ds-types": "^0.10.0-experimental.3",
-    "@canonical/typescript-config-react": "^0.10.0-experimental.3",
+    "@biomejs/biome": "2.2.4",
+    "@canonical/biome-config": "^0.10.0-experimental.4",
+    "@canonical/ds-types": "^0.10.0-experimental.4",
+    "@canonical/typescript-config-react": "^0.10.0-experimental.4",
     "@chromatic-com/storybook": "^4.0.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
@@ -58,12 +59,12 @@
     "@vitejs/plugin-react": "^5.0.0",
     "copyfiles": "^2.4.1",
     "globals": "^16.2.0",
-    "jsdom": "^26.1.0",
+    "jsdom": "^27.0.0",
     "storybook": "^9.0.8",
     "typescript": "^5.8.3",
     "vite": "^7.0.0",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.2.3"
   },
-  "gitHead": "99c01818f83645f82a1a8971e5da18ce35eff68c"
+  "gitHead": "2c35cfbe5527808f3d612a1c683da1b113861e3d"
 }