@mmb-digital/design-system-web 0.1.51 → 0.1.52

package/dist/index.d.ts

@@ -72,6 +72,7 @@ declare enum ButtonSize {
     XXL = "xxl"
 }
 declare enum ButtonType {
+    ANCHOR = "anchor",
     BUTTON = "button",
     RESET = "reset",
     SUBMIT = "submit"
@@ -82,6 +83,7 @@ interface ButtonProps {
     disabled?: boolean;
     displayOnlyIcon?: boolean;
     fullWidth?: boolean | undefined;
+    href?: string;
     iconLeft?: ReactNode;
     iconRight?: ReactNode;
     onClick?: () => void;

package/dist/index.esm.js

@@ -196,22 +196,29 @@ import*as e from"react";import t,{useCallback as n,useState as r,useMemo as o,Fr
 	flex-direction: row;
 	gap: ${({theme:e})=>e.spacing.xl};
 	align-items: center;
-`,Be=e=>{const{colorScheme:n,label:r,value:o}=e,a=y(),i=se(null!=n?n:ae.light);return t.createElement(Pe,{colorScheme:n},t.createElement(Re,null,t.createElement(A,{color:i(a.colors.fg.neutral.default),variant:S.TEXT_SM,weight:L.MEDIUM_500},r)),t.createElement(We,null,t.createElement(A,{color:i(a.colors.fg.neutral.subtle),variant:S.TEXT_SM,weight:L.MEDIUM_500},o)))};var Ge,Fe,He;!function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.TERTIARY="tertiary"}(Ge||(Ge={})),function(e){e.MD="md",e.SM="sm",e.XL="xl",e.XS="xs",e.XXL="xxl"}(Fe||(Fe={})),function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"}(He||(He={}));const _e=b.button`
+`,Be=e=>{const{colorScheme:n,label:r,value:o}=e,a=y(),i=se(null!=n?n:ae.light);return t.createElement(Pe,{colorScheme:n},t.createElement(Re,null,t.createElement(A,{color:i(a.colors.fg.neutral.default),variant:S.TEXT_SM,weight:L.MEDIUM_500},r)),t.createElement(We,null,t.createElement(A,{color:i(a.colors.fg.neutral.subtle),variant:S.TEXT_SM,weight:L.MEDIUM_500},o)))};var Ge,Fe,He;!function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.TERTIARY="tertiary"}(Ge||(Ge={})),function(e){e.MD="md",e.SM="sm",e.XL="xl",e.XS="xs",e.XXL="xxl"}(Fe||(Fe={})),function(e){e.ANCHOR="anchor",e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"}(He||(He={}));const _e=b.button`
 	/* common styles */
+	box-sizing: border-box;
 	display: flex;
 	flex-shrink: 0;
 	align-items: center;
 	justify-content: center;
-	width: ${({fullWidth:e})=>!0===e?"100%":"initial"};
+	width: ${({$fullWidth:e,$type:t})=>!0===e?"100%":t===He.ANCHOR?"fit-content":"initial"};
+	text-decoration: none;
 	cursor: pointer;
 
+	&:hover {
+		text-decoration: none;
+	}
+
 	/* type specific styles */
-	${({buttonStyle:e})=>{switch(e){case Ge.PRIMARY:return v`
+	${({$buttonStyle:e})=>{switch(e){case Ge.PRIMARY:return v`
 					color: ${({theme:e})=>e.colors.fg.neutral.white.light};
 					background-color: ${({theme:e})=>e.colors.bg.brand.bold.light};
 					border: 1px solid ${({theme:e})=>e.colors.border.brand.bold.light};
 
 					&:hover {
+						color: ${({theme:e})=>e.colors.fg.neutral.white.light};
 						background-color: ${({theme:e})=>e.colors.bg.brand.bold.hover.light};
 					}
 
@@ -242,6 +249,10 @@ import*as e from"react";import t,{useCallback as n,useState as r,useMemo as o,Fr
 						border: 2px solid ${({theme:e})=>e.colors.border.brand.subtle.light};
 					}
 
+					&:hover {
+						color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
+					}
+
 					&:disabled {
 						color: ${({theme:e})=>e.colors.fg.disabled.light};
 						background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
@@ -259,6 +270,7 @@ import*as e from"react";import t,{useCallback as n,useState as r,useMemo as o,Fr
 					border: none;
 
 					&:hover {
+						color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
 						background-color: ${({theme:e})=>e.colors.bg.brand.default.light};
 					}
 
@@ -277,7 +289,7 @@ import*as e from"react";import t,{useCallback as n,useState as r,useMemo as o,Fr
 				`;default:return""}}}
 
 	/* size specific styles */
-	${({size:e})=>{switch(e){case Fe.XS:return v`
+	${({$size:e})=>{switch(e){case Fe.XS:return v`
 					gap: ${({theme:e})=>e.spacing.xxs};
 					min-height: ${({theme:e})=>e.spacing.xl};
 					padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
@@ -327,7 +339,7 @@ import*as e from"react";import t,{useCallback as n,useState as r,useMemo as o,Fr
 	display: flex;
 	align-items: center;
 	height: 100%;
-`,Xe=e=>{const{buttonStyle:n,children:r,disabled:o=!1,displayOnlyIcon:a=!1,fullWidth:i=!1,iconLeft:s,iconRight:l,onClick:c,size:u,type:d=He.BUTTON}=e;return t.createElement(_e,{buttonStyle:n,disabled:o,displayOnlyIcon:a,fullWidth:i,size:u,type:d,onClick:c},void 0!==s&&t.createElement(Ve,{size:u},s),!a&&t.createElement(t.Fragment,null,r,void 0!==l&&t.createElement(Ve,{size:u},l)))};function Ye(e){return Ye="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ye(e)}function $e(e){var t=function(e,t){if("object"!=Ye(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=Ye(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==Ye(t)?t:String(t)}function je(e,t,n){return(t=$e(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ze(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ze(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ze(Object(n),!0).forEach((function(t){je(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ze(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Je(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ue(e,t){if(e){if("string"==typeof e)return Je(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Je(e,t):void 0}}function Qe(e){return function(e){if(Array.isArray(e))return Je(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ue(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ke(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||Ue(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var qe="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function et(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var tt,nt={exports:{}};
+`,Xe=e=>{const{buttonStyle:n,children:r,disabled:o=!1,displayOnlyIcon:a=!1,fullWidth:i=!1,href:s,iconLeft:l,iconRight:c,onClick:u,size:d,type:p=He.BUTTON}=e;return t.createElement(_e,{$buttonStyle:n,$fullWidth:i,$size:d,$type:p,as:p===He.ANCHOR?"a":void 0,disabled:o,href:s,onClick:u},void 0!==l&&t.createElement(Ve,null,l),!a&&t.createElement(t.Fragment,null,r,void 0!==c&&t.createElement(Ve,null,c)))};function Ye(e){return Ye="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ye(e)}function $e(e){var t=function(e,t){if("object"!=Ye(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=Ye(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==Ye(t)?t:String(t)}function je(e,t,n){return(t=$e(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ze(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ze(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ze(Object(n),!0).forEach((function(t){je(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ze(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Je(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ue(e,t){if(e){if("string"==typeof e)return Je(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Je(e,t):void 0}}function Qe(e){return function(e){if(Array.isArray(e))return Je(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ue(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ke(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||Ue(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var qe="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function et(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var tt,nt={exports:{}};
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see