@helsenorge/designsystem-react 1.0.0-beta90 → 1.0.0-beta95

package/components/Input/componentdata.json

@@ -0,0 +1,425 @@
+{
+  "props": {
+    "defaultValue": {
+      "defaultValue": null,
+      "description": "initial value for input",
+      "name": "defaultValue",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "placeholder": {
+      "defaultValue": null,
+      "description": "Text for the placeholder",
+      "name": "placeholder",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "type": {
+      "defaultValue": null,
+      "description": "HMTL Input type",
+      "name": "type",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"number\" | \"text\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"number\""
+          },
+          {
+            "value": "\"text\""
+          },
+          {
+            "value": "\"email\""
+          },
+          {
+            "value": "\"password\""
+          },
+          {
+            "value": "\"search\""
+          },
+          {
+            "value": "\"tel\""
+          },
+          {
+            "value": "\"url\""
+          }
+        ]
+      }
+    },
+    "inputid": {
+      "defaultValue": null,
+      "description": "input id",
+      "name": "inputid",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "name": {
+      "defaultValue": null,
+      "description": "Unique identifyer for the input tag",
+      "name": "name",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "transparent": {
+      "defaultValue": null,
+      "description": "If true, the component will be transparent.",
+      "name": "transparent",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "icon": {
+      "defaultValue": null,
+      "description": "Icon to be displayed next to the input field",
+      "name": "icon",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "FC<SvgPathProps>"
+      }
+    },
+    "iconRight": {
+      "defaultValue": null,
+      "description": "Places the icon to the right",
+      "name": "iconRight",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "mode": {
+      "defaultValue": null,
+      "description": "Changes the color profile of the input",
+      "name": "mode",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"onwhite\""
+          },
+          {
+            "value": "\"ongrey\""
+          },
+          {
+            "value": "\"onblueberry\""
+          },
+          {
+            "value": "\"ondark\""
+          },
+          {
+            "value": "\"oninvalid\""
+          }
+        ]
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "Changes the visuals of the input",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"normal\" | \"bigform\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"normal\""
+          },
+          {
+            "value": "\"bigform\""
+          }
+        ]
+      }
+    },
+    "label": {
+      "defaultValue": null,
+      "description": "Label of the input",
+      "name": "label",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "error": {
+      "defaultValue": null,
+      "description": "Activates Error style for the input",
+      "name": "error",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "errorText": {
+      "defaultValue": null,
+      "description": "Error text to show above the component",
+      "name": "errorText",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "disabled": {
+      "defaultValue": null,
+      "description": "Disables the input field",
+      "name": "disabled",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "readOnly": {
+      "defaultValue": null,
+      "description": "Om input feltet er readOnly",
+      "name": "readOnly",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "autocomplete": {
+      "defaultValue": null,
+      "description": "attribute autocomplete,",
+      "name": "autocomplete",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "afterLabelChildren": {
+      "defaultValue": null,
+      "description": "Component shown after label",
+      "name": "afterLabelChildren",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "belowLabelChildren": {
+      "defaultValue": null,
+      "description": "Component shown under label",
+      "name": "belowLabelChildren",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    }
+  }
+}

package/components/Input/index.d.ts

@@ -0,0 +1,4 @@
+import Input from './Input';
+export * from './Input';
+export default Input;
+//# sourceMappingURL=index.d.ts.map

package/components/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,eAAe,KAAK,CAAC"}

package/components/Input/index.js

@@ -0,0 +1,2 @@
+import{I as s}from"../../Input-adeb7f88.js";export{a as InputTypes,I as default}from"../../Input-adeb7f88.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"../../constants-42547490.js";import"../../uuid-8870ab4b.js";import"../../Icon-04613a89.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"./styles.module.scss";
+//# sourceMappingURL=index.js.map

package/components/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Input/styles.module.scss

@@ -0,0 +1,55 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/_font-settings.scss';
+@import '../../scss/_input.scss';
+
+.input-wrapper {
+  @include input-wrapper;
+
+  margin: getSpacer(l) 0;
+}
+
+.input-wrapper:first-of-type {
+  margin-top: 0;
+}
+
+.input-wrapper:last-of-type {
+  margin-bottom: 0;
+}
+
+.content-wrapper {
+  @include content-wrapper;
+
+  padding: 0.5rem 0;
+  display: inline-flex;
+  align-items: center;
+
+  &--with-icon {
+    padding: 1px 0;
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      padding: 0.375rem 0;
+    }
+  }
+
+  &__input {
+    line-height: getSpacer(m);
+    height: getSpacer(m);
+
+    &--bigform {
+      height: 2.5rem;
+    }
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      line-height: 1.625rem;
+      height: 2.125rem;
+      font-size: $font-size-md;
+
+      &--bigform {
+        line-height: 1.75rem;
+        height: 3.5rem;
+      }
+    }
+  }
+}

package/components/Input/styles.module.scss.d.ts

@@ -0,0 +1,23 @@
+export type Styles = {
+  'content-wrapper': string;
+  'content-wrapper__input': string;
+  'content-wrapper__input--bigform': string;
+  'content-wrapper__input--disabled': string;
+  'content-wrapper--bigform': string;
+  'content-wrapper--disabled': string;
+  'content-wrapper--invalid': string;
+  'content-wrapper--on-blueberry': string;
+  'content-wrapper--on-dark': string;
+  'content-wrapper--transparent': string;
+  'content-wrapper--with-icon': string;
+  'input-wrapper': string;
+  'input-wrapper__after-label-children': string;
+  'input-wrapper__label-wrapper': string;
+  'input-wrapper__label-wrapper--on-dark': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/LinkList/index.d.ts

@@ -1,3 +1,4 @@
 import LinkList from './LinkList';
+export * from './LinkList';
 export default LinkList;
 //# sourceMappingURL=index.d.ts.map

package/components/LinkList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,eAAe,QAAQ,CAAC"}

package/components/LinkList/index.js

@@ -1,2 +1,2 @@
-import{a as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as r}from"../../_tslib-51c8a283.js";import t from"react";import{c as l}from"../../index-9b84fabc.js";import{a,I as i}from"../../constants-d919236e.js";import{u as o,B as s}from"../../useBreakpoint-324a9b14.js";import{u as n}from"../../useHover-037be19d.js";import m from"./styles.module.scss";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var c=function(e){var r=e.isExtraSmall,l=e.isHovered,a=t.createElement("path",{d:"M19.171 32.951l1.409 1.42L31.031 24 20.58 13.63l-1.409 1.42 9.02 8.95z"}),i=t.createElement("path",{d:"M24.479 11.63L36.93 23.999 24.479 36.37l-1.409-1.419L33.083 25H13v-2h20.085L23.07 13.049z"}),o=t.createElement("path",{d:"M17.885 32.577l1.779 1.793 10.451-10.371L19.664 13.63l-1.779 1.793 8.644 8.576z"});return r?l?t.createElement("path",{d:"M25.98 11.103l12.977 12.896L25.98 36.897l-1.78-1.794 9.899-9.841-20.204.001v-2.526l20.204-.001-9.899-9.839z"}):o:l?i:a},d=t.forwardRef((function(d,v){var p,f=d.children,u=d.className,h=void 0===u?"":u,_=d.color,k=void 0===_?"neutral":_,b=d.icon,E=d.size,z=void 0===E?"medium":E,L=d.chevron,g=void 0!==L&&L,j=d.testId,N=d.target,H=r(d,["children","className","color","icon","size","chevron","testId","target"]),B=n(),I=B.hoverRef,S=B.isHovered,M=o(),w="small"!==z&&!(!g&&!b);return t.createElement("li",{ref:v,"data-testid":j},t.createElement("a",Object.assign({className:l(m["link-list__anchor"],m["link-list__anchor--"+k],(p={},e(p,m["link-list__anchor--small"],"small"===z),e(p,m["link-list__anchor--medium"],"medium"===z),e(p,m["link-list__anchor--large"],"large"===z),p),h),ref:I,rel:"_blank"===N?"noopener noreferrer":void 0,target:N},H),w&&b&&t.createElement("span",{className:m["link-list__icon"]},t.cloneElement(b,{size:M===s.Xs?a.XSmall:a.Small,isHovered:S})),t.createElement("span",{className:m["link-list__content"]},f),w&&g&&t.createElement("span",{className:m["link-list__chevron"]},t.createElement(i,{svgIcon:c,isHovered:S,size:a.XSmall}))))})),v=t.forwardRef((function(r,a){var i,o=r.children,s=r.className,n=void 0===s?"":s,c=r.chevron,v=void 0!==c&&c,p=r.size,f=void 0===p?"medium":p,u=r.color,h=r.topBorder,_=void 0===h||h,k=r.bottomBorder,b=void 0===k||k,E=r.testId;return t.createElement("ul",{ref:a,className:l(m["link-list"],(i={},e(i,m["link-list--hastopborder"],_),e(i,m["link-list--nobottomborder"],!b),i),n||""),"data-testid":E},t.Children.map(o,(function(e){if(e.type===d)return t.cloneElement(e,{color:u,size:f,chevron:v})})))}));v.Link=d,d.displayName="LinkList.Link";export default v;
+import{a as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as r}from"../../_tslib-51c8a283.js";import t from"react";import{c as l}from"../../index-9b84fabc.js";import{I as a}from"../../Icon-04613a89.js";import{I as o}from"../../constants-42547490.js";import{u as i,B as s}from"../../useBreakpoint-324a9b14.js";import{u as n}from"../../useHover-037be19d.js";import m from"./styles.module.scss";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var c=function(e){var r=e.isExtraSmall,l=e.isHovered,a=t.createElement("path",{d:"M19.171 32.951l1.409 1.42L31.031 24 20.58 13.63l-1.409 1.42 9.02 8.95z"}),o=t.createElement("path",{d:"M24.479 11.63L36.93 23.999 24.479 36.37l-1.409-1.419L33.083 25H13v-2h20.085L23.07 13.049z"}),i=t.createElement("path",{d:"M17.885 32.577l1.779 1.793 10.451-10.371L19.664 13.63l-1.779 1.793 8.644 8.576z"});return r?l?t.createElement("path",{d:"M25.98 11.103l12.977 12.896L25.98 36.897l-1.78-1.794 9.899-9.841-20.204.001v-2.526l20.204-.001-9.899-9.839z"}):i:l?o:a},d=t.forwardRef((function(d,p){var v,f=d.children,u=d.className,h=void 0===u?"":u,_=d.color,k=void 0===_?"neutral":_,b=d.icon,E=d.size,z=void 0===E?"medium":E,j=d.chevron,L=void 0!==j&&j,g=d.testId,N=d.target,H=r(d,["children","className","color","icon","size","chevron","testId","target"]),I=n(),B=I.hoverRef,S=I.isHovered,x=i(),M="small"!==z&&!(!L&&!b);return t.createElement("li",{ref:p,"data-testid":g},t.createElement("a",Object.assign({className:l(m["link-list__anchor"],m["link-list__anchor--"+k],(v={},e(v,m["link-list__anchor--small"],"small"===z),e(v,m["link-list__anchor--medium"],"medium"===z),e(v,m["link-list__anchor--large"],"large"===z),v),h),ref:B,rel:"_blank"===N?"noopener noreferrer":void 0,target:N},H),M&&b&&t.createElement("span",{className:m["link-list__icon"]},t.cloneElement(b,{size:x===s.Xs?o.XSmall:o.Small,isHovered:S})),t.createElement("span",{className:m["link-list__content"]},f),M&&L&&t.createElement("span",{className:m["link-list__chevron"]},t.createElement(a,{svgIcon:c,isHovered:S,size:o.XSmall}))))})),p=t.forwardRef((function(r,a){var o,i=r.children,s=r.className,n=void 0===s?"":s,c=r.chevron,p=void 0!==c&&c,v=r.size,f=void 0===v?"medium":v,u=r.color,h=r.topBorder,_=void 0===h||h,k=r.bottomBorder,b=void 0===k||k,E=r.testId;return t.createElement("ul",{ref:a,className:l(m["link-list"],(o={},e(o,m["link-list--hastopborder"],_),e(o,m["link-list--nobottomborder"],!b),o),n||""),"data-testid":E},t.Children.map(i,(function(e){if(e.type===d)return t.cloneElement(e,{color:u,size:f,chevron:p})})))}));p.Link=d,d.displayName="LinkList.Link";export default p;export{p as LinkList};
 //# sourceMappingURL=index.js.map

package/components/List/index.d.ts

@@ -1,3 +1,4 @@
 import List from './List';
+export * from './List';
 export default List;
 //# sourceMappingURL=index.d.ts.map

package/components/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,eAAe,IAAI,CAAC"}

package/components/Loader/Loader.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 import { PaletteNames } from '../../theme/palette';
 export declare type LoaderColors = PaletteNames;
 export declare type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';
+export declare enum Overlay {
+    screen = "screen",
+    parent = "parent"
+}
 interface LoaderProps {
     /** Sets the color of the loader */
     color?: LoaderColors;
@@ -13,8 +17,10 @@ interface LoaderProps {
     testId?: string;
     /** Centers the loader in a container */
     center?: boolean;
+    /** Inline the loader so it can be used in a span or paragraph */
+    inline?: boolean;
     /** Loader is displayed with grey background covering the entire screen */
-    overlay?: boolean;
+    overlay?: keyof typeof Overlay;
     /**  Individual id for loading icon (aria-labelledby).  */
     ariaLabelledById?: string;
     /**  String that labels the current loading element  */

package/components/Loader/Loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,oBAAY,YAAY,GAAG,YAAY,CAAC;AACxC,oBAAY,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhE,UAAU,WAAW;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,iFA0DV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,oBAAY,YAAY,GAAG,YAAY,CAAC;AACxC,oBAAY,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChE,oBAAY,OAAO;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,UAAU,WAAW;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC/B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,iFAyFV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Loader/componentdata.json

@@ -143,6 +143,25 @@
         "name": "boolean"
       }
     },
+    "inline": {
+      "defaultValue": null,
+      "description": "Inline the loader so it can be used in a span or paragraph",
+      "name": "inline",
+      "parent": {
+        "fileName": "src/components/Loader/Loader.tsx",
+        "name": "LoaderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Loader/Loader.tsx",
+          "name": "LoaderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
     "overlay": {
       "defaultValue": null,
       "description": "Loader is displayed with grey background covering the entire screen",
@@ -159,7 +178,19 @@
       ],
       "required": false,
       "type": {
-        "name": "boolean"
+        "name": "enum",
+        "raw": "\"screen\" | \"parent\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"screen\""
+          },
+          {
+            "value": "\"parent\""
+          }
+        ]
       }
     },
     "ariaLabelledById": {

package/components/Loader/index.d.ts

@@ -1,3 +1,4 @@
 import Loader from './Loader';
+export * from './Loader';
 export default Loader;
 //# sourceMappingURL=index.d.ts.map

package/components/Loader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,eAAe,MAAM,CAAC"}

package/components/Loader/index.js

@@ -1,2 +1,2 @@
-import{L as r}from"../../Loader-6ff0d481.js";export{L as default}from"../../Loader-6ff0d481.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"./styles.module.scss";
+import{L as r}from"../../Loader-b3fd59f4.js";export{O as Overlay,L as default}from"../../Loader-b3fd59f4.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map