@midas-ds/components 1.0.2

package/index91.js

@@ -0,0 +1,17 @@
+import { j as o, b as i, c as r, d as t, l as e, h as n, a as b, k as d, e as l, f, i as C, m as h, g as m, s as c } from "./tokens-CjXmpXTi.js";
+export {
+  o as accessibility,
+  i as baseColors,
+  r as borderRadius,
+  t as borderWidths,
+  e as boxShadow,
+  n as breakpoints,
+  b as buttonColors,
+  d as font,
+  l as fontSizes,
+  f as fontWeights,
+  C as inputColor,
+  h as midasColors,
+  m as midasTransitions,
+  c as signalColors
+};

package/index92.js

@@ -0,0 +1,14 @@
+import "react/jsx-runtime";
+import "react";
+import "./Form-DXLoQL91.js";
+import "./TextField.module-Cwq1FAm7.js";
+import "./Label-C18A_4Z5.js";
+import "./Text-DGLaY3HR.js";
+import { I as n, T as I, s as T } from "./TextField-C_hq9WeT.js";
+import "./index69.js";
+import "./clsx-OuTLNxxd.js";
+export {
+  n as InputWrapper,
+  I as TextField,
+  T as ssnRegEx
+};

package/index93.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "./clsx-OuTLNxxd.js";
+import { C as t } from "./Checkbox-CllWDBxF.js";
+export {
+  t as Checkbox
+};

package/index94.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import { T as i, a as T } from "./Tag-CEd6WWSc.js";
+import "./index69.js";
+import "./clsx-OuTLNxxd.js";
+import "./x-JK7i-TQC.js";
+export {
+  i as Tag,
+  T as TagGroup
+};

package/info-banner/InfoBanner.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface InfoBannerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    /**
+     *  Specify what state the InfoBanner represents
+     **/
+    type: 'success' | 'info' | 'important' | 'warning';
+    /** Specify the title */
+    title?: string;
+    /** Specify the message. Element or string */
+    message?: string | React.ReactNode;
+    /** Additional elements displayed inside the banner */
+    children?: React.ReactNode;
+    /**
+     *  Specify if the InfoBanner should have a dismiss button in the top right corner
+     */
+    dismissable?: boolean;
+}
+/**
+ * Displays a static message as an inline banner
+ */
+export declare const InfoBanner: React.FC<InfoBannerProps>;

package/info-banner/index.d.ts

@@ -0,0 +1 @@
+export { InfoBanner } from './InfoBanner';

package/intlStrings-Cd44R5hT.js

@@ -0,0 +1,278 @@
+var e = {};
+e = {
+  colorSwatchPicker: "تغييرات الألوان",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "حدد عنصرًا",
+  tableResizer: "أداة تغيير الحجم"
+};
+var u = {};
+u = {
+  colorSwatchPicker: "Цветови мостри",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Изберете предмет",
+  tableResizer: "Преоразмерител"
+};
+var r = {};
+r = {
+  colorSwatchPicker: "Vzorky barev",
+  dropzoneLabel: "Místo pro přetažení",
+  selectPlaceholder: "Vyberte položku",
+  tableResizer: "Změna velikosti"
+};
+var o = {};
+o = {
+  colorSwatchPicker: "Farveprøver",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Vælg et element",
+  tableResizer: "Størrelsesændring"
+};
+var a = {};
+a = {
+  colorSwatchPicker: "Farbfelder",
+  dropzoneLabel: "Ablegebereich",
+  selectPlaceholder: "Element wählen",
+  tableResizer: "Größenanpassung"
+};
+var l = {};
+l = {
+  colorSwatchPicker: "Χρωματικά δείγματα",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Επιλέξτε ένα αντικείμενο",
+  tableResizer: "Αλλαγή μεγέθους"
+};
+var c = {};
+c = {
+  selectPlaceholder: "Select an item",
+  tableResizer: "Resizer",
+  dropzoneLabel: "DropZone",
+  colorSwatchPicker: "Color swatches"
+};
+var t = {};
+t = {
+  colorSwatchPicker: "Muestras de colores",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Seleccionar un artículo",
+  tableResizer: "Cambiador de tamaño"
+};
+var s = {};
+s = {
+  colorSwatchPicker: "Värvinäidised",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Valige üksus",
+  tableResizer: "Suuruse muutja"
+};
+var i = {};
+i = {
+  colorSwatchPicker: "Värimallit",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Valitse kohde",
+  tableResizer: "Koon muuttaja"
+};
+var n = {};
+n = {
+  colorSwatchPicker: "Échantillons de couleurs",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Sélectionner un élément",
+  tableResizer: "Redimensionneur"
+};
+var d = {};
+d = {
+  colorSwatchPicker: "דוגמיות צבע",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "בחר פריט",
+  tableResizer: "שינוי גודל"
+};
+var b = {};
+b = {
+  colorSwatchPicker: "Uzorci boja",
+  dropzoneLabel: "Zona spuštanja",
+  selectPlaceholder: "Odaberite stavku",
+  tableResizer: "Promjena veličine"
+};
+var p = {};
+p = {
+  colorSwatchPicker: "Színtárak",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Válasszon ki egy elemet",
+  tableResizer: "Átméretező"
+};
+var z = {};
+z = {
+  colorSwatchPicker: "Campioni di colore",
+  dropzoneLabel: "Zona di rilascio",
+  selectPlaceholder: "Seleziona un elemento",
+  tableResizer: "Ridimensionamento"
+};
+var h = {};
+h = {
+  colorSwatchPicker: "カラースウォッチ",
+  dropzoneLabel: "ドロップゾーン",
+  selectPlaceholder: "項目を選択",
+  tableResizer: "サイズ変更ツール"
+};
+var P = {};
+P = {
+  colorSwatchPicker: "색상 견본",
+  dropzoneLabel: "드롭 영역",
+  selectPlaceholder: "항목 선택",
+  tableResizer: "크기 조정기"
+};
+var D = {};
+D = {
+  colorSwatchPicker: "Spalvų pavyzdžiai",
+  dropzoneLabel: "„DropZone“",
+  selectPlaceholder: "Pasirinkite elementą",
+  tableResizer: "Dydžio keitiklis"
+};
+var x = {};
+x = {
+  colorSwatchPicker: "Krāsu paraugi",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Izvēlēties vienumu",
+  tableResizer: "Izmēra mainītājs"
+};
+var $ = {};
+$ = {
+  colorSwatchPicker: "Fargekart",
+  dropzoneLabel: "Droppsone",
+  selectPlaceholder: "Velg et element",
+  tableResizer: "Størrelsesendrer"
+};
+var B = {};
+B = {
+  colorSwatchPicker: "kleurstalen",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Selecteer een item",
+  tableResizer: "Resizer"
+};
+var k = {};
+k = {
+  colorSwatchPicker: "Próbki kolorów",
+  dropzoneLabel: "Strefa upuszczania",
+  selectPlaceholder: "Wybierz element",
+  tableResizer: "Zmiana rozmiaru"
+};
+var C = {};
+C = {
+  colorSwatchPicker: "Amostras de cores",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Selecione um item",
+  tableResizer: "Redimensionador"
+};
+var S = {};
+S = {
+  colorSwatchPicker: "Amostras de cores",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Selecione um item",
+  tableResizer: "Redimensionador"
+};
+var E = {};
+E = {
+  colorSwatchPicker: "Specimene de culoare",
+  dropzoneLabel: "Zonă de plasare",
+  selectPlaceholder: "Selectați un element",
+  tableResizer: "Instrument de redimensionare"
+};
+var v = {};
+v = {
+  colorSwatchPicker: "Цветовые образцы",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Выберите элемент",
+  tableResizer: "Средство изменения размера"
+};
+var R = {};
+R = {
+  colorSwatchPicker: "Vzorkovníky farieb",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Vyberte položku",
+  tableResizer: "Nástroj na zmenu veľkosti"
+};
+var f = {};
+f = {
+  colorSwatchPicker: "Barvne palete",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Izberite element",
+  tableResizer: "Spreminjanje velikosti"
+};
+var m = {};
+m = {
+  colorSwatchPicker: "Uzorci boje",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Izaberite stavku",
+  tableResizer: "Promena veličine"
+};
+var A = {};
+A = {
+  colorSwatchPicker: "Färgrutor",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Välj en artikel",
+  tableResizer: "Storleksändrare"
+};
+var L = {};
+L = {
+  colorSwatchPicker: "Renk örnekleri",
+  dropzoneLabel: "Bırakma Bölgesi",
+  selectPlaceholder: "Bir öğe seçin",
+  tableResizer: "Yeniden boyutlandırıcı"
+};
+var w = {};
+w = {
+  colorSwatchPicker: "Зразки кольорів",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Виберіть елемент",
+  tableResizer: "Засіб змінення розміру"
+};
+var F = {};
+F = {
+  colorSwatchPicker: "颜色色板",
+  dropzoneLabel: "放置区域",
+  selectPlaceholder: "选择一个项目",
+  tableResizer: "尺寸调整器"
+};
+var Z = {};
+Z = {
+  colorSwatchPicker: "色票",
+  dropzoneLabel: "放置區",
+  selectPlaceholder: "選取項目",
+  tableResizer: "大小調整器"
+};
+var V = {};
+V = {
+  "ar-AE": e,
+  "bg-BG": u,
+  "cs-CZ": r,
+  "da-DK": o,
+  "de-DE": a,
+  "el-GR": l,
+  "en-US": c,
+  "es-ES": t,
+  "et-EE": s,
+  "fi-FI": i,
+  "fr-FR": n,
+  "he-IL": d,
+  "hr-HR": b,
+  "hu-HU": p,
+  "it-IT": z,
+  "ja-JP": h,
+  "ko-KR": P,
+  "lt-LT": D,
+  "lv-LV": x,
+  "nb-NO": $,
+  "nl-NL": B,
+  "pl-PL": k,
+  "pt-BR": C,
+  "pt-PT": S,
+  "ro-RO": E,
+  "ru-RU": v,
+  "sk-SK": R,
+  "sl-SI": f,
+  "sr-SP": m,
+  "sv-SE": A,
+  "tr-TR": L,
+  "uk-UA": w,
+  "zh-CN": F,
+  "zh-TW": Z
+};
+export {
+  V as $
+};

package/layout/Layout.d.ts

@@ -0,0 +1,51 @@
+import { LucideIcon } from 'lucide-react';
+import { default as React } from 'react';
+export interface SidebarLinkGroup {
+    title?: string;
+    items: SidebarLink[];
+}
+export interface SidebarLink {
+    title: string;
+    href: string;
+    icon: LucideIcon;
+}
+export interface SidebarUser {
+    name: string;
+    title: string;
+}
+type HEX = `#${string}`;
+interface App {
+    name: string;
+    shortName: string;
+    color?: HEX;
+}
+export interface MidasLayout {
+    items: SidebarLinkGroup[];
+    title: string;
+    children: React.ReactNode;
+    headerChildren: React.ReactNode;
+    user: SidebarUser;
+    app: App;
+    clientSideRouter?: (path: string, routerOptions: undefined) => void;
+}
+export interface MidasHeader {
+    title: string;
+    headerChildren: React.ReactNode;
+    user: SidebarUser;
+    app: App;
+    isOpened?: boolean;
+    setIsOpened?: React.Dispatch<React.SetStateAction<boolean>>;
+    setIsCollapsed?: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export interface MidasSidebar {
+    items: SidebarLinkGroup[];
+    app: App;
+    isOpened?: boolean;
+    isCollapsed: boolean;
+    setIsCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
+    clientSideRouter?: (path: string, routerOptions: undefined) => void;
+}
+export declare const Layout: React.FC<MidasLayout>;
+export declare const Sidebar: React.FC<MidasSidebar>;
+export declare const Header: React.FC<MidasHeader>;
+export {};

package/layout/index.d.ts

@@ -0,0 +1 @@
+export * from './Layout';

package/link/Link.d.ts

@@ -0,0 +1,13 @@
+import { RouterProvider } from 'react-aria-components';
+import { LucideIcon } from 'lucide-react';
+interface MidasLinkProps<C extends React.ElementType> {
+    children: React.ReactNode;
+    standalone?: boolean;
+    stretched?: boolean;
+    icon?: LucideIcon;
+    className?: string;
+    as?: C;
+}
+export type LinkProps<C extends React.ElementType> = MidasLinkProps<C> & Omit<React.ComponentProps<C>, keyof MidasLinkProps<C>>;
+export declare const Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & import('react').RefAttributes<HTMLAnchorElement>) => import('react').ReactElement | null>({ children, standalone, stretched, icon: IconComponent, className, as, ...rest }: LinkProps<C>) => import("react/jsx-runtime").JSX.Element;
+export { RouterProvider };

package/link/index.d.ts

@@ -0,0 +1 @@
+export { Link, RouterProvider } from './Link';

package/link-button/LinkButton.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { RouterProvider } from 'react-aria-components';
+import { LucideIcon } from 'lucide-react';
+interface MidasLinkProps<C extends React.ElementType> {
+    children: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'icon';
+    fullwidth?: boolean;
+    iconPlacement?: 'left' | 'right';
+    icon?: LucideIcon; /**Optional icon prop */
+    className?: string;
+    as?: C;
+}
+export type LinkButtonProps<C extends React.ElementType> = MidasLinkProps<C> & Omit<React.ComponentProps<C>, keyof MidasLinkProps<C>>;
+/**
+ * A link to be used when a user expects a button but web technologies force us to use a a-tag
+ * */
+export declare const LinkButton: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ children, variant, fullwidth, icon: IconComponent, iconPlacement, className, as, ...rest }: LinkButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
+export { RouterProvider };

package/link-button/index.d.ts

@@ -0,0 +1 @@
+export * from './LinkButton';

package/logo/Logo.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface LogoProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    /**
+     *  Display logo in primary color, set to false for monochrome/dark version of the logo
+     */
+    primary?: boolean;
+    /**
+     * Specify logo size
+     */
+    size?: 'x-small' | 'small' | 'medium' | 'large';
+    /** Display background fill using selected primary or dark color */
+    background?: boolean;
+    /** There must be whitespace around the logo. By disabling our built in padding you must add at least an equal amount yourself. */
+    padding?: boolean;
+}
+export declare const Logo: React.FC<LogoProps>;

package/logo/index.d.ts

@@ -0,0 +1 @@
+export { Logo } from './Logo';

package/modal/Modal.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface MidasModal extends React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement> {
+    /** Id for accessibility */
+    id: string;
+    /** Heading for the modal window */
+    title: string;
+    /** Whether the modal is open or not */
+    isOpen: boolean;
+    /** State handler to toggle isOpen */
+    onOpenChange: (isOpen: boolean) => void;
+}
+export declare const Modal: React.FC<MidasModal>;
+export {};

package/modal/index.d.ts

@@ -0,0 +1 @@
+export { Modal } from './Modal';

package/multi-select/MultiSelect.d.ts

@@ -0,0 +1,28 @@
+import { ValidationResult } from 'react-aria-components';
+import { Key } from 'react-stately';
+import * as React from 'react';
+interface MidasMultiSelect {
+    /** Label for multiselect */
+    label: string;
+    /** Description for multiselect */
+    description?: string;
+    /** Array of items that will be included in the list */
+    items: {
+        name: string;
+        id: string;
+    }[];
+    /** Handler for when list of selected item is changed */
+    onSelectionChange?: (selectedKeys: Set<Key>) => void;
+    /** Control selected keys */
+    selectedKeys?: string[];
+    /** Set list of pre-selected keys, or 'all' */
+    defaultSelectedKeys?: string[] | 'all';
+    /** Set MultiSelect in disabled state */
+    isDisabled?: boolean;
+    /** Set MultiSelect in invalid state */
+    isInvalid?: boolean;
+    /** Set error message as string or as a validation function */
+    errorMessage?: string | ((validation: ValidationResult) => string) | undefined;
+}
+export declare const MultiSelect: React.FC<MidasMultiSelect>;
+export {};

package/multi-select/index.d.ts

@@ -0,0 +1 @@
+export { MultiSelect } from './MultiSelect';

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@midas-ds/components",
+  "author": {
+    "name": "Migrationsverket"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "Midas Components",
+  "license": "CC0-1.0",
+  "version": "1.0.2",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "type": "module",
+  "files": [
+    "./"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/migrationsverket/midas"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  }
+}

package/radio/Radio.d.ts

@@ -0,0 +1,20 @@
+import { RadioGroupProps, ValidationResult, RadioProps } from 'react-aria-components';
+import * as React from 'react';
+interface MVDSRadioGroupProps extends Omit<RadioGroupProps, 'children'> {
+    children?: React.ReactNode;
+    /** Label for the RadioGroup */
+    label?: string;
+    /** Additional description rendered below the label */
+    description?: string;
+    /** String to display as error message or function to handle the result and produce the error message */
+    errorMessage?: string | ((validation: ValidationResult) => string);
+}
+/**
+ * RadioGroup is used to group several radio items together
+ */
+export declare const RadioGroup: React.FC<MVDSRadioGroupProps>;
+/**
+ * Radio item
+ * */
+export declare const Radio: (props: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/radio/index.d.ts

@@ -0,0 +1 @@
+export { Radio, RadioGroup } from './Radio';