@kvdbil/components 14.2.12 → 14.2.16

package/cjs/components/Button/styles.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("../../typography/ButtonText/index.js");require("react"),require("styled-components");const a={smaller:l.ButtonSmallTextStyle,small:l.ButtonRegularTextStyle,regular:l.ButtonRegularTextStyle,large:l.ButtonLargeTextStyle},e=(r,o)=>`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../typography/ButtonText/index.js");require("react"),require("styled-components");const i={smaller:n.ButtonSmallTextStyle,small:n.ButtonRegularTextStyle,regular:n.ButtonRegularTextStyle,large:n.ButtonLargeTextStyle},e=(r,o)=>`
   color: ${r.colors[o].main};
   border: 2px solid ${r.colors[o].main};
   background-color: transparent;
@@ -13,20 +13,17 @@
     color: ${r.colors[o].light};
   }
 `,t=(r,o)=>`
-  color: ${o!=="neutral"?r.colors[o].main:r.colors.neutral.light};
-  background-color: transparent;
+  color: ${r.colors[o].main};
 
-  :hover {
-    color: ${r.colors[o].dark};
-  }
+  background-color: transparent;
 
-  :active {
+  :hover, :active {
     color: ${r.colors[o].dark};
   }
-`,n=r=>`
+`,l=r=>`
   color: ${r.colors.gray.light1};
   cursor: not-allowed;
-`,i={solid:(r,o,s)=>`
+`,a={solid:(r,o,s)=>`
   color: ${r.colors.text.light};
   background-color: ${r.colors[o][s]};
 
@@ -39,11 +36,11 @@
     border-color: ${r.colors[o].light};
     filter: brightness(1.1)
   }
-`,outline:e,flat:t};exports.colorStyles=i,exports.disabledColorStyles=(r,o)=>o==="solid"?`
-    ${n(r)};
+`,outline:e,flat:t};exports.colorStyles=a,exports.disabledColorStyles=(r,o)=>o==="solid"?`
+    ${l(r)};
     background-color: ${r.colors.gray.light4};`:o==="outline"?`
-    ${n(r)};
-    border: 2px solid ${r.colors.gray.light1};`:n(r),exports.flatColorStyles=t,exports.fontSizes=a,exports.largeSizeStyles=()=>`
+    ${l(r)};
+    border: 2px solid ${r.colors.gray.light1};`:l(r),exports.flatColorStyles=t,exports.fontSizes=i,exports.largeSizeStyles=()=>`
   padding: 0.25rem 1.5rem;
   min-height: 3.75rem;
 `,exports.outlineColorStyles=e,exports.regularSizeStyles=()=>`

package/esm/components/Button/styles.js

@@ -1,4 +1,4 @@
-import{ButtonSmallTextStyle as a,ButtonRegularTextStyle as e,ButtonLargeTextStyle as i}from"../../typography/ButtonText/index.js";import"react";import"styled-components";const n={smaller:a,small:e,regular:e,large:i},d=()=>`
+import{ButtonSmallTextStyle as i,ButtonRegularTextStyle as e,ButtonLargeTextStyle as a}from"../../typography/ButtonText/index.js";import"react";import"styled-components";const n={smaller:i,small:e,regular:e,large:a},d=()=>`
   padding: 0.25rem 0.75rem;
   min-height: 2.5rem;
 `,g=()=>`
@@ -35,14 +35,11 @@ import{ButtonSmallTextStyle as a,ButtonRegularTextStyle as e,ButtonLargeTextStyl
     color: ${o.colors[r].light};
   }
 `,s=(o,r)=>`
-  color: ${r!=="neutral"?o.colors[r].main:o.colors.neutral.light};
-  background-color: transparent;
+  color: ${o.colors[r].main};
 
-  :hover {
-    color: ${o.colors[r].dark};
-  }
+  background-color: transparent;
 
-  :active {
+  :hover, :active {
     color: ${o.colors[r].dark};
   }
 `,l=o=>`
@@ -52,4 +49,4 @@ import{ButtonSmallTextStyle as a,ButtonRegularTextStyle as e,ButtonLargeTextStyl
     ${l(o)};
     background-color: ${o.colors.gray.light4};`:r==="outline"?`
     ${l(o)};
-    border: 2px solid ${o.colors.gray.light1};`:l(o),u={solid:h,outline:t,flat:s};export{u as colorStyles,$ as disabledColorStyles,s as flatColorStyles,n as fontSizes,m as largeSizeStyles,t as outlineColorStyles,g as regularSizeStyles,d as smallerAndSmallSizeStyles};
+    border: 2px solid ${o.colors.gray.light1};`:l(o),p={solid:h,outline:t,flat:s};export{p as colorStyles,$ as disabledColorStyles,s as flatColorStyles,n as fontSizes,m as largeSizeStyles,t as outlineColorStyles,g as regularSizeStyles,d as smallerAndSmallSizeStyles};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "14.2.12",
+  "version": "14.2.16",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -18,7 +18,7 @@
     "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 && rollup -c && yarn create-declaration",
+    "build": "yarn run generateIcons && yarn lint && yarn test && rollup -c && yarn create-declaration",
     "build:rollup": "rollup -c && cp package.json dist/",
     "build:storybook": "storybook build",
     "lint": "eslint --fix --ext .js,.jsx,.ts,.tsx,.mdx src",