@helsenorge/designsystem-react 1.0.0-beta.7 → 1.0.0-beta101

package/components/Validation/componentdata.json

@@ -0,0 +1,111 @@
+{
+  "props": {
+    "errorSummary": {
+      "defaultValue": null,
+      "description": "text placed in the legend tag of the fieldset",
+      "name": "errorSummary",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Items in the Validation compontent",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "Changes the visuals of the formgroup",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"normal\" | \"bigform\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"normal\""
+          },
+          {
+            "value": "\"bigform\""
+          }
+        ]
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/Validation/index.d.ts

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

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

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

package/components/Validation/index.js

@@ -0,0 +1,2 @@
+import{V as s}from"../../Validation-56f0e37c.js";export{V as Validation,V as default}from"../../Validation-56f0e37c.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-8372d8fb.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-cd0b7d68.js";import"../../uuid-fe7442b7.js";import"../../Check-6291ad09.js";import"../../Icon-89da8de4.js";import"../../_tslib-51c8a283.js";import"../../constants-ad6c82db.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-d3ed3858.js";import"../RadioButton/styles.module.scss";import"../../Input-78fb6d0d.js";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"../Input/styles.module.scss";import"../../Title-fab4097d.js";import"../Title/styles.module.scss";import"./styles.module.scss";
+//# sourceMappingURL=index.js.map

package/components/Validation/index.js.map

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

package/components/Validation/styles.module.scss

@@ -0,0 +1,18 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/font-settings.scss';
+
+.validation {
+  &__errors {
+    font-size: $font-size-sm;
+    font-weight: 600;
+    color: $cherry500;
+    margin: getSpacer(l) 0 getSpacer(s);
+  }
+}
+
+.form-group-wrapper {
+  &--error-sibling {
+    padding-bottom: 0 !important;
+  }
+}

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

@@ -0,0 +1,10 @@
+export type Styles = {
+  'form-group-wrapper--error-sibling': string;
+  validation__errors: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/__mocks__/index.js

@@ -0,0 +1,2 @@
+import{c as e,d as n}from"../../_rollupPluginBabelHelpers-d0752906.js";var r=function(){function r(){n(this,r)}return e(r,[{key:"observe",value:function(){}},{key:"unobserve",value:function(){}}]),r}();Object.defineProperty(window,"IntersectionObserver",{value:r});export default r;
+//# sourceMappingURL=index.js.map

package/components/__mocks__/index.js.map

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

package/constants-ad6c82db.js

@@ -0,0 +1,2 @@
+var a,o,i,n,e;!function(a){a[a.XSmall=38]="XSmall",a[a.Small=48]="Small",a[a.Medium=64]="Medium",a[a.Large=80]="Large",a[a.XLarge=130]="XLarge"}(a||(a={})),function(a){a[a.Modal=13e5]="Modal",a[a.ExpanderTrigger=1e4]="ExpanderTrigger"}(o||(o={})),function(a){a.onwhite="onwhite",a.ongrey="ongrey",a.onblueberry="onblueberry",a.ondark="ondark",a.oninvalid="oninvalid"}(i||(i={})),function(a){a.normal="normal",a.bigform="bigform"}(n||(n={})),function(a){a.AnchorLink="anchor-link",a.Avatar="avatar",a.Badge="badge",a.Button="button",a.Checkbox="checkbox",a.Close="close",a.Expander="expander",a.ExpanderList="expander-list",a.FormGroup="form-group",a.HighlightBox="highlight-box",a.Icon="icon",a.Input="input",a.Link="link",a.LinkList="link-list",a.List="list",a.Loader="loader",a.Logo="logo",a.Modal="modal",a.NotificationPanel="notification-panel",a.Portal="portal",a.RadioButton="radio-button",a.Slider="slider",a.Spacer="spacer",a.Textarea="textarea",a.Tile="tile",a.Title="title",a.Validation="validation"}(e||(e={}));export{e as A,i as F,a as I,o as Z,n as a};
+//# sourceMappingURL=constants-ad6c82db.js.map

package/constants-ad6c82db.js.map

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

package/constants.d.ts

@@ -0,0 +1,91 @@
+export declare enum IconSize {
+    XSmall = 38,
+    Small = 48,
+    Medium = 64,
+    Large = 80,
+    XLarge = 130
+}
+export declare enum ZIndex {
+    Modal = 1300000,
+    ExpanderTrigger = 10000
+}
+export interface HTMLButtonProps {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    name?: string;
+    type?: 'submit' | 'reset' | 'button' | string;
+    value?: string | string[] | number;
+}
+export interface HTMLTextareaProps {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    form?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    name?: string;
+    id?: string;
+    autocomplete?: 'off' | 'on';
+    placeholder?: string;
+    readonly?: boolean;
+    required?: boolean;
+    spellcheck?: 'true' | 'default' | 'false';
+    'aria-invalid'?: boolean;
+}
+export interface HTMLAnchorProps {
+    download?: string;
+    href?: string;
+    hrefLang?: string;
+    media?: string;
+    ping?: string;
+    rel?: string;
+    target?: string;
+    referrerPolicy?: '' | 'same-origin' | 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+}
+export declare type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;
+export declare enum FormMode {
+    onwhite = "onwhite",
+    ongrey = "ongrey",
+    onblueberry = "onblueberry",
+    ondark = "ondark",
+    oninvalid = "oninvalid"
+}
+export declare enum FormVariant {
+    normal = "normal",
+    bigform = "bigform"
+}
+export declare enum AnalyticsId {
+    AnchorLink = "anchor-link",
+    Avatar = "avatar",
+    Badge = "badge",
+    Button = "button",
+    Checkbox = "checkbox",
+    Close = "close",
+    Expander = "expander",
+    ExpanderList = "expander-list",
+    FormGroup = "form-group",
+    HighlightBox = "highlight-box",
+    Icon = "icon",
+    Input = "input",
+    Link = "link",
+    LinkList = "link-list",
+    List = "list",
+    Loader = "loader",
+    Logo = "logo",
+    Modal = "modal",
+    NotificationPanel = "notification-panel",
+    Portal = "portal",
+    RadioButton = "radio-button",
+    Slider = "slider",
+    Spacer = "spacer",
+    Textarea = "textarea",
+    Tile = "tile",
+    Title = "title",
+    Validation = "validation"
+}
+//# sourceMappingURL=constants.d.ts.map

package/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"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"}

package/grid-11a70eb7.js

@@ -0,0 +1,2 @@
+var x={null:0,xs:360,sm:564,md:768,lg:1088,xl:1450},m={xs:"(min-width: ".concat(x.xs,"px)"),sm:"(min-width: ".concat(x.sm,"px)"),md:"(min-width: ".concat(x.md,"px)"),lg:"(min-width: ".concat(x.lg,"px)"),xl:"(min-width: ".concat(x.xl,"px)")};export{x as b,m as s};
+//# sourceMappingURL=grid-11a70eb7.js.map

package/grid-11a70eb7.js.map

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

package/hooks/focus-utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Kopi fra core-frontend (focus-utils.tsx)
+ * Returnerer document.activeElement (element in focus), uavhengig av om den er i document-dom eller shadow-dom
+ * @param element HtmlElement som den skal søke i
+ */
+export declare const getDocumentActiveElement: (element: string | HTMLElement) => Element | null;
+//# sourceMappingURL=focus-utils.d.ts.map

package/hooks/focus-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-utils.d.ts","sourceRoot":"","sources":["../../src/hooks/focus-utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,mDAUpC,CAAC"}

package/hooks/useBreakpoint.d.ts

@@ -0,0 +1,9 @@
+export declare enum Breakpoint {
+    Xs,
+    Sm,
+    Md,
+    Lg,
+    Xl
+}
+export declare const useBreakpoint: () => Breakpoint | undefined;
+//# sourceMappingURL=useBreakpoint.d.ts.map

package/hooks/useBreakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAIA,oBAAY,UAAU;IACpB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;CACpB;AAED,eAAO,MAAM,aAAa,8BAsBzB,CAAC"}

package/hooks/useFocusToggle.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export declare const FOCUSABLE_SELECTORS: string;
+/**
+ * Skru av og på fokus på fokuserbare elementer slik at de kan være en del av DOMen, men samtidig
+ * ikke kunne fokuseres/tabbes til med tastaturet.
+ *
+ * Bruker MutationObserver slik at eventuelle nye elementer som legges til også vil miste/få fokus.
+ *
+ * @param ref Alle barn av dette elementet vil sjekkes for om de er fokuserbare
+ * @param allowFocus Om elementene skal være fokuserbare eller ikke
+ * @returns Liste med potensielt fokuserbare elementer
+ */
+export declare const useFocusToggle: (ref: React.RefObject<HTMLElement>, allowFocus?: boolean | undefined) => NodeListOf<HTMLElement> | undefined;
+//# sourceMappingURL=useFocusToggle.d.ts.map

package/hooks/useFocusToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusToggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,mBAAmB,QAarB,CAAC;AAEZ;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,8GAgD1B,CAAC"}

package/hooks/useFocusTrap.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export default function useFocusTrap(): React.MutableRefObject<HTMLDivElement | null>;
+//# sourceMappingURL=useFocusTrap.d.ts.map

package/hooks/useFocusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,YAAY,IAAI,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CA2DpF"}

package/hooks/useHover.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+/** ref: Reference object for the trigger of the hover state
+ *
+ *  condition: Additional boolean condition to trigger the useEffect checking for hover.
+ *
+ *  includeFocus: If focusing the ref should count as a hover or not. True by default.
+ */
+export declare const useHover: <T extends HTMLElement>(ref?: RefObject<T> | undefined, condition?: boolean | undefined, includeFocus?: boolean) => {
+    hoverRef: RefObject<T>;
+    isHovered: boolean;
+};
+//# sourceMappingURL=useHover.d.ts.map

package/hooks/useHover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.d.ts","sourceRoot":"","sources":["../../src/hooks/useHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;CA0BpB,CAAC"}

package/hooks/useIcons.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '../components/Icons';
+export declare const useIcons: (children: import("react").ReactNode[]) => (string | number | boolean | {} | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | import("react").ReactNodeArray | import("react").ReactPortal | import("react").ReactElement<IconProps, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null | undefined)[];
+//# sourceMappingURL=useIcons.d.ts.map

package/hooks/useIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIcons.d.ts","sourceRoot":"","sources":["../../src/hooks/useIcons.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,QAAQ,qgBAapB,CAAC"}

package/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+/**
+ * Lytt på endringer i synligheten (intersection) til et HTML-element. F.eks. kan du bruke denne til å kalle en callback
+ * når elementet er i ferd med å forsvinne ut av vinduet.
+ *
+ * @param ref Element som skal observeres
+ * @param callback Kalles når en endring i intersection er observert
+ * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres
+ */
+export declare const useIntersectionObserver: (ref: import("react").RefObject<HTMLElement>, callback: IntersectionObserverCallback, options?: IntersectionObserverInit | undefined) => void;
+//# sourceMappingURL=useIntersectionObserver.d.ts.map

package/hooks/useIntersectionObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntersectionObserver.ts"],"names":[],"mappings":";AAEA;;;;;;;GAOG;AAEH,eAAO,MAAM,uBAAuB,+IAkBnC,CAAC"}

package/hooks/useIsVisible.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * Sjekk om et HTML-element er synlig i vinduet, eller ikke.
+ *
+ * @param ref Element som skal observeres
+ * @param threshold Hvor synlig må elementet være? Default = 1 (helt synlig)
+ * @returns true hvis objektet er synlig lik threshold eller mer, false hvis ikke
+ */
+export declare const useIsVisible: (ref: import("react").RefObject<HTMLElement>, threshold?: number) => boolean;
+//# sourceMappingURL=useIsVisible.d.ts.map

package/hooks/useIsVisible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsVisible.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsVisible.ts"],"names":[],"mappings":";AAGA;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,8EAUxB,CAAC"}

package/hooks/useLayoutEvent.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Lytt på ulike layout-events som har betydning for rendring og størrelse på elementer.
+ *
+ * @param callback Kalles for hver event
+ * @param events Liste med events som skal lyttes på
+ * @param debounceMs Begrens kall til callback til x antall ms
+ */
+export declare const useLayoutEvent: (callback: () => void, events?: string[], debounceMs?: number) => void;
+//# sourceMappingURL=useLayoutEvent.d.ts.map

package/hooks/useLayoutEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEvent.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayoutEvent.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,wEAY1B,CAAC"}

package/hooks/useSticky.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface UseStickReturnValues {
+    /** Toppen av elementet er utenfor vinduet */
+    isOutsideWindow: boolean;
+    /** Innholdet er på vei helt ut av vinduet   */
+    isLeavingWindow: boolean;
+    /** Høyde på det sticky elementet i pixler */
+    offsetHeight: number | undefined;
+    /** Bredden til innholdet i pixler */
+    contentWidth: number | undefined;
+}
+/**
+ * Sett et element til sticky hvis et annet element er delvis utenfor vinduet
+ *
+ * @param contentRef Element som sjekkes om det er utenfor eller innenfor vinduet
+ * @param stickyRef Element som skal bli sticky
+ * @returns Properties som kan brukes til å sette elementet sticky eller absolute
+ */
+export declare const useSticky: (contentRef: React.RefObject<HTMLElement>, stickyRef: React.RefObject<HTMLElement>) => UseStickReturnValues;
+export {};
+//# sourceMappingURL=useSticky.d.ts.map

package/hooks/useSticky.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSticky.d.ts","sourceRoot":"","sources":["../../src/hooks/useSticky.ts"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,oBAAoB;IAC5B,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,+CAA+C;IAC/C,eAAe,EAAE,OAAO,CAAC;IACzB,6CAA6C;IAC7C,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,qCAAqC;IACrC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AACD;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,6GAmBrB,CAAC"}

package/hooks/useWindowSize.d.ts

@@ -0,0 +1,5 @@
+export declare function useWindowSize(): {
+    width: number | undefined;
+    height: number | undefined;
+};
+//# sourceMappingURL=useWindowSize.d.ts.map

package/hooks/useWindowSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useWindowSize.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa;;;EAwB5B"}

package/index-0e78dfa0.js

@@ -0,0 +1,2 @@
+import{p as s}from"./palette-f206f488.js";import{s as a,b as e}from"./grid-11a70eb7.js";var r={spacer:1,spacers:{0:0,1:1/8,2:1/4,3:.5,4:.75,5:1,6:1.5,7:2,8:3,9:4,10:5,11:6,12:7,13:8},palette:s,screen:a,breakpoints:e};export{r as t};
+//# sourceMappingURL=index-0e78dfa0.js.map

package/index-0e78dfa0.js.map

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

package/index-9b84fabc.js

@@ -0,0 +1,8 @@
+var r=function(r,e){return r(e={exports:{}},e.exports),e.exports}((function(r){
+/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+!function(){var e={}.hasOwnProperty;function n(){for(var r=arguments,t=[],o=0;o<arguments.length;o++){var s=r[o];if(s){var a=typeof s;if("string"===a||"number"===a)t.push(s);else if(Array.isArray(s)&&s.length){var i=n.apply(null,s);i&&t.push(i)}else if("object"===a)for(var p in s)e.call(s,p)&&s[p]&&t.push(p)}}return t.join(" ")}r.exports?(n.default=n,r.exports=n):window.classNames=n}()}));export{r as c};
+//# sourceMappingURL=index-9b84fabc.js.map

package/index-9b84fabc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-9b84fabc.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2017 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","key","call","join","module","exports","default","window"],"mappings":";;;;;;CAOC,WAGA,IAAIA,EAAS,GAAGC,eAEhB,SAASC,IAGR,oBAFIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,EAAUD,GACpB,GAAKG,EAAL,CAEA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC3BL,EAAQM,KAAKF,QACP,GAAIG,MAAMC,QAAQJ,IAAQA,EAAID,OAAQ,CAC5C,IAAIM,EAAQV,EAAWW,MAAM,KAAMN,GAC/BK,GACHT,EAAQM,KAAKG,QAER,GAAgB,WAAZJ,EACV,IAAK,IAAIM,KAAOP,EACXP,EAAOe,KAAKR,EAAKO,IAAQP,EAAIO,IAChCX,EAAQM,KAAKK,IAMjB,OAAOX,EAAQa,KAAK,KAGgBC,EAAOC,SAC3ChB,EAAWiB,QAAUjB,EACrBe,UAAiBf,GAOjBkB,OAAOlB,WAAaA,EA1CtB"}

package/index.d.ts

@@ -0,0 +1,5 @@
+import { theme } from './theme';
+import { useHover } from './hooks/useHover';
+export { theme, useHover };
+export * from './constants';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/index.js

@@ -0,0 +1,2 @@
+export{t as theme}from"./index-0e78dfa0.js";export{u as useHover}from"./useHover-037be19d.js";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,Z as ZIndex}from"./constants-ad6c82db.js";import"./palette-f206f488.js";import"./grid-11a70eb7.js";import"./_rollupPluginBabelHelpers-d0752906.js";import"react";
+//# sourceMappingURL=index.js.map

package/index.js.map

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