@helsenorge/designsystem-react 0.0.3-dev.7 → 1.0.0-alpha-nye-spacers-2

package/components/Tile/styles.module.scss

@@ -0,0 +1,115 @@
+@import '../../scss/_palette.scss';
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+
+@mixin tile-title {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: break-word;
+  font-size: 1.5rem;
+  text-align: left;
+  line-height: 1.75rem;
+  font-weight: 600;
+  margin: 0;
+  margin-left: 0.5rem;
+
+  @media (min-width: map-get($grid-breakpoints, sm)) {
+    font-size: 1.25rem;
+    margin-top: 1rem;
+  }
+}
+
+.tile {
+  // Referanse for grandparent selection i underklassene lenger nede
+  $tile: &;
+
+  display: flex;
+  width: 'inherit';
+  padding: 1.5rem 2rem 2rem 1rem;
+  flex-direction: column;
+  justify-content: flex-start;
+  background-color: $white;
+  color: $black;
+  text-decoration: none;
+  cursor: pointer;
+  outline: none;
+
+  &--fixed {
+    min-width: 15rem;
+    max-width: 20rem;
+  }
+
+  &--compact {
+    padding: 1.5rem 1rem 1.5rem 1rem;
+  }
+
+  svg {
+    flex-shrink: 0;
+  }
+  &:hover,
+  &:active,
+  &:focus {
+    background-color: $neutral100;
+  }
+  &:focus {
+    box-shadow: 0 0 0 6px $neutral600;
+  }
+
+  &--highlighted {
+    background-color: $blueberry500;
+    color: $white;
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: $blueberry700;
+    }
+    &:focus {
+      box-shadow: 0 0 0 6px $blueberry700;
+    }
+  }
+
+  &__title {
+    @include tile-title;
+
+    &--compact {
+      margin: 0 0 0 1.5rem;
+    }
+  }
+
+  #{$tile}:focus & {
+    &__title {
+      &--highlighted {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  &__description {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+    margin: 0 0 0 0.5rem;
+  }
+}
+
+.title-wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-bottom: 0.5rem;
+
+  @media (min-width: map-get($grid-breakpoints, sm)) {
+    flex-direction: column;
+    align-items: start;
+  }
+
+  &--compact {
+    flex-direction: row;
+    align-items: center;
+    padding-right: 1rem;
+    padding-bottom: 0;
+
+    svg {
+      flex-shrink: 0;
+    }
+  }
+}

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

@@ -0,0 +1,18 @@
+export type Styles = {
+  tile: string;
+  tile__description: string;
+  tile__title: string;
+  'tile__title--compact': string;
+  'tile__title--highlighted': string;
+  'tile--compact': string;
+  'tile--fixed': string;
+  'tile--highlighted': string;
+  'title-wrapper': string;
+  'title-wrapper--compact': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Title/Title.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export declare type TitleTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span';
+export declare type TitleAppearances = 'titleFeature' | 'title1' | 'title2' | 'title3' | 'title4' | 'title5';
+interface TitleProps {
+    children: React.ReactNode;
+    /** Gives a unique id to the title */
+    id?: string;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Adds top and bottom margin in rem. */
+    margin?: number | TitleMargin;
+    /** Changes the underlying element of the title. */
+    htmlMarkup?: TitleTags;
+    /** Changes the appearance of the title. */
+    appearance?: TitleAppearances;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+export interface TitleMargin {
+    marginTop: number;
+    marginBottom: number;
+}
+export declare const instanceOfTitleMargin: (margin: any) => margin is TitleMargin;
+declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export default Title;
+//# sourceMappingURL=Title.d.ts.map

package/components/Title/Title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,oBAAY,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAClE,oBAAY,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErG,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,mDAAmD;IACnD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,wCAEjC,CAAC;AAEF,QAAA,MAAM,KAAK,uFAyBT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/components/Title/componentdata.json

@@ -0,0 +1,3 @@
+{
+  "props": {}
+}

package/components/Title/index.d.ts

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

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

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

package/components/Title/index.js

@@ -0,0 +1,2 @@
+import{T as s}from"../../Title-72851d51.js";export{T as default}from"../../Title-72851d51.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";
+//# sourceMappingURL=index.js.map

package/components/Title/index.js.map

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

package/components/Title/styles.module.scss

@@ -0,0 +1,27 @@
+@import '../../scss/title';
+
+.title {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  margin-left: 0;
+  margin-right: 0;
+
+  &--feature {
+    @include title-feature;
+  }
+  &--title1 {
+    @include title1;
+  }
+  &--title2 {
+    @include title2;
+  }
+  &--title3 {
+    @include title3;
+  }
+  &--title4 {
+    @include title4;
+  }
+  &--title5 {
+    @include title5;
+  }
+}

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

@@ -0,0 +1,15 @@
+export type Styles = {
+  title: string;
+  'title--feature': string;
+  'title--title1': string;
+  'title--title2': string;
+  'title--title3': string;
+  'title--title4': string;
+  'title--title5': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Validation/Validation.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FormVariant } from '../FormGroup/FormGroup';
+interface ValidationProps {
+    /** text placed in the legend tag of the fieldset */
+    errorSummary?: string;
+    /** Items in the Validation compontent */
+    children?: React.ReactNode;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Changes the visuals of the formgroup */
+    variant?: FormVariant;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+export declare const Validation: React.ForwardRefExoticComponent<ValidationProps & React.RefAttributes<HTMLElement>>;
+export default Validation;
+//# sourceMappingURL=Validation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Validation.d.ts","sourceRoot":"","sources":["../../../src/components/Validation/Validation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAkB,EAAkB,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIhF,UAAU,eAAe;IACvB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,qFAoBrB,CAAC;AAEH,eAAe,UAAU,CAAC"}

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,3 @@
+import Validation 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,eAAe,UAAU,CAAC"}

package/components/Validation/index.js

@@ -0,0 +1,2 @@
+import{V as s}from"../../Validation-55b5b893.js";export{V as default}from"../../Validation-55b5b893.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-a81166f4.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-00f52a28.js";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../constants-d919236e.js";import"../../_tslib-51c8a283.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../Title-72851d51.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-d919236e.js

@@ -0,0 +1,2 @@
+import{_ as e}from"./_tslib-51c8a283.js";import a from"react";var i,l=function(e,a,i,l,r,t){return e&&r&&t?a?t:r:a?l:i},r=a.forwardRef((function(l,r){var t=l.svgIcon,o=l.ariaLabel,s=l.id,d=l.className,c=void 0===d?"":d,m=l.size,n=void 0===m?i.Small:m,v=l.color,g=void 0===v?"black":v,b=l.hoverColor,f=void 0===b?g||"black":b,h=l.isHovered,u=void 0!==h&&h,S=l.testId,I=e(l,["svgIcon","ariaLabel","id","className","size","color","hoverColor","isHovered","testId"]),L=a.createElement(t,{isExtraSmall:n<=i.XSmall,isHovered:u}),X=s&&o?"title-".concat(s):void 0;return a.createElement("svg",Object.assign({id:s,"data-testid":S,ref:r,className:"hnds-style-icon ".concat(c),role:"img","aria-label":!s&&o?o:void 0,"aria-labelledby":X,"aria-hidden":"true",viewBox:"0 0 48 48",style:{minWidth:n,minHeight:n},width:n,height:n,fill:u?f:g},I),X&&a.createElement("title",{id:X},o),L)}));r.displayName="Icon",function(e){e[e.XSmall=38]="XSmall",e[e.Small=48]="Small",e[e.Medium=64]="Medium",e[e.Large=80]="Large",e[e.XLarge=130]="XLarge"}(i||(i={}));export{r as I,i as a,l as r};
+//# sourceMappingURL=constants-d919236e.js.map

package/constants-d919236e.js.map

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

package/constants.d.ts

@@ -0,0 +1,32 @@
+export declare enum IconSize {
+    XSmall = 38,
+    Small = 48,
+    Medium = 64,
+    Large = 80,
+    XLarge = 130
+}
+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 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;
+//# 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":"AAAA,oBAAY,QAAQ;IAClB,MAAM,KAAK;IACX,KAAK,KAAK;IACV,MAAM,KAAK;IACX,KAAK,KAAK;IACV,MAAM,MAAM;CACb;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EACX,EAAE,GACF,aAAa,GACb,aAAa,GACb,4BAA4B,GAC5B,QAAQ,GACR,0BAA0B,GAC1B,eAAe,GACf,iCAAiC,GACjC,YAAY,CAAC;CAClB;AAED,oBAAY,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const useIsVisible: (ref: import("react").RefObject<HTMLElement>, threshold?: number) => boolean;
+//# sourceMappingURL=useVisibility.d.ts.map

package/hooks/useVisibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibility.d.ts","sourceRoot":"","sources":["../../src/hooks/useVisibility.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,YAAY,8EAwBxB,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"}