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

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,15 @@
+import type { ElementType, ReactNode } from "react";
+export declare const rtl: () => (Story: ElementType) => import("react/jsx-runtime").JSX.Element;
+export declare const grid: () => (Story: ElementType) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Places the story before a `<main>` element. This is useful for stories that need to be placed before the rest of the page contents in reading order (such as a skip link).
+ * @param id - The id of the main element
+ * @param children - Content to be rendered inside the main element
+ * @TODO this is the first decorator that seems like it may deserve a complex props object, and thus a separate Type.
+ *      Should the type be declared separately? Should this be a separate file? Should the decorator be simplified somehow?
+ */
+export declare const beforeMain: ({ id, children }: {
+    id?: string;
+    children?: ReactNode;
+}) => (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,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,eAAO,MAAM,GAAG,SAAU,OAAO,WAAW,4CAI3C,CAAC;AAEF,eAAO,MAAM,IAAI,SAAU,OAAO,WAAW,4CAU5C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GACpB,kBAA2B;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,MAChE,OAAO,WAAW,4CAOlB,CAAC"}

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

@@ -0,0 +1,24 @@
+import type React from "react";
+import type { CardProps } from "./types.js";
+import "./styles.css";
+/**
+ * Card component
+ * @implements syntax:core:component:card:1.0.0
+ */
+declare const Card: {
+    ({ className, children, emphasis, ...props }: CardProps): React.ReactElement;
+    ThumbnailSection: {
+        ({ className, imageProps, ...props }: import("./common/index.js").ThumbnailSectionProps): React.ReactElement;
+        displayName: string;
+    };
+    Image: {
+        ({ className, alt, ...props }: import("./common/index.js").ImageProps): React.ReactElement;
+        displayName: string;
+    };
+    Section: {
+        ({ children, className, ...props }: import("./common/index.js").SectionProps): React.ReactElement;
+        displayName: string;
+    };
+};
+export default Card;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/ui/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,IAAI;kDAKP,SAAS,GAAG,KAAK,CAAC,YAAY;;;;;;;;;;;;;CAShC,CAAC;AAMF,eAAe,IAAI,CAAC"}

package/dist/types/ui/Card/common/Image/Image.d.ts

@@ -0,0 +1,14 @@
+import type React from "react";
+import type { ImageProps } from "./types.js";
+import "./styles.css";
+/**
+ * Image component for Card
+ * Full-width image with content bleed (no padding)
+ * @returns {React.ReactElement} - Rendered Image
+ */
+declare const Image: {
+    ({ className, alt, ...props }: ImageProps): React.ReactElement;
+    displayName: string;
+};
+export default Image;
+//# sourceMappingURL=Image.d.ts.map

package/dist/types/ui/Card/common/Image/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Card/common/Image/Image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,cAAc,CAAC;AAItB;;;;GAIG;AACH,QAAA,MAAM,KAAK;mCAIR,UAAU,GAAG,KAAK,CAAC,YAAY;;CAQjC,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/dist/types/ui/Card/common/Image/index.d.ts

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

package/dist/types/ui/Card/common/Image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Card/common/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,mBAAmB,YAAY,CAAC"}

package/dist/types/ui/Card/common/Image/types.d.ts

@@ -0,0 +1,5 @@
+import type { ImgHTMLAttributes } from "react";
+export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Card/common/Image/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Card/common/Image/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,WAAW,UAAW,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC;IAErE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/types/ui/Card/common/Section/Section.d.ts

@@ -0,0 +1,13 @@
+import type React from "react";
+import type { SectionProps } from "./types.js";
+import "./styles.css";
+/**
+ * Section component for Card
+ * @returns {React.ReactElement} - Rendered Section
+ */
+declare const Section: {
+    ({ children, className, ...props }: SectionProps): React.ReactElement;
+    displayName: string;
+};
+export default Section;
+//# sourceMappingURL=Section.d.ts.map

package/dist/types/ui/Card/common/Section/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Card/common/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,OAAO;wCAIV,YAAY,GAAG,KAAK,CAAC,YAAY;;CASnC,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/types/ui/Card/common/Section/index.d.ts

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

package/dist/types/ui/Card/common/Section/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Card/common/Section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,mBAAmB,YAAY,CAAC"}

package/dist/types/ui/Card/common/Section/types.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface SectionProps extends HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Card/common/Section/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Card/common/Section/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAE/D,QAAQ,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/types/ui/Card/common/ThumbnailSection/ThumbnailSection.d.ts

@@ -0,0 +1,13 @@
+import type React from "react";
+import type { ThumbnailSectionProps } from "./types.js";
+import "./styles.css";
+/**
+ * ThumbnailSection component for Card thumbnails
+ * Extends Section behavior with thumbnail image
+ */
+declare const ThumbnailSection: {
+    ({ className, imageProps, ...props }: ThumbnailSectionProps): React.ReactElement;
+    displayName: string;
+};
+export default ThumbnailSection;
+//# sourceMappingURL=ThumbnailSection.d.ts.map

package/dist/types/ui/Card/common/ThumbnailSection/ThumbnailSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailSection.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Card/common/ThumbnailSection/ThumbnailSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,gBAAgB;0CAInB,qBAAqB,GAAG,KAAK,CAAC,YAAY;;CAU5C,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/dist/types/ui/Card/common/ThumbnailSection/index.d.ts

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

package/dist/types/ui/Card/common/ThumbnailSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Card/common/ThumbnailSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,mBAAmB,YAAY,CAAC"}

package/dist/types/ui/Card/common/ThumbnailSection/types.d.ts

@@ -0,0 +1,12 @@
+import type { ImgHTMLAttributes } from "react";
+import type { SectionProps } from "../Section/index.js";
+export interface ThumbnailSectionProps extends Omit<SectionProps, "children"> {
+    /** Additional class name(s) to apply to the component */
+    className?: string;
+    /**
+     * Props for the thumbnail image element
+     * TODO this should always include `alt` for accessibility, and this is likely to be repeated across the DS - should this type + `alt` requirement be extracted to ds-types packages?
+     */
+    imageProps: ImgHTMLAttributes<HTMLImageElement>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Card/common/ThumbnailSection/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Card/common/ThumbnailSection/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IAC3E,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACjD"}

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

@@ -0,0 +1,4 @@
+export * from "./Image/index.js";
+export * from "./Section/index.js";
+export * from "./ThumbnailSection/index.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Card/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { ModifierFamily } from "@canonical/ds-types";
+import type { HTMLAttributes } from "react";
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * TODO we need to verify with DS ontology group whether it is expected that a component consume ALL of a modifier family
+     *  Card in vanilla does not currently support the "muted" or "accented" emphasis modifiers.
+     */
+    emphasis?: ModifierFamily<"emphasis">;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/Card/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACvC"}

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/SkipLink/SkipLink.d.ts

@@ -0,0 +1,16 @@
+import type React from "react";
+import type { SkipLinkProps } from "./types.js";
+import "./styles.css";
+/**
+ * The `SkipLink` component provides a way for users to quickly navigate to the main content of a page.
+ * It is typically used by keyboard and screen reader users to bypass repetitive navigation links
+ * and other elements that appear at the top of the page, pursuant to [WCAG 2.1 Success Criterion 2.4.1](https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks.html).
+ *
+ * `SkipLink` should be placed near the top of your document body, before the `<main>` element.
+ * The `<main>` element should have a `tabindex` of `-1` to prevent it from receiving focus from the keyboard without using the skip link.
+ *
+ * @implements syntax:core:component:skiplink:1.0.0
+ */
+declare const SkipLink: ({ className, children, mainId, ...props }: SkipLinkProps) => React.ReactElement;
+export default SkipLink;
+//# sourceMappingURL=SkipLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../../../../src/ui/SkipLink/SkipLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,cAAc,CAAC;AAItB;;;;;;;;;GASG;AACH,QAAA,MAAM,QAAQ,GAAI,2CAKf,aAAa,KAAG,KAAK,CAAC,YAcxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

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

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

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

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

@@ -0,0 +1,16 @@
+import type { HTMLAttributes, ReactNode } 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 SkipLinkProps extends Omit<HTMLAttributes<HTMLAnchorElement>, "href" | "tabIndex"> {
+    /** The contents of the skip link itself */
+    children?: ReactNode;
+    /**
+     * ID of the main content element
+     * @default "main"
+     * */
+    mainId?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/SkipLink/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;;;EAIE;AACF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACpE,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;SAGK;IACL,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -1,6 +1,10 @@
 export * from "./Badge/index.js";
 export * from "./Button/index.js";
+export * from "./Card/index.js";
 export * from "./Chip/index.js";
+export * from "./Icon/index.js";
+export * from "./Link/index.js";
 export * from "./Rule/index.js";
+export * from "./SkipLink/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,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,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.5",
   "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.5",
+    "@canonical/storybook-config": "^0.10.0-experimental.5",
+    "@canonical/styles": "^0.10.0-experimental.5",
+    "@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": "467161a7c642004bf423a62ca1e76e0e31f568c3"
 }