@elvia/elvis-toolbox - npm Package Compare versions

Comparing version 7.8.1 to 8.0.0

CHANGELOG.json

@@ -5,2 +5,19 @@ {
     {
+      "date": "28.04.23",
+      "version": "8.0.0",
+      "changelog": [
+        {
+          "type": "breaking_changes",
+          "changes": ["Changed the <code>iconWrapper</code> types to now use <code>getThemeColor</code>."]
+        },
+        {
+          "type": "patch",
+          "changes": [
+            "Updated all reusable components to use the new color labels.",
+            "Updated dependencies on <code>@elvia/elvis-colors</code> to 2.0.0."
+          ]
+        }
+      ]
+    },
+    {
       "date": "09.03.23",
@@ -7,0 +24,0 @@ "version": "7.8.1",

dist/components/button/button.js

@@ -1,2 +0,2 @@
-"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TertiaryButton=exports.SecondaryButton=exports.PrimaryButton=void 0;var _elvisColors=require("@elvia/elvis-colors"),_elvisTypography=require("@elvia/elvis-typography"),_styledComponents=_interopRequireWildcard(require("styled-components"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var getTypography=function(a){return"sm"===a?(0,_styledComponents.css)(["",";line-height:1.15;"],(0,_elvisTypography.getTypographyCss)("text-sm")):"md"===a?(0,_styledComponents.css)(["",";line-height:1.25;"],(0,_elvisTypography.getTypographyCss)("text-md")):(0,_styledComponents.css)(["",";font-size:1.125rem;line-height:1;"],(0,_elvisTypography.getTypographyCss)("text-lg"))},ButtonBase=_styledComponents.default.button.attrs(function(){return{type:"button"}}).withConfig({displayName:"button__ButtonBase",componentId:"sc-1ky9axf-0"})(["",";font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;&:disabled{cursor:default;}&:not(:disabled){cursor:pointer;&::selection{background-color:",";}}"],function(a){var b=a.size;return getTypography(null!==b&&void 0!==b?b:"md")},(0,_elvisColors.getThemeColor)("state-on")),getButtonHeight=function(a){return"lg"===a?"48px":"md"===a?"40px":"32px"},getButtonPadding=function(a){return"lg"===a?"0 calc(32px - 1px)":"md"===a?"0 calc(24px - 1px)":"0 calc(16px - 1px)"},PrimaryButton=(0,_styledComponents.default)(ButtonBase).withConfig({displayName:"button__PrimaryButton",componentId:"sc-1ky9axf-1"})(["height:",";border:1px solid ",";padding:",";background-color:",";color:",";transition:transform 100ms;border-radius:99px;&:not(:disabled){&:hover{background-color:",";border-color:",";color:",";}&:active{border-color:transparent;background-clip:padding-box;}}&:disabled{border-color:",";background-color:",";}"],function(a){var b=a.size;return getButtonHeight(b)},function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("state-on"):(0,_elvisColors.getThemeColor)("text-primary")},function(a){var b=a.size;return getButtonPadding(b)},function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("state-on"):(0,_elvisColors.getThemeColor)("text-primary")},function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("text-primary"):(0,_elvisColors.getThemeColor)("state-on")},(0,_elvisColors.getThemeColor)("state-hover-green"),(0,_elvisColors.getThemeColor)("state-hover-green"),(0,_elvisColors.getThemeColor)("text-primary"),(0,_elvisColors.getThemeColor)("state-disabled"),(0,_elvisColors.getThemeColor)("state-disabled"));exports.PrimaryButton=PrimaryButton;var SecondaryButton=(0,_styledComponents.default)(PrimaryButton).withConfig({displayName:"button__SecondaryButton",componentId:"sc-1ky9axf-2"})(["background-color:",";color:",";&:disabled{background-color:transparent;border-color:",";color:",";}"],function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("state-on"):"transparent"},(0,_elvisColors.getThemeColor)("text-primary"),(0,_elvisColors.getThemeColor)("state-disabled"),(0,_elvisColors.getThemeColor)("state-disabled"));exports.SecondaryButton=SecondaryButton;var TertiaryButton=(0,_styledComponents.default)(ButtonBase).withConfig({displayName:"button__TertiaryButton",componentId:"sc-1ky9axf-3"})(["border:none;background:transparent;position:relative;padding:0;height:",";&:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background-color:",";transform:scaleY(1);transform-origin:center bottom;transition:background-color 60ms,transform 100ms;}&:not(:disabled){&:hover:after{background-color:",";}&:active:after{transform:scaleY(0.5);}}&:disabled{color:",";}"],function(a){var b=a.size;return"sm"===b?"1.5rem":"2rem"},function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("state-on"):"transparent"},(0,_elvisColors.getThemeColor)("state-hover-green"),(0,_elvisColors.getThemeColor)("state-disabled"));exports.TertiaryButton=TertiaryButton;
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TertiaryButton=exports.SecondaryButton=exports.PrimaryButton=void 0;var _elvisColors=require("@elvia/elvis-colors"),_elvisTypography=require("@elvia/elvis-typography"),_styledComponents=_interopRequireWildcard(require("styled-components"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var getTypography=function(a){return"sm"===a?(0,_styledComponents.css)(["",";line-height:1.15;"],(0,_elvisTypography.getTypographyCss)("text-sm")):"md"===a?(0,_styledComponents.css)(["",";line-height:1.25;"],(0,_elvisTypography.getTypographyCss)("text-md")):(0,_styledComponents.css)(["",";font-size:1.125rem;line-height:1;"],(0,_elvisTypography.getTypographyCss)("text-lg"))},ButtonBase=_styledComponents.default.button.attrs(function(){return{type:"button"}}).withConfig({displayName:"button__ButtonBase",componentId:"sc-1ky9axf-0"})(["",";font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;&:disabled{cursor:default;}&:not(:disabled){cursor:pointer;&::selection{background-color:",";}}"],function(a){var b=a.size;return getTypography(null!==b&&void 0!==b?b:"md")},(0,_elvisColors.getThemeColor)("background-selected-1")),getButtonHeight=function(a){return"lg"===a?"48px":"md"===a?"40px":"32px"},getButtonPadding=function(a){return"lg"===a?"0 calc(32px - 1px)":"md"===a?"0 calc(24px - 1px)":"0 calc(16px - 1px)"},PrimaryButton=(0,_styledComponents.default)(ButtonBase).withConfig({displayName:"button__PrimaryButton",componentId:"sc-1ky9axf-1"})(["height:",";border:1px solid ",";padding:",";background-color:",";color:",";transition:transform 100ms;border-radius:99px;&:not(:disabled){&:hover{background-color:",";border-color:",";color:",";}&:active{border-color:transparent;background-clip:padding-box;}}&:disabled{border-color:",";background-color:",";}"],function(a){var b=a.size;return getButtonHeight(b)},function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("border-selected-1"):(0,_elvisColors.getThemeColor)("text-1")},function(a){var b=a.size;return getButtonPadding(b)},function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("background-selected-1"):(0,_elvisColors.getThemeColor)("text-1")},function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("text-1"):(0,_elvisColors.getThemeColor)("signal-success")},(0,_elvisColors.getThemeColor)("background-hover-1"),(0,_elvisColors.getThemeColor)("border-hover-1"),(0,_elvisColors.getThemeColor)("text-1"),(0,_elvisColors.getThemeColor)("border-disabled-1"),(0,_elvisColors.getThemeColor)("background-disabled-1"));exports.PrimaryButton=PrimaryButton;var SecondaryButton=(0,_styledComponents.default)(PrimaryButton).withConfig({displayName:"button__SecondaryButton",componentId:"sc-1ky9axf-2"})(["background-color:",";color:",";&:disabled{background-color:transparent;border-color:",";color:",";}"],function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("background-selected-1"):"transparent"},(0,_elvisColors.getThemeColor)("text-1"),(0,_elvisColors.getThemeColor)("border-disabled-1"),(0,_elvisColors.getThemeColor)("text-disabled-1"));exports.SecondaryButton=SecondaryButton;var TertiaryButton=(0,_styledComponents.default)(ButtonBase).withConfig({displayName:"button__TertiaryButton",componentId:"sc-1ky9axf-3"})(["border:none;background:transparent;position:relative;padding:0;height:",";&:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background-color:",";transform:scaleY(1);transform-origin:center bottom;transition:background-color 60ms,transform 100ms;}&:not(:disabled){&:hover:after{background-color:",";}&:active:after{transform:scaleY(0.5);}}&:disabled{color:",";}"],function(a){var b=a.size;return"sm"===b?"1.5rem":"2rem"},function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("background-selected-1"):"transparent"},(0,_elvisColors.getThemeColor)("background-hover-1"),(0,_elvisColors.getThemeColor)("background-disabled-1"));exports.TertiaryButton=TertiaryButton;
 //# sourceMappingURL=button.js.map

dist/components/button/iconButton.js

@@ -1,2 +0,2 @@
-"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;var _elvisColors=require("@elvia/elvis-colors"),_styledComponents=_interopRequireWildcard(require("styled-components"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var getSize=function(a){return"sm"===a?(0,_styledComponents.css)(["width:32px;height:32px;"]):"md"===a?(0,_styledComponents.css)(["width:40px;height:40px;"]):(0,_styledComponents.css)(["width:48px;height:48px;"])},IconButton=_styledComponents.default.button.attrs(function(){return{type:"button"}}).withConfig({displayName:"iconButton__IconButton",componentId:"sc-rvnswd-0"})(["flex:none;display:grid;place-items:center;",";border:1px solid transparent;background-color:",";border-radius:99px;padding:0;margin:0;&:disabled{cursor:default;}&:not(:disabled){cursor:pointer;&:hover{background-color:",";border-color:",";}&:active{border-color:transparent;background-clip:padding-box;}}"],function(a){var b=a.size;return getSize(null!==b&&void 0!==b?b:"md")},function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("state-on"):"transparent"},(0,_elvisColors.getThemeColor)("state-on"),(0,_elvisColors.getThemeColor)("state-on"));exports.IconButton=IconButton;
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;var _elvisColors=require("@elvia/elvis-colors"),_styledComponents=_interopRequireWildcard(require("styled-components"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var getSize=function(a){return"sm"===a?(0,_styledComponents.css)(["width:32px;height:32px;"]):"md"===a?(0,_styledComponents.css)(["width:40px;height:40px;"]):(0,_styledComponents.css)(["width:48px;height:48px;"])},IconButton=_styledComponents.default.button.attrs(function(){return{type:"button"}}).withConfig({displayName:"iconButton__IconButton",componentId:"sc-rvnswd-0"})(["flex:none;display:grid;place-items:center;",";border:1px solid transparent;background-color:",";border-radius:99px;padding:0;margin:0;&:disabled{cursor:default;}&:not(:disabled){cursor:pointer;&:hover{background-color:",";border-color:",";}&:active{border-color:transparent;background-clip:padding-box;}}"],function(a){var b=a.size;return getSize(null!==b&&void 0!==b?b:"md")},function(a){var b=a.isActive;return b?(0,_elvisColors.getThemeColor)("background-selected-1"):"transparent"},(0,_elvisColors.getThemeColor)("background-hover-1"),(0,_elvisColors.getThemeColor)("border-hover-1"));exports.IconButton=IconButton;
 //# sourceMappingURL=iconButton.js.map

dist/components/form-field/formFieldStyles.js

@@ -1,2 +0,2 @@
-"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormFieldLabel=exports.FormFieldInputContainer=exports.FormFieldInput=exports.FormFieldContainer=void 0;var _styledComponents=_interopRequireWildcard(require("styled-components")),_elvisColors=require("@elvia/elvis-colors"),_elvisTypography=require("@elvia/elvis-typography"),_errorStyles=require("./errorStyles");function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var setActiveBorder=function(a){return(0,_styledComponents.css)(["border:2px solid ",";padding:",";"],(0,_elvisColors.getThemeColor)("state-on"),a?"0 3px 0 7px":"0 7px 0 15px")},FormFieldInputContainer=_styledComponents.default.div.withConfig({displayName:"formFieldStyles__FormFieldInputContainer",componentId:"sc-be3gj2-0"})(["display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 16px;border:1px solid ",";height:48px;border-radius:4px;cursor:text;transition:border-color 150ms;"],(0,_elvisColors.getThemeColor)("text-primary"));exports.FormFieldInputContainer=FormFieldInputContainer;/**
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormFieldLabel=exports.FormFieldInputContainer=exports.FormFieldInput=exports.FormFieldContainer=void 0;var _styledComponents=_interopRequireWildcard(require("styled-components")),_elvisColors=require("@elvia/elvis-colors"),_elvisTypography=require("@elvia/elvis-typography"),_errorStyles=require("./errorStyles");function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var setActiveBorder=function(a){return(0,_styledComponents.css)(["border:2px solid ",";padding:",";"],(0,_elvisColors.getThemeColor)("border-selected-1"),a?"0 3px 0 7px":"0 7px 0 15px")},FormFieldInputContainer=_styledComponents.default.div.withConfig({displayName:"formFieldStyles__FormFieldInputContainer",componentId:"sc-be3gj2-0"})(["display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 16px;border:1px solid ",";height:48px;border-radius:4px;cursor:text;transition:border-color 150ms;"],(0,_elvisColors.getThemeColor)("text-1"));exports.FormFieldInputContainer=FormFieldInputContainer;/**
  *
@@ -12,3 +12,3 @@ * @example
  * @since 5.4.0
- */var FormFieldContainer=_styledComponents.default.label.withConfig({displayName:"formFieldStyles__FormFieldContainer",componentId:"sc-be3gj2-1"})(["display:inline-block;position:relative;box-sizing:border-box;text-align:left;"," "," "," ",";",";"," ",":focus-within{","}"],function(a){var b=a.hasErrorPlaceholder;return b&&(0,_styledComponents.css)(["padding-bottom:1.5rem;"])},function(a){var b=a.isFullWidth;return b&&(0,_styledComponents.css)(["width:100%;",",","{width:100%;}"],FormFieldInput,FormFieldInputContainer)},function(a){var b=a.isCompact;return b?(0,_styledComponents.css)(["padding-top:0.5rem;","{font-size:0.625rem;background-color:",";position:absolute;margin-left:7px;top:0;padding:0 3px;z-index:1;line-height:100%;}","{padding:0 4px 0 8px;height:32px;}","{font-size:0.875rem;}","{","}"],FormFieldLabel,(0,_elvisColors.getThemeColor)("background-primary"),FormFieldInputContainer,FormFieldInput,_errorStyles.FormFieldError,(0,_elvisTypography.getTypographyCss)("text-micro")):(0,_styledComponents.css)(["padding-top:0;"])},function(a){var b=a.isDisabled;return b&&(0,_styledComponents.css)(["&& ","{{cursor:not-allowed;border-color:",";}}"],FormFieldInputContainer,(0,_elvisColors.getThemeColor)("state-disabled"))},function(a){var b=a.isInvalid,c=a.isCompact;return b&&(0,_styledComponents.css)(["","{",";border-color:",";}"],FormFieldInputContainer,setActiveBorder(c),(0,_elvisColors.getThemeColor)("state-error"))},function(a){var b=a.isActive,c=a.isCompact;return b&&(0,_styledComponents.css)(["","{","}"],FormFieldInputContainer,setActiveBorder(c))},FormFieldInputContainer,function(a){return setActiveBorder(a.isCompact)});exports.FormFieldContainer=FormFieldContainer;var FormFieldLabel=_styledComponents.default.div.withConfig({displayName:"formFieldStyles__FormFieldLabel",componentId:"sc-be3gj2-2"})([""," margin-bottom:5px;",""],(0,_elvisTypography.getTypographyCss)("text-label"),function(a){return a.hasOptionalText&&(0,_styledComponents.css)(["&::after{content:' (valgfri)';font-weight:400;}"])});exports.FormFieldLabel=FormFieldLabel;var FormFieldInput=_styledComponents.default.input.attrs(function(){return{type:"text"}}).withConfig({displayName:"formFieldStyles__FormFieldInput",componentId:"sc-be3gj2-3"})([""," min-width:0;padding:0;margin:0;border:none;background-color:transparent;cursor:inherit;&:disabled{color:",";}"],(0,_elvisTypography.getTypographyCss)("text-md"),(0,_elvisColors.getThemeColor)("state-disabled"));exports.FormFieldInput=FormFieldInput;
+ */var FormFieldContainer=_styledComponents.default.label.withConfig({displayName:"formFieldStyles__FormFieldContainer",componentId:"sc-be3gj2-1"})(["display:inline-block;position:relative;box-sizing:border-box;text-align:left;"," "," "," ",";",";"," ",":focus-within{","}"],function(a){var b=a.hasErrorPlaceholder;return b&&(0,_styledComponents.css)(["padding-bottom:1.5rem;"])},function(a){var b=a.isFullWidth;return b&&(0,_styledComponents.css)(["width:100%;",",","{width:100%;}"],FormFieldInput,FormFieldInputContainer)},function(a){var b=a.isCompact;return b?(0,_styledComponents.css)(["padding-top:0.5rem;","{font-size:0.625rem;background-color:",";position:absolute;margin-left:7px;top:0;padding:0 3px;z-index:1;line-height:100%;}","{padding:0 4px 0 8px;height:32px;}","{font-size:0.875rem;}","{","}"],FormFieldLabel,(0,_elvisColors.getThemeColor)("background-1"),FormFieldInputContainer,FormFieldInput,_errorStyles.FormFieldError,(0,_elvisTypography.getTypographyCss)("text-micro")):(0,_styledComponents.css)(["padding-top:0;"])},function(a){var b=a.isDisabled;return b&&(0,_styledComponents.css)(["&& ","{{cursor:not-allowed;border-color:",";}}"],FormFieldInputContainer,(0,_elvisColors.getThemeColor)("border-disabled-1"))},function(a){var b=a.isInvalid,c=a.isCompact;return b&&(0,_styledComponents.css)(["","{",";border-color:",";}"],FormFieldInputContainer,setActiveBorder(c),(0,_elvisColors.getThemeColor)("signal-error"))},function(a){var b=a.isActive,c=a.isCompact;return b&&(0,_styledComponents.css)(["","{","}"],FormFieldInputContainer,setActiveBorder(c))},FormFieldInputContainer,function(a){return setActiveBorder(a.isCompact)});exports.FormFieldContainer=FormFieldContainer;var FormFieldLabel=_styledComponents.default.div.withConfig({displayName:"formFieldStyles__FormFieldLabel",componentId:"sc-be3gj2-2"})([""," margin-bottom:5px;",""],(0,_elvisTypography.getTypographyCss)("text-label"),function(a){return a.hasOptionalText&&(0,_styledComponents.css)(["&::after{content:' (valgfri)';font-weight:400;}"])});exports.FormFieldLabel=FormFieldLabel;var FormFieldInput=_styledComponents.default.input.attrs(function(){return{type:"text"}}).withConfig({displayName:"formFieldStyles__FormFieldInput",componentId:"sc-be3gj2-3"})([""," min-width:0;padding:0;margin:0;border:none;background-color:transparent;cursor:inherit;&:disabled{color:",";}"],(0,_elvisTypography.getTypographyCss)("text-md"),(0,_elvisColors.getThemeColor)("text-disabled-1"));exports.FormFieldInput=FormFieldInput;
 //# sourceMappingURL=formFieldStyles.js.map

dist/components/iconWrapper/iconWrapper.types.d.ts

 import React, { FC } from 'react';
-import { ElviaColor } from '@elvia/elvis-colors';
-type IconSizes = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | (string & {});
+import { ColorLabel } from '@elvia/elvis-colors';
+type AnyString = string & {};
+type ColorLabelOrString = ColorLabel | AnyString;
+type IconSizes = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | AnyString;
 export interface IconWrapperProps<TIcon extends {
-    getIcon: (color?: ElviaColor | 'inverted') => string;
+    getIcon: (color?: ColorLabelOrString) => string;
 }> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
@@ -11,14 +13,14 @@ /**
     icon: TIcon;
-    color?: ElviaColor | 'inverted';
+    color?: ColorLabelOrString;
     /**
-     * Either a size from the `IconSizes` enum (e.g. `'sm'` or `'xl'`) or a custom size in pixels.
+     * Either a size from the `IconSizes` enum (e.g. `'sm'` or `'xl'`) or a custom size.
      */
     size?: IconSizes;
 }
-/** Can be replaced with the use of `IconType` from `@elvia/elvis-assets-icons` if we are ok with a dependency from toolbox on assets-icons */
+/** Can be simplified with the use of `IconType` from `@elvia/elvis-assets-icons` if we are ok with a dependency from toolbox on assets-icons */
 export type IconWrapperType<TIcon extends {
-    getIcon: (color?: ElviaColor | 'inverted') => string;
+    getIcon: (color?: ColorLabelOrString) => string;
 } = {
-    getIcon: (color?: ElviaColor | 'inverted') => string;
+    getIcon: (color?: ColorLabelOrString) => string;
 }> = FC<IconWrapperProps<TIcon>>;
 export {};

dist/components/tooltip/tooltip.js

@@ -1,2 +0,2 @@
-"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TooltipPopup=void 0;var _elvisColors=require("@elvia/elvis-colors"),_elvisTypography=require("@elvia/elvis-typography"),_styledComponents=_interopRequireWildcard(require("styled-components"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var arrowSize=6,TooltipFadeIn=(0,_styledComponents.keyframes)(["from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}"]),TooltipFadeOut=(0,_styledComponents.keyframes)(["from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.7)}"]),TooltipPopup=_styledComponents.default.div.withConfig({displayName:"tooltip__TooltipPopup",componentId:"sc-128qbqw-0"})([""," white-space:pre-wrap;color:",";background:",";display:grid;place-items:center;padding:8px 10px;border-radius:4px;position:absolute;animation:"," 200ms 1ms forwards;max-width:min(350px,calc(100% - 8px));width:max-content;opacity:0;z-index:99999;pointer-events:none;&::after{content:'';position:absolute;width:0;height:0;}"," ",""],(0,_elvisTypography.getTypographyCss)("text-sm"),(0,_elvisColors.getThemeColor)("static-white"),(0,_elvisColors.getThemeColor)("background-overlay-strong"),TooltipFadeIn,function(a){var b=a.position;return"top"===b?(0,_styledComponents.css)(["transform-origin:center bottom;&::after{border-left:","px solid transparent;border-right:","px solid transparent;border-top:","px solid ",";top:100%;}"],arrowSize,arrowSize,arrowSize,(0,_elvisColors.getThemeColor)("background-overlay-strong")):"left"===b?(0,_styledComponents.css)(["transform-origin:right center;&::after{border-top:","px solid transparent;border-bottom:","px solid transparent;border-left:","px solid ",";left:100%;}"],arrowSize,arrowSize,arrowSize,(0,_elvisColors.getThemeColor)("background-overlay-strong")):"right"===b?(0,_styledComponents.css)(["transform-origin:left center;&::after{border-top:","px solid transparent;border-bottom:","px solid transparent;border-right:","px solid ",";right:100%;}"],arrowSize,arrowSize,arrowSize,(0,_elvisColors.getThemeColor)("background-overlay-strong")):(0,_styledComponents.css)(["transform-origin:center top;&::after{border-left:","px solid transparent;border-right:","px solid transparent;border-bottom:","px solid ",";bottom:100%;}"],arrowSize,arrowSize,arrowSize,(0,_elvisColors.getThemeColor)("background-overlay-strong"))},function(a){var b=a.fadeOut;return b?(0,_styledComponents.css)(["animation:"," 200ms ease;"],TooltipFadeOut):""});exports.TooltipPopup=TooltipPopup;
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TooltipPopup=void 0;var _elvisColors=require("@elvia/elvis-colors"),_elvisTypography=require("@elvia/elvis-typography"),_styledComponents=_interopRequireWildcard(require("styled-components"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var arrowSize=6,TooltipFadeIn=(0,_styledComponents.keyframes)(["from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}"]),TooltipFadeOut=(0,_styledComponents.keyframes)(["from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.7)}"]),TooltipPopup=_styledComponents.default.div.withConfig({displayName:"tooltip__TooltipPopup",componentId:"sc-128qbqw-0"})([""," white-space:pre-wrap;color:",";background:",";display:grid;place-items:center;padding:8px 10px;border-radius:4px;position:absolute;animation:"," 200ms 1ms forwards;max-width:min(350px,calc(100% - 8px));width:max-content;opacity:0;z-index:99999;pointer-events:none;&::after{content:'';position:absolute;width:0;height:0;}"," ",""],(0,_elvisTypography.getTypographyCss)("text-sm"),(0,_elvisColors.getThemeColor)("static-white"),(0,_elvisColors.getThemeColor)("background-overlay-2"),TooltipFadeIn,function(a){var b=a.position;return"top"===b?(0,_styledComponents.css)(["transform-origin:center bottom;&::after{border-left:","px solid transparent;border-right:","px solid transparent;border-top:","px solid ",";top:100%;}"],arrowSize,arrowSize,arrowSize,(0,_elvisColors.getThemeColor)("background-overlay-2")):"left"===b?(0,_styledComponents.css)(["transform-origin:right center;&::after{border-top:","px solid transparent;border-bottom:","px solid transparent;border-left:","px solid ",";left:100%;}"],arrowSize,arrowSize,arrowSize,(0,_elvisColors.getThemeColor)("background-overlay-2")):"right"===b?(0,_styledComponents.css)(["transform-origin:left center;&::after{border-top:","px solid transparent;border-bottom:","px solid transparent;border-right:","px solid ",";right:100%;}"],arrowSize,arrowSize,arrowSize,(0,_elvisColors.getThemeColor)("background-overlay-2")):(0,_styledComponents.css)(["transform-origin:center top;&::after{border-left:","px solid transparent;border-right:","px solid transparent;border-bottom:","px solid ",";bottom:100%;}"],arrowSize,arrowSize,arrowSize,(0,_elvisColors.getThemeColor)("background-overlay-2"))},function(a){var b=a.fadeOut;return b?(0,_styledComponents.css)(["animation:"," 200ms ease;"],TooltipFadeOut):""});exports.TooltipPopup=TooltipPopup;
 //# sourceMappingURL=tooltip.js.map

package.json

 {
   "name": "@elvia/elvis-toolbox",
-  "version": "7.8.1",
+  "version": "8.0.0",
   "description": "",
@@ -14,3 +14,3 @@ "license": "MIT",
   "dependencies": {
-    "@elvia/elvis-colors": "^1.6.0",
+    "@elvia/elvis-colors": "^2.2.0",
     "@elvia/elvis-component-wrapper": "^4.0.0",
@@ -17,0 +17,0 @@ "@elvia/elvis-typography": "^2.3.1",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

199697

increased by0.36%

Lines of code

1424

increased by1.42%

Dependency changes

• + Added@elvia/elvis-colors@2.7.1(transitive)

• - Removed@elvia/elvis-colors@1.8.0(transitive)

• Updated@elvia/elvis-colors@^2.2.0