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

package/components/Badge/componentdata.json

@@ -0,0 +1,91 @@
+{
+  "props": {
+    "children": {
+      "defaultValue": null,
+      "description": "Sets the content of the badge.",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/Badge/Badge.tsx",
+        "name": "BadgeProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Badge/Badge.tsx",
+          "name": "BadgeProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "ReactText"
+      }
+    },
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/Badge/Badge.tsx",
+        "name": "BadgeProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Badge/Badge.tsx",
+          "name": "BadgeProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "color": {
+      "defaultValue": null,
+      "description": "Changes the badge background color.",
+      "name": "color",
+      "parent": {
+        "fileName": "src/components/Badge/Badge.tsx",
+        "name": "BadgeProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Badge/Badge.tsx",
+          "name": "BadgeProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"banana\" | \"blueberry\" | \"cherry\" | \"kiwi\" | \"neutral\" | \"plum\" | \"black\" | \"white\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"banana\""
+          },
+          {
+            "value": "\"blueberry\""
+          },
+          {
+            "value": "\"cherry\""
+          },
+          {
+            "value": "\"kiwi\""
+          },
+          {
+            "value": "\"neutral\""
+          },
+          {
+            "value": "\"plum\""
+          },
+          {
+            "value": "\"black\""
+          },
+          {
+            "value": "\"white\""
+          }
+        ]
+      }
+    }
+  }
+}

package/components/Badge/index.d.ts

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

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

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

package/components/Badge/index.js

@@ -0,0 +1,2 @@
+import{a as e}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import a from"react";import{c as r}from"../../index-9b84fabc.js";import l from"./styles.module.scss";var b=a.forwardRef((function(b,o){var t,d=b.children,i=b.className,c=void 0===i?"":i,n=b.color,s=void 0===n?"black":n,m=d.toString().length>2,g=r(l.badge,(e(t={},l["badge--oversized"],m),e(t,l["badge--black"],"black"===s),e(t,l["badge--white"],"white"===s),e(t,l["badge--blueberry"],"blueberry"===s),e(t,l["badge--banana"],"banana"===s),e(t,l["badge--cherry"],"cherry"===s),e(t,l["badge--kiwi"],"kiwi"===s),e(t,l["badge--neutral"],"neutral"===s),e(t,l["badge--plum"],"plum"===s),t),c);return a.createElement("span",{className:g,ref:o},d)}));export default b;
+//# sourceMappingURL=index.js.map

package/components/Badge/index.js.map

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

package/components/Badge/styles.module.scss

@@ -0,0 +1,41 @@
+@import '../../scss/_palette.scss';
+
+.badge {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.875rem;
+  font-weight: 600;
+  min-width: 1.375rem;
+  height: 1.375rem;
+  border-radius: 1rem;
+  padding: 0;
+  color: $white;
+  background-color: $black;
+
+  &--oversized {
+    padding: 0 0.25rem;
+  }
+  &--white {
+    color: $black;
+    background-color: $white;
+  }
+  &--blueberry {
+    background-color: $blueberry500;
+  }
+  &--banana {
+    background-color: $banana500;
+  }
+  &--cherry {
+    background-color: $cherry500;
+  }
+  &--kiwi {
+    background-color: $kiwi500;
+  }
+  &--neutral {
+    background-color: $neutral500;
+  }
+  &--plum {
+    background-color: $plum500;
+  }
+}

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

@@ -0,0 +1,17 @@
+export type Styles = {
+  badge: string;
+  'badge--banana': string;
+  'badge--blueberry': string;
+  'badge--cherry': string;
+  'badge--kiwi': string;
+  'badge--neutral': string;
+  'badge--oversized': string;
+  'badge--plum': string;
+  'badge--white': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Button/Button.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { HTMLButtonProps, HTMLAnchorProps } from '../../constants';
+export declare type ButtonIntents = 'primary' | 'warning' | 'danger';
+export declare type ButtonIntentsColors = 'blueberry' | 'banana' | 'cherry' | 'neutral' | 'white';
+export declare type ButtonTags = 'button' | 'a';
+export declare type ButtonVariants = 'fill' | 'outline' | 'borderless';
+interface IntentToColor {
+    primary: ButtonIntentsColors;
+    warning: ButtonIntentsColors;
+    danger: ButtonIntentsColors;
+}
+export declare const intentToColor: IntentToColor;
+export interface ButtonProps extends HTMLButtonProps, HTMLAnchorProps {
+    /** Sets the content of the button. */
+    children: React.ReactNode;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Makes the button scale to full width of its parent element. */
+    fluid?: boolean;
+    /** Changes the intent of the button. Mostly changes the color profile. */
+    intent?: ButtonIntents;
+    /** Changes the color presentation for different backgrounds. */
+    inverted?: boolean;
+    /** Changes the underlying element of the button. */
+    htmlMarkup?: ButtonTags;
+    /** Changes the size of the button to large. */
+    large?: boolean;
+    /** Sets the button into a loading state displaying <Loader /> as content. */
+    loading?: boolean;
+    onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    /** Changes the visual representation of the button. */
+    variant?: ButtonVariants;
+    /** Disables text wrapping and enables ellipsis. */
+    ellipsis?: boolean;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAYnE,oBAAY,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC7D,oBAAY,mBAAmB,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1F,oBAAY,UAAU,GAAG,QAAQ,GAAG,GAAG,CAAC;AACxC,oBAAY,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;AAE/D,UAAU,aAAa;IACrB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,aAI3B,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe;IACnE,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,uDAAuD;IACvD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8BD,QAAA,MAAM,MAAM,2GAuJV,CAAC;AAEH,eAAe,MAAM,CAAC"}