@raspberrypifoundation/design-system-react 2.6.2 → 2.7.0-beta.0

package/dist/scss/components/progress-bar.scss

@@ -1,87 +1,43 @@
 @use '../mixins/typography' as typography;
 
-@forward '../properties/spacing';
-@forward '../properties/colors/greys';
-@forward '../properties/colors/decorative';
-@forward '../properties/colors/alert';
+@forward "../properties/spacing";
+@forward "../properties/colors/greys";
+@forward "../properties/colors/decorative";
 
-:root,
-:host {
-  // Deprecated - to be removed in a future release
+
+:root, :host {
   --color-progress-bar-complete: var(--rpf-navy-800);
   --color-progress-bar-incomplete: var(--rpf-grey-150);
-
-  // Component Tokens
-  --rpf-progress-bar-background-color: var(--color-progress-bar-incomplete);
-  --rpf-progress-bar-accent-color: var(--color-progress-bar-complete);
-  --rpf-progress-bar-block-size: var(--space-1);
-  --rpf-progress-bar-border-radius: var(--space-1);
-  --rpf-progress-bar-gap: var(--space-3);
-  --rpf-progress-bar-font-size: var(--font-size-1);
-  --rpf-progress-bar-font-weight: var(--font-weight-regular);
-  --rpf-progress-bar-complete-color: var(--rpf-alert-success);
-  --rpf-progress-bar-complete-icon: url('data:image/svg+xml,<svg height="24" viewBox="0 -960 960 960" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m424-296 282-282-56-56-226 226-114-114-56 56zm56 216q-83 0-156-31.5t-127-85.5q-54-54-85.5-127t-31.5-156q0-83 31.5-156t85.5-127q54-54 127-85.5t156-31.5q83 0 156 31.5t127 85.5q54 54 85.5 127t31.5 156q0 83-31.5 156t-85.5 127q-54 54-127 85.5t-156 31.5z"/></svg>');
 }
 
 .rpf-progress-bar {
   &__label {
-    font-size: var(--rpf-progress-bar-font-size);
-    line-height: 1.5em; // Relative to the font-size
-    font-weight: var(--rpf-progress-bar-font-weight);
+    @include typography.style-1;
     align-items: center;
     display: grid;
-    gap: var(--rpf-progress-bar-gap);
+    grid-gap: var(--space-3);
     grid-template-columns: max-content 1fr;
   }
 
-  &__bar {
-    background: var(--rpf-progress-bar-background-color);
-    block-size: var(--rpf-progress-bar-block-size);
-    border-radius: var(--rpf-progress-bar-border-radius);
+  &__bar{
+    background: var(--color-progress-bar-incomplete);
+    block-size: .375rem;
+    border-radius: .375rem;
     inline-size: 100%;
-    border: none;
 
     &::-webkit-progress-bar {
-      background: var(--rpf-progress-bar-background-color);
-      border-radius: var(--rpf-progress-bar-border-radius);
+      background: var(--color-progress-bar-incomplete);
+      border-radius: .375rem;
     }
 
     &::-webkit-progress-value {
-      background: var(--rpf-progress-bar-accent-color);
-      border-radius: var(--rpf-progress-bar-border-radius);
+      background: var(--color-progress-bar-complete);
+      border-radius: .375rem;
     }
 
     &::-moz-progress-bar {
-      background: var(--rpf-progress-bar-accent-color);
-      border-radius: var(--rpf-progress-bar-border-radius);
-    }
-  }
-
-  &--complete {
-    --rpf-progress-bar-accent-color: var(--rpf-progress-bar-complete-color);
-
-    .rpf-progress-bar__label span {
-      display: flex;
-    }
-
-    .rpf-progress-bar__label span::before {
-      content: '';
-      display: inline-block;
-      block-size: 1.5em; // Relative to the font-size
-      aspect-ratio: 1/1;
-      margin-inline-end: var(--space-1);
-      vertical-align: middle;
-      background-color: var(--rpf-progress-bar-complete-color);
-      mask-image: var(--rpf-progress-bar-complete-icon);
-      mask-size: contain;
-      mask-repeat: no-repeat;
-      mask-position: center;
-
-      // Could be removed if we auto-prefixed in build
-      -webkit-mask-image: var(--rpf-progress-bar-complete-icon);
-      -webkit-mask-size: contain;
-      -webkit-mask-repeat: no-repeat;
-      -webkit-mask-position: center;
+      background: var(--color-progress-bar-complete);
+      border-radius: .375rem;
     }
   }
 }

package/dist/scss/design-system-core.scss

@@ -10,8 +10,6 @@
 @use 'properties/colors/_greys';
 @use 'properties/colors/_inputs' as inputs_colors;
 @use 'properties/colors/_text';
-@use 'properties/colors/_utilities';
-
 
 @use 'components/alert';
 @use 'components/accordion';
@@ -22,8 +20,6 @@
 @use 'components/menu';
 @use 'components/link';
 @use 'components/burger-menu';
-@use 'components/modal';
-
 
 @use 'components/forms/error-message';
 @use 'components/forms/fieldset';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raspberrypifoundation/design-system-react",
-  "version": "2.6.2",
+  "version": "2.7.0-beta.0",
   "type": "module",
   "main": "./dist/design-system-react.umd.cjs",
   "module": "./dist/design-system-react.js",
@@ -83,10 +83,18 @@
     "vitest": "^3.1.1"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": ">=18.0.0 <20.0.0",
+    "react-dom": ">=18.0.0 <20.0.0",
     "react-router-dom": "^6.24.0"
   },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": false
+    },
+    "react-dom": {
+      "optional": false
+    }
+  },
   "packageManager": "yarn@4.5.1",
   "eslintConfig": {
     "extends": [

package/dist/scss/components/modal.scss

@@ -1,95 +0,0 @@
-@use '../mixins/typography' as typography;
-@forward '../properties/font-size';
-@forward '../properties/colors/utilities';
-
-:root,
-:host {
-  --rpf-modal-background-color: var(--rpf-white);
-  --rpf-modal-border-color: var(--rpf-grey-150);
-  --rpf-modal-max-block-size: calc(100vh - 2 * var(--space-10));
-  --rpf-modal-mobile-max-block-size: calc(100dvh - 2 * var(--space-2));
-  --rpf-modal-max-inline-size: calc(100vw - 2 * var(--space-10));
-  --rpf-modal-mobile-max-inline-size: calc(100vw - 2 * var(--space-2));
-  --rpf-modal-border-radius: var(--space-1);
-  --rpf-modal-content-padding: var(--space-3);
-  --rpf-modal-backdrop-color: var(--rpf-overlay);
-  --rpf-modal-buttons-flex-direction: row-reverse;
-  --rpf-modal-buttons-justify-content: flex-start;
-}
-
-.rpf-modal {
-  background-color: var(--rpf-modal-background-color);
-  border: none;
-  border-radius: var(--rpf-modal-border-radius);
-  margin-inline: auto;
-  min-inline-size: 15rem;
-  inline-size: 100%;
-  padding: 0;
-
-  max-inline-size: var(--rpf-modal-mobile-max-inline-size);
-  max-block-size: var(--rpf-modal-mobile-max-block-size);
-
-  @media (min-width: 30rem) {
-    max-inline-size: var(--rpf-modal-max-inline-size);
-    max-block-size: var(--rpf-modal-max-block-size);
-  }
-
-  &__wrapper {
-    display: grid;
-    grid-template-rows: auto minmax(0, 1fr) auto; /* header | content | buttons */
-    block-size: 100%;
-    max-block-size: inherit;
-    overflow: hidden;
-  }
-
-  &__header {
-    display: flex;
-    align-items: center;
-    align-self: stretch;
-    border-block-end: 1px solid var(--rpf-modal-border-color);
-    gap: var(--space-1);
-    padding: var(--space-1);
-    padding-inline-start: var(--space-2);
-  }
-
-  &__title {
-    @include typography.style-2(bold);
-    flex: 1 0 0;
-    margin: 0;
-  }
-
-  &__content {
-    overflow-y: auto;
-    align-items: center;
-    border-block-end: 1px solid var(--rpf-modal-border-color);
-    display: flex;
-    flex-direction: column;
-    padding: var(--rpf-modal-content-padding);
-  }
-
-  &__buttons {
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-2);
-    padding: var(--space-2);
-
-    .rpf-button {
-      justify-content: center;
-      inline-size: 100%;
-    }
-    @media (width > 34rem) {
-      flex-direction: var(--rpf-modal-buttons-flex-direction);
-      gap: var(--space-2);
-      justify-content: var(--rpf-modal-buttons-justify-content);
-      .rpf-button {
-        inline-size: auto;
-      }
-    }
-  }
-
-  &::backdrop {
-    background-color: var(--rpf-modal-backdrop-color);
-    backdrop-filter: blur(2px);
-  }
-}

package/dist/scss/properties/colors/_utilities.scss

@@ -1,4 +0,0 @@
-:root,
-:host {
-  --rpf-overlay: hsla(0, 0%, 0%, 0.5);
-}

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

@@ -1,26 +0,0 @@
-export { default as Accordion } from "../src/components/Accordion";
-export { default as Alert } from "../src/components/Alert";
-export type { AlertProps } from "../src/components/Alert/Alert.types";
-export { default as Button } from "../src/components/Button";
-export type { ButtonProps } from "../src/components/Button/Button.types";
-export { default as CheckboxInput } from "../src/components/Form/CheckboxInput";
-export type { CheckboxInputProps } from "../src/components/Form/CheckboxInput/CheckboxInput.types";
-export { default as Fieldset } from "../src/components/Form/Fieldset";
-export { default as InputField } from "../src/components/Form/InputField";
-export { default as InputLabel } from "../src/components/Form/InputLabel";
-export { default as RadioInput } from "../src/components/Form/RadioInput";
-export { default as SearchInput } from "../src/components/Form/SearchInput";
-export type { SearchInputProps } from "../src/components/Form/SearchInput/SearchInput.types";
-export { default as SelectInput } from "../src/components/Form/SelectInput";
-export { default as TextareaInput } from "../src/components/Form/TextareaInput";
-export { default as TextInput } from "../src/components/Form/TextInput";
-export { default as Modal } from "../src/components/Modal";
-export type { ModalProps } from "../src/components/Modal/Modal.types";
-export { default as ProgressBar } from "../src/components/ProgressBar";
-export type { ProgressBarProps } from "../src/components/ProgressBar/ProgressBar.types";
-export { default as TableBodyCell } from "../src/components/Table/BodyCell";
-export { default as TableHeaderCell } from "../src/components/Table/HeaderCell";
-export { default as Table } from "../src/components/Table/Table";
-export { default as Tag } from "../src/components/Tag";
-export type { TagProps } from "../src/components/Tag/Tag.types";
-//# sourceMappingURL=main.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../lib/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,YAAY,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACvD,YAAY,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/types/src/components/Accordion/Accordion.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Accordion.spec.d.ts.map

package/dist/types/src/components/Accordion/Accordion.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/Accordion.spec.jsx"],"names":[],"mappings":""}

package/dist/types/src/components/Accordion/index.d.ts

@@ -1,17 +0,0 @@
-export function Accordion({ content, title, className, id }: {
-    content: any;
-    title: any;
-    className: any;
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace Accordion {
-    namespace propTypes {
-        let content: PropTypes.Validator<string>;
-        let title: PropTypes.Validator<string>;
-        let id: PropTypes.Requireable<string>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
-export default Accordion;
-import PropTypes from "prop-types";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Accordion/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/index.jsx"],"names":[],"mappings":"AAMO;;;;;4CAYN;;;;;;;;;;sBAjBqB,YAAY"}

package/dist/types/src/components/Alert/Alert.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Alert.spec.d.ts.map

package/dist/types/src/components/Alert/Alert.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.spec.jsx"],"names":[],"mappings":""}

package/dist/types/src/components/Alert/Alert.types.d.ts

@@ -1,41 +0,0 @@
-import type { ReactNode } from "react";
-export type AlertProps = BaseAlertProps & ContentProps & TitleProps;
-type BaseAlertProps = {
-    /** The type of alert to display */
-    type?: "error" | "warning" | "information" | "success";
-    /** Whether the alert can be closed by the user */
-    closable?: boolean;
-    /** Whether to show action buttons */
-    actions?: Array<AlertAction>;
-    /** The click handler for when the close button is pressed */
-    onClose?: () => void;
-};
-type ContentProps = {
-    /** The main content of the alert */
-    children?: ReactNode;
-    /** The main text content of the alert */
-    text?: never;
-} | {
-    /** The main content of the alert */
-    children?: never;
-    /** The main text content of the alert */
-    text?: string;
-};
-type TitleProps = {
-    /** The title content for the alert */
-    titleChildren?: ReactNode;
-    /** The title text for the alert */
-    title?: never;
-} | {
-    /** The title content for the alert */
-    titleChildren?: never;
-    /** The title text for the alert */
-    title?: string;
-};
-type AlertAction = {
-    href?: string;
-    label?: string;
-    onClick?: () => void;
-};
-export {};
-//# sourceMappingURL=Alert.types.d.ts.map

package/dist/types/src/components/Alert/Alert.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpE,KAAK,cAAc,GAAG;IACpB,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IACvD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC7B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAGF,KAAK,YAAY,GACb;IACE,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,oCAAoC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAGN,KAAK,UAAU,GACX;IACE,sCAAsC;IACtC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,sCAAsC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEN,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}

package/dist/types/src/components/Alert/index.d.ts

@@ -1,6 +0,0 @@
-import "@/components/MaterialSymbols";
-import "./Alert.scss";
-import type { AlertProps } from "./Alert.types";
-export declare const Alert: ({ title, text, titleChildren, children, type, actions, onClose, }: AlertProps) => import("react/jsx-runtime").JSX.Element;
-export default Alert;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Alert/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,mEAQnB,UAAU,4CA4CZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/src/components/Button/Button.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Button.spec.d.ts.map

package/dist/types/src/components/Button/Button.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.spec.jsx"],"names":[],"mappings":""}

package/dist/types/src/components/Button/Button.types.d.ts

@@ -1,34 +0,0 @@
-import { type ElementType, type ReactNode } from "react";
-export type ButtonProps = {
-    /** The text content of the button */
-    text?: string;
-    /** The title content of the button */
-    title?: string;
-    /** The type of the button */
-    type?: "primary" | "secondary" | "tertiary";
-    /** The variant of the button */
-    variant?: "" | "danger";
-    /** The size of the button */
-    size?: "default" | "small";
-    /** Whether the button is disabled */
-    disabled?: boolean;
-    /** The href attribute for link buttons */
-    href?: string;
-    /** The icon name */
-    icon?: string | ReactNode;
-    /** Whether the button shows only an icon */
-    iconOnly?: boolean;
-    /** The position of the icon */
-    iconPosition?: "left" | "right";
-    /** Whether the button takes full width */
-    fullWidth?: boolean;
-    /** Additional CSS class name */
-    className?: string;
-    /** Click handler */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /** Override for link component */
-    linkComponent?: ElementType;
-    /** Aria label */
-    "aria-label"?: string;
-};
-//# sourceMappingURL=Button.types.d.ts.map

package/dist/types/src/components/Button/Button.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC5C,gCAAgC;IAChC,OAAO,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,kCAAkC;IAClC,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

package/dist/types/src/components/Button/index.d.ts

@@ -1,6 +0,0 @@
-import "@/components/MaterialSymbols";
-import "./Button.scss";
-import type { ButtonProps } from "./Button.types";
-export declare const Button: ({ text, href, title, className, type, variant, size, icon, iconOnly, iconPosition, fullWidth, disabled, onClick, "aria-label": ariaLabel, linkComponent, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default Button;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,GAAI,4JAgBpB,WAAW,4CAgFb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/src/components/Form/CheckboxInput/CheckboxInput.types.d.ts

@@ -1,24 +0,0 @@
-import type { ReactNode } from "react";
-export type CheckboxInputProps = {
-    /** Unique identifier for the checkbox input */
-    id: string;
-    /** Name attribute for the checkbox input */
-    name: string;
-    /** Whether the checkbox is disabled */
-    disabled?: boolean;
-    /** Error message to display */
-    error?: string;
-    /** Label text or `ReactNode` for the checkbox */
-    label: string | ReactNode;
-    /** Whether the checkbox is checked (controlled) */
-    isChecked?: boolean;
-    /** Value attribute for the checkbox */
-    value?: string;
-    /** Additional CSS class name */
-    className?: string;
-    /** Whether the checkbox is checked (uncontrolled) */
-    checked?: boolean;
-    /** Callback function when checkbox state changes */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-};
-//# sourceMappingURL=CheckboxInput.types.d.ts.map

package/dist/types/src/components/Form/CheckboxInput/CheckboxInput.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/CheckboxInput/CheckboxInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,+CAA+C;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE,CAAC"}

package/dist/types/src/components/Form/CheckboxInput/index.d.ts

@@ -1,6 +0,0 @@
-import "@/components/MaterialSymbols";
-import "./CheckboxInput.scss";
-import type { CheckboxInputProps } from "./CheckboxInput.types";
-export declare const CheckboxInput: ({ id, label, name, checked, disabled, error, onChange, value, className, }: CheckboxInputProps) => import("react/jsx-runtime").JSX.Element;
-export default CheckboxInput;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/CheckboxInput/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/CheckboxInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,4EAU3B,kBAAkB,4CA4BpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Fieldset.spec.d.ts.map

package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fieldset.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.spec.jsx"],"names":[],"mappings":""}

package/dist/types/src/components/Form/Fieldset/index.d.ts

@@ -1,21 +0,0 @@
-export function Fieldset({ disabled, errorText, fullWidth, legendText, legendHintText, children, }: {
-    disabled?: boolean | undefined;
-    errorText?: string | undefined;
-    fullWidth?: boolean | undefined;
-    legendText: any;
-    legendHintText?: string | undefined;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace Fieldset {
-    namespace propTypes {
-        let disabled: PropTypes.Requireable<boolean>;
-        let errorText: PropTypes.Requireable<string>;
-        let fullWidth: PropTypes.Requireable<boolean>;
-        let legendText: PropTypes.Validator<string>;
-        let legendHintText: PropTypes.Requireable<string>;
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-}
-export default Fieldset;
-import PropTypes from "prop-types";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/Fieldset/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Fieldset/index.jsx"],"names":[],"mappings":"AAKO;;;;;;;4CAmCN;;;;;;;;;;;;sBAvCqB,YAAY"}

package/dist/types/src/components/Form/InputField/index.d.ts

@@ -1,21 +0,0 @@
-export function InputField({ id, label, children, disabled, error, hint, }: {
-    id: any;
-    label: any;
-    children: any;
-    disabled?: boolean | undefined;
-    error?: string | undefined;
-    hint?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace InputField {
-    namespace propTypes {
-        let disabled: PropTypes.Requireable<boolean>;
-        let error: PropTypes.Requireable<string>;
-        let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
-        let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
-        let id: PropTypes.Validator<string>;
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-}
-export default InputField;
-import PropTypes from "prop-types";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/InputField/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputField/index.jsx"],"names":[],"mappings":"AAKO;;;;;;;4CA8BN;;;;;;;;;;;;sBAlCqB,YAAY"}

package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=InputLabel.spec.d.ts.map

package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputLabel.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputLabel/InputLabel.spec.jsx"],"names":[],"mappings":""}

package/dist/types/src/components/Form/InputLabel/index.d.ts

@@ -1,17 +0,0 @@
-export function InputLabel({ label, inputFieldId, disabled, hint, }: {
-    label: any;
-    inputFieldId: any;
-    disabled?: boolean | undefined;
-    hint?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace InputLabel {
-    namespace propTypes {
-        let disabled: PropTypes.Requireable<boolean>;
-        let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
-        let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
-        let inputFieldId: PropTypes.Validator<string>;
-    }
-}
-export default InputLabel;
-import PropTypes from "prop-types";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/InputLabel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputLabel/index.jsx"],"names":[],"mappings":"AAKO;;;;;4CAiBN;;;;;;;;;;sBArBqB,YAAY"}

package/dist/types/src/components/Form/RadioInput/RadioInput.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=RadioInput.spec.d.ts.map

package/dist/types/src/components/Form/RadioInput/RadioInput.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioInput.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/RadioInput/RadioInput.spec.jsx"],"names":[],"mappings":""}

package/dist/types/src/components/Form/RadioInput/index.d.ts

@@ -1,25 +0,0 @@
-export function RadioInput({ id, label, name, checked, disabled, fullWidth, onChange, value, }: {
-    id: any;
-    label: any;
-    name: any;
-    checked?: boolean | undefined;
-    disabled?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    onChange?: (() => void) | undefined;
-    value?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace RadioInput {
-    namespace propTypes {
-        let checked: PropTypes.Requireable<boolean>;
-        let disabled: PropTypes.Requireable<boolean>;
-        let fullWidth: PropTypes.Requireable<boolean>;
-        let id: PropTypes.Validator<string>;
-        let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
-        let name: PropTypes.Validator<string>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let value: PropTypes.Requireable<string>;
-    }
-}
-export default RadioInput;
-import PropTypes from "prop-types";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/RadioInput/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/RadioInput/index.jsx"],"names":[],"mappings":"AAKO;;;;;;;;;4CA6BN;;;;;;;;;;;;;;sBAjCqB,YAAY"}

package/dist/types/src/components/Form/SearchInput/SearchInput.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=SearchInput.spec.d.ts.map

package/dist/types/src/components/Form/SearchInput/SearchInput.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SearchInput/SearchInput.spec.jsx"],"names":[],"mappings":""}