@kvdbil/components 14.2.3 → 14.2.5

package/esm/typography/Heading/index.js

@@ -1,86 +1,86 @@
-import $ from"react";import i,{css as t}from"styled-components";import{mq as n}from"../../shared/media-queries.js";const l=t`
+import $ from"react";import i,{css as t}from"styled-components";import{mq as l}from"../../shared/media-queries.js";const n=t`
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
   font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
 `,r=t`
-  ${l}
+  ${n}
   font-size: 2.5rem;
   line-height: 3rem;
 
-  ${n("laptop")} {
+  ${l("laptop")} {
     font-size: 4rem;
     line-height: 4.5rem;
   }
-`,c=i.p`
+`,z=i.p`
   ${r}
-`,s=t`
-  ${l}
+`,m=t`
+  ${n}
   font-size: 2rem;
   line-height: 2.5rem;
 
-  ${n("laptop")} {
+  ${l("laptop")} {
     font-size: 3rem;
     line-height: 4rem;
   }
 `,d=i.p`
-  ${s}
+  ${m}
 `,a=t`
-  ${l}
+  ${n}
   font-size: 1.75rem;
   line-height: 2.5rem;
 
-  ${n("laptop")} {
+  ${l("laptop")} {
     font-size: 2.5rem;
     line-height: 3.5rem;
   }
-`,z=i.p`
+`,c=i.p`
   ${a}
 `,o=t`
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
   font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
-`,p=t`
+`,h=t`
   ${o}
   font-size: 1.75rem;
   line-height: 2rem;
 
-  ${n("laptop")} {
+  ${l("laptop")} {
     font-size: 2rem;
     line-height: 3rem;
   }
-`,S=i.p`
-  ${p}
-`,y=t`
+`,u=i.p`
+  ${h}
+`,p=t`
   ${o}
   font-size: 1.5rem;
   line-height: 2rem;
 
-  ${n("laptop")} {
+  ${l("laptop")} {
     font-size: 1.75rem;
     line-height: 2.5rem;
   }
-`,T=i.p`
-  ${y}
-`,m=t`
+`,S=i.p`
+  ${p}
+`,y=t`
   ${o}
   font-size: 1.125rem;
   line-height: 2rem;
 
-  ${n("laptop")} {
+  ${l("laptop")} {
     font-size: 1.25rem;
   }
-`,u=i.p`
-  ${m}
-`,h=t`
+`,T=i.p`
+  ${y}
+`,s=t`
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
   font-size: 1rem;
   line-height: 1.5rem;
 `,f=t`
-  ${h}
+  ${s}
   font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
 `,v=i.p`
   ${f}
 `,g=t`
-  ${h}
+  ${s}
   font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
 `,A=i.p`
   ${g}
-`,B=()=>$.createElement("div",null);export{z as Display1,a as Display1Style,d as Display2,s as Display2Style,c as Display3,r as Display3Style,S as Headline,p as HeadlineStyle,u as Subtitle,m as SubtitleStyle,A as TinyTitleBold,g as TinyTitleBoldStyle,v as TinyTitleRegular,f as TinyTitleRegularStyle,T as Title,y as TitleStyle,B as default};
+`,D=()=>$.createElement("div",null);export{c as Display1,a as Display1Style,d as Display2,m as Display2Style,z as Display3,r as Display3Style,u as Headline,h as HeadlineStyle,T as Subtitle,y as SubtitleStyle,A as TinyTitleBold,g as TinyTitleBoldStyle,v as TinyTitleRegular,f as TinyTitleRegularStyle,S as Title,p as TitleStyle,D as default};

package/esm/utils/utils.js

@@ -1,4 +1,4 @@
-import{css as a}from"styled-components";const p=t=>{let n=0,e=0,s=0;return t.length===4?(n=parseInt("0x"+t[1]+t[1]),e=parseInt("0x"+t[2]+t[2]),s=parseInt("0x"+t[3]+t[3])):t.length===7&&(n=parseInt("0x"+t[1]+t[2]),e=parseInt("0x"+t[3]+t[4]),s=parseInt("0x"+t[5]+t[6])),(Math.max(Number(n/255),Number(e/255),Number(s/255))+Math.min(Number(n/255),Number(e/255),Number(s/255)))/2*100},c=(t,n=1)=>{const e=parseInt(t.slice(1,3),16),s=parseInt(t.slice(3,5),16),r=parseInt(t.slice(5,7),16);return`rgba(${e}, ${s}, ${r}, ${n})`},i=a`
+import{css as o}from"styled-components";const t=e=>{let r=0,n=0,s=0;return e.length===4?(r=parseInt("0x"+e[1]+e[1]),n=parseInt("0x"+e[2]+e[2]),s=parseInt("0x"+e[3]+e[3])):e.length===7&&(r=parseInt("0x"+e[1]+e[2]),n=parseInt("0x"+e[3]+e[4]),s=parseInt("0x"+e[5]+e[6])),(Math.max(Number(r/255),Number(n/255),Number(s/255))+Math.min(Number(r/255),Number(n/255),Number(s/255)))/2*100},p=(e,r=1)=>{const n=parseInt(e.slice(1,3),16),s=parseInt(e.slice(3,5),16),a=parseInt(e.slice(5,7),16);return`rgba(${n}, ${s}, ${a}, ${r})`},i=o`
   appearance: none;
   background-color: transparent;
   border: 0;
@@ -6,4 +6,4 @@ import{css as a}from"styled-components";const p=t=>{let n=0,e=0,s=0;return t.len
   font-family: inherit;
   outline: none;
   padding: 0;
-`;export{p as getLuminosity,c as hexToRGB,i as resetButtonStyle};
+`;export{t as getLuminosity,p as hexToRGB,i as resetButtonStyle};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "14.2.3",
+  "version": "14.2.5",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -14,8 +14,8 @@
   "scripts": {
     "start": "yarn dev",
     "dev": "yarn start-storybook -s ./public -p 6006 watch-css",
-    "test": "cross-env CI=true react-scripts test",
-    "test:watch": "react-scripts test",
+    "test": "jest --silent",
+    "test:watch": "cross-env DEBUG_PRINT_LIMIT=14000 jest --verbose --watchAll",
     "type-check": "tsc",
     "generateIcons": "svgr --icon 1em --template ./src/icons/template.js -d ./src/icons/components ./src/icons/svgs --typescript",
     "build": "yarn run generateIcons && yarn lint && yarn test && rollup -c && yarn create-declaration",
@@ -36,7 +36,21 @@
     "styled-components": ">= 5.1.17"
   },
   "resolutions": {
-    "babel-loader": "8.1.0"
+    "babel-loader": "8.1.0",
+    "**/@babel/traverse": ">=7.23.2",
+    "**/minimist": ">=1.2.6",
+    "**/loader-utils": "^1.4.1 || ^2.0.0",
+    "**/json-schema": ">=0.4.0",
+    "**/qs": "^6.10.3",
+    "**/tmpl": "^1.0.5",
+    "**/trim": "^0.0.3",
+    "**/browserify-sign": "^4.2.2",
+    "**/terser": "^5.14.2",
+    "**/glob-parent": "^5.1.2",
+    "**/minimatch": "^3.0.5",
+    "**/semver": "^7.5.2",
+    "**/node-fetch": "^2.6.7",
+    "**/express": "^4.19.2"
   },
   "browserslist": [
     ">0.2%",
@@ -53,14 +67,15 @@
     "@rollup/plugin-node-resolve": "^13.0.4",
     "@rollup/plugin-replace": "^3.0.0",
     "@rollup/plugin-typescript": "^8.2.5",
-    "@storybook/addon-actions": "^6.3.12",
-    "@storybook/addon-essentials": "^6.3.12",
-    "@storybook/addon-links": "^6.3.12",
-    "@storybook/react": "^6.3.12",
+    "@storybook/addon-actions": "^6.5.0",
+    "@storybook/addon-essentials": "^6.5.0",
+    "@storybook/addon-links": "^6.5.0",
+    "@storybook/react": "^6.5.0",
     "@svgr/cli": "^6.0.0",
     "@team-griffin/install-self-peers": "^1.1.1",
+    "@testing-library/dom": "8.5.0",
     "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.1.0",
+    "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.2.1",
     "@types/classnames": "^2.2.11",
@@ -77,17 +92,23 @@
     "babel-plugin-styled-components": "^1.10.0",
     "cross-env": "^7.0.3",
     "esbuild": "^0.13.1",
+    "eslint": "^7.11.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-react-app": "^6.0.0",
     "eslint-import-resolver-typescript": "^2.4.0",
+    "eslint-plugin-flowtype": "^5.2.0",
     "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-mdx": "^1.15.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.25.1",
+    "eslint-plugin-react-hooks": "^4.2.0",
     "husky": "^7.0.4",
+    "jest": "^28.0.0",
+    "jest-environment-jsdom": "^28.0.0",
     "jest-styled-components": "^7.0.3",
     "jest-watch-typeahead": "^0.6.1",
-    "node-sass": "^6.0.1",
+    "node-sass": "^8.0.0",
     "prettier": "^1.16.4",
     "react": "^17.0.2",
     "react-collapse": "^5.0.1",
@@ -95,9 +116,8 @@
     "react-docgen-typescript": "^1.20.4",
     "react-dom": "^17.0.2",
     "react-is": "^16.13.1",
-    "react-scripts": "^4.0.3",
     "react-select": "5.7.3",
-    "react-select-event": "^5.3.0",
+    "react-select-event": "5.3.0",
     "react-transition-group": "^4.0.0",
     "rollup": "^2.56.3",
     "rollup-plugin-esbuild": "^4.5.0",
@@ -107,9 +127,10 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-visualizer": "^5.5.2",
     "standard-version": "^9.3.1",
-    "storybook": "^6.3.12",
+    "storybook": "^6.5.0",
     "storybook-addon-designs": "^6.2.0",
     "styled-components": "^5.2.0",
+    "ts-jest": "^28.0.0",
     "tslib": "^2.0.1",
     "typescript": "^4.6.2"
   },

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

@@ -10,7 +10,7 @@ import { SCREEN_SIZE } from '../../shared/media-queries';
  * direction: 'row' | 'column' | 'row-reverse' | 'column-reverse'
  * direction: { mobileS: 'column', tablet: 'row' }
  */
-declare type CSSPropertyWithResponsive<P extends keyof CSSProperties> = CSSProperties[P] | Partial<Record<Partial<SCREEN_SIZE>, CSSProperties[P]>>;
+declare type CSSPropertyWithResponsive<P extends keyof CSSProperties> = CSSProperties[P] | Partial<Record<Partial<SCREEN_SIZE> | 'initial', CSSProperties[P]>>;
 export interface FlexProps {
     direction?: CSSPropertyWithResponsive<'flexDirection'>;
     justify?: CSSPropertyWithResponsive<'justifyContent'>;

package/types/testUtils.d.ts

@@ -1,2 +1,2 @@
 import { ReactNode } from 'react';
-export declare const renderWithTheme: (ui: ReactNode) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+export declare const renderWithTheme: (ui: ReactNode) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;