@kvdbil/components 3.3.5-4 → 3.4.0

package/esm/typography/Heading/index.js

@@ -1,77 +1,61 @@
-import { jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { mq } from '../../shared/media-queries.js';
-
-const StyledHeading = styled.p `
-  font-family: ${({ theme }) => theme.typography.fontAlternativeFamily};
-  font-weight: ${({ theme }) => theme.typography.fontAlternativeRegularWeight};
-`;
-const StyledDisplay = styled(StyledHeading) `
-  font-weight: ${({ theme }) => theme.typography.fontAlternativeBoldWeight};
-`;
-const Display3 = styled(StyledDisplay) `
+import r from"react";import e from"styled-components";import{mq as i}from"../../shared/media-queries.js";const n=e.p`
+  font-family: ${({theme:t})=>t.typography.fontAlternativeFamily};
+  font-weight: ${({theme:t})=>t.typography.fontAlternativeRegularWeight};
+`,o=e(n)`
+  font-weight: ${({theme:t})=>t.typography.fontAlternativeBoldWeight};
+`,l=e(o)`
   font-size: 2rem;
   line-height: 3rem;
 
-  ${mq('laptop')} {
+  ${i("laptop")} {
     font-size: 3.75rem;
     line-height: 4.5rem;
   }
-`;
-const Display2 = styled(StyledDisplay) `
+`,h=e(o)`
   font-size: 1.81rem;
   line-height: 2.5rem;
 
-  ${mq('laptop')} {
+  ${i("laptop")} {
     font-size: 3rem;
     line-height: 4rem;
   }
-`;
-const Display1 = styled(StyledDisplay) `
+`,m=e(o)`
   font-size: 1.63rem;
   line-height: 2.5rem;
 
-  ${mq('laptop')} {
+  ${i("laptop")} {
     font-size: 2.5rem;
     line-height: 3.5rem;
   }
-`;
-const Headline = styled(StyledHeading) `
+`,s=e(n)`
   font-size: 1.44rem;
   line-height: 2rem;
 
-  ${mq('laptop')} {
+  ${i("laptop")} {
     font-size: 2rem;
     line-height: 3rem;
   }
-`;
-const Title = styled(StyledHeading) `
+`,a=e(n)`
   font-size: 1.25rem;
   line-height: 2rem;
 
-  ${mq('laptop')} {
+  ${i("laptop")} {
     font-size: 1.56rem;
     line-height: 2.5rem;
   }
-`;
-const Subtitle = styled(StyledHeading) `
+`,p=e(n)`
   font-size: 1.125rem;
   line-height: 2rem;
 
-  ${mq('laptop')} {
+  ${i("laptop")} {
     font-size: 1.25rem;
   }
-`;
-const TinyTitle = styled(StyledHeading) `
+`,f=e(n)`
   font-size: 1rem;
   line-height: 1.5rem;
-  font-weight: ${({ theme }) => theme.typography.fontAlternativeBoldWeight};
-`;
-const Rubric = styled(StyledHeading) `
-  font-weight: ${({ theme }) => theme.typography.fontAlternativeBoldWeight};
+  font-weight: ${({theme:t})=>t.typography.fontAlternativeBoldWeight};
+`,g=e(n)`
+  font-weight: ${({theme:t})=>t.typography.fontAlternativeBoldWeight};
   font-size: 1rem;
   line-height: 1.5rem;
-`;
-const Headings = () => jsx("div", {}, void 0);
-
-export { Display1, Display2, Display3, Headline, Rubric, Subtitle, TinyTitle, Title, Headings as default };
+`,y=()=>r.createElement("div",null);export{m as Display1,h as Display2,l as Display3,s as Headline,g as Rubric,p as Subtitle,f as TinyTitle,a as Title,y as default};

package/esm/utils/utils.js

@@ -1,25 +1,4 @@
-import { css } from 'styled-components';
-
-const getLuminosity = (hexColor) => {
-    let red = 0;
-    let green = 0;
-    let blue = 0;
-    if (hexColor.length === 4) {
-        red = parseInt('0x' + hexColor[1] + hexColor[1]);
-        green = parseInt('0x' + hexColor[2] + hexColor[2]);
-        blue = parseInt('0x' + hexColor[3] + hexColor[3]);
-    }
-    else if (hexColor.length === 7) {
-        red = parseInt('0x' + hexColor[1] + hexColor[2]);
-        green = parseInt('0x' + hexColor[3] + hexColor[4]);
-        blue = parseInt('0x' + hexColor[5] + hexColor[6]);
-    }
-    return (((Math.max(Number(red / 255), Number(green / 255), Number(blue / 255)) +
-        Math.min(Number(red / 255), Number(green / 255), Number(blue / 255))) /
-        2) *
-        100);
-};
-const resetButtonStyle = css `
+import{css as a}from"styled-components";const s=t=>{let n=0,e=0,r=0;return t.length===4?(n=parseInt("0x"+t[1]+t[1]),e=parseInt("0x"+t[2]+t[2]),r=parseInt("0x"+t[3]+t[3])):t.length===7&&(n=parseInt("0x"+t[1]+t[2]),e=parseInt("0x"+t[3]+t[4]),r=parseInt("0x"+t[5]+t[6])),(Math.max(Number(n/255),Number(e/255),Number(r/255))+Math.min(Number(n/255),Number(e/255),Number(r/255)))/2*100},p=a`
   appearance: none;
   background-color: transparent;
   border: 0;
@@ -27,6 +6,4 @@ const resetButtonStyle = css `
   font-family: inherit;
   outline: none;
   padding: 0;
-`;
-
-export { getLuminosity, resetButtonStyle };
+`;export{s as getLuminosity,p as resetButtonStyle};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "3.3.5-4",
+  "version": "3.4.0",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -26,7 +26,7 @@
     "react-collapse": ">= 5.0.1",
     "react-day-picker": ">= 7.4.8",
     "react-dom": ">= 17.0.0",
-    "react-select": ">= 3.0.4",
+    "react-select": "3.0.8",
     "react-transition-group": ">= 4.0.0",
     "styled-components": ">= 5.1.17"
   },
@@ -41,8 +41,8 @@
   ],
   "devDependencies": {
     "@babel/core": "^7.11.6",
-    "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^20.0.0",
+    "@rollup/plugin-inject": "^4.0.2",
     "@rollup/plugin-node-resolve": "^13.0.4",
     "@rollup/plugin-replace": "^3.0.0",
     "@rollup/plugin-typescript": "^8.2.5",
@@ -52,9 +52,9 @@
     "@storybook/react": "^6.3.8",
     "@svgr/cli": "^5.5.0",
     "@team-griffin/install-self-peers": "^1.1.1",
-    "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^11.2.5",
-    "@testing-library/user-event": "^13.0.8",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^12.1.0",
+    "@testing-library/user-event": "^13.2.1",
     "@types/classnames": "^2.2.11",
     "@types/jest": "^26.0.14",
     "@types/node": "^14.6.4",
@@ -68,7 +68,7 @@
     "@typescript-eslint/eslint-plugin": "^4.30.0",
     "@typescript-eslint/parser": "^4.30.0",
     "babel-plugin-styled-components": "^1.10.0",
-    "esbuild": "^0.12.29",
+    "esbuild": "^0.13.1",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-react-app": "^6.0.0",
     "eslint-import-resolver-typescript": "^2.4.0",
@@ -87,16 +87,19 @@
     "react-dom": "^17.0.2",
     "react-is": "^16.13.1",
     "react-scripts": "^4.0.3",
-    "react-select": "^3.0.4",
+    "react-select": "3.0.8",
+    "react-select-event": "^5.3.0",
     "react-transition-group": "^4.0.0",
     "rollup": "^2.56.3",
     "rollup-plugin-esbuild": "^4.5.0",
     "rollup-plugin-import-css": "^3.0.0",
+    "rollup-plugin-inject": "^3.0.2",
     "rollup-plugin-multi-input": "^1.3.1",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-visualizer": "^5.5.2",
     "standard-version": "^9.3.1",
     "storybook": "^6.3.8",
+    "storybook-addon-designs": "^6.1.0",
     "styled-components": "^5.2.0",
     "tslib": "^2.0.1",
     "typescript": "4.3.5"

package/types/components/DayPicker/index.d.ts

@@ -1,4 +1,3 @@
-import 'react-day-picker/lib/style.css';
 import { DayPickerProps as ReactDayPickerProps } from 'react-day-picker';
 import { Locale } from '../../Types';
 export interface DayPickerProps extends ReactDayPickerProps {

package/types/components/DayPicker/style.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("styled-components").FlattenSimpleInterpolation;
+export default _default;

package/types/components/FieldLabel.d.ts

@@ -1,4 +1,4 @@
-export declare const Label: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
     isFocused: boolean;
     hasValue: boolean;
     disabled: boolean;

package/types/components/Header/Link.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface LinkProps {
     to?: string;
     text?: string;

package/types/components/MenuItem/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface MenuItemProps {
     children: React.ReactNode;
     level: Level;

package/types/components/Select/index.d.ts

@@ -18,18 +18,19 @@ declare type OptionType = {
     value: string;
 };
 export interface SelectProps extends NamedProps<OptionType> {
+    autoFocus?: boolean;
+    className?: string;
     color?: Color;
-    prefix?: ReactNode;
-    label?: string;
+    forwardRef?: RefObject<ReactSelect<OptionType>>;
+    hasError?: boolean;
     height?: number;
     helperText?: string;
-    className?: string;
-    hasError?: boolean;
-    autoFocus?: boolean;
     isDisabled?: boolean;
-    placeholder?: string;
+    label?: string;
     onChange(...args: any): void;
-    forwardRef?: RefObject<ReactSelect<OptionType>>;
+    placeholder?: string;
+    prefix?: ReactNode;
+    name: string;
 }
-export declare const Select: ({ color, isDisabled, placeholder, helperText, height, className, hasError, onBlur, onFocus, forwardRef, onInputChange, ...props }: SelectProps) => JSX.Element;
+export declare const Select: ({ className, color, forwardRef, hasError, height, helperText, isDisabled, onBlur, onFocus, onInputChange, placeholder, name, ...props }: SelectProps) => JSX.Element;
 export default Select;

package/cjs/react-app-env.d.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/cjs/styled.d.js

@@ -1,4 +0,0 @@
-'use strict';
-
-require('styled-components');
-

package/esm/react-app-env.d.js

@@ -1 +0,0 @@
-

package/esm/styled.d.js

@@ -1 +0,0 @@
-import 'styled-components';