@helsenorge/designsystem-react 1.0.0-beta75 → 1.0.0-beta79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Button-619210b9.js +2 -0
- package/Button-619210b9.js.map +1 -0
- package/Loader-084dd998.js +2 -0
- package/Loader-084dd998.js.map +1 -0
- package/Modal-52971fb1.js +2 -0
- package/Modal-52971fb1.js.map +1 -0
- package/color-acb834c6.js +2 -0
- package/color-acb834c6.js.map +1 -0
- package/components/AnchorLink/index.js +1 -1
- package/components/Avatar/index.js +1 -1
- package/components/Button/Button.d.ts.map +1 -1
- package/components/Button/index.js +1 -1
- package/components/Button/styles.module.scss +49 -35
- package/components/Button/styles.module.scss.d.ts +12 -25
- package/components/ButtonWithModal/componentdata.json +3 -0
- package/components/ButtonWithModal/index.js +1 -1
- package/components/ExpanderList/ExpanderList.d.ts.map +1 -1
- package/components/ExpanderList/index.js +1 -1
- package/components/ExpanderList/styles.module.scss +35 -19
- package/components/ExpanderList/styles.module.scss.d.ts +2 -3
- package/components/Icons/Icon.d.ts.map +1 -1
- package/components/Icons/Icon.js +1 -1
- package/components/Icons/index.d.ts +1 -0
- package/components/Icons/index.d.ts.map +1 -1
- package/components/Icons/index.js +1 -1
- package/components/LinkList/LinkList.d.ts +4 -3
- package/components/LinkList/LinkList.d.ts.map +1 -1
- package/components/LinkList/componentdata.json +19 -4
- package/components/LinkList/index.js +1 -1
- package/components/LinkList/styles.module.scss +46 -16
- package/components/LinkList/styles.module.scss.d.ts +3 -2
- package/components/Loader/Loader.d.ts +8 -0
- package/components/Loader/Loader.d.ts.map +1 -1
- package/components/Loader/componentdata.json +76 -0
- package/components/Loader/index.js +1 -1
- package/components/Loader/styles.module.scss +24 -0
- package/components/Loader/styles.module.scss.d.ts +3 -0
- package/components/Logo/index.js +1 -1
- package/components/Modal/Modal.d.ts +2 -1
- package/components/Modal/Modal.d.ts.map +1 -1
- package/components/Modal/componentdata.json +3 -0
- package/components/Modal/index.js +1 -1
- package/components/Modal/styles.module.scss +102 -66
- package/components/Modal/styles.module.scss.d.ts +19 -11
- package/components/NotificationPanel/index.js +1 -1
- package/components/Tile/Tile.d.ts.map +1 -1
- package/components/Tile/index.js +1 -1
- package/constants-d1f48e8e.js +2 -0
- package/constants-d1f48e8e.js.map +1 -0
- package/grid-11a70eb7.js +2 -0
- package/grid-11a70eb7.js.map +1 -0
- package/hooks/useBreakpoint.d.ts +9 -0
- package/hooks/useBreakpoint.d.ts.map +1 -0
- package/index-19b48c51.js +2 -0
- package/index-19b48c51.js.map +1 -0
- package/index.js +1 -1
- package/package.json +1 -1
- package/scss/_font-settings.scss +8 -4
- package/scss/_palette.scss +2 -0
- package/useBreakpoint-a8fa8a61.js +2 -0
- package/useBreakpoint-a8fa8a61.js.map +1 -0
- package/useWindowSize-c22d7634.js +2 -0
- package/useWindowSize-c22d7634.js.map +1 -0
- package/Button-f1380b34.js +0 -2
- package/Button-f1380b34.js.map +0 -1
- package/Icon-43100735.js +0 -2
- package/Icon-43100735.js.map +0 -1
- package/Loader-ad8bcd78.js +0 -2
- package/Loader-ad8bcd78.js.map +0 -1
- package/Modal-3353318a.js +0 -2
- package/Modal-3353318a.js.map +0 -1
- package/color-d7bbcfcc.js +0 -2
- package/color-d7bbcfcc.js.map +0 -1
- package/index-cf9fa51d.js +0 -2
- package/index-cf9fa51d.js.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{_ as t,a as e}from"./_rollupPluginBabelHelpers-e1c7fe69.js";import{_ as n}from"./_tslib-51c8a283.js";import o from"react";import{g as r}from"./color-acb834c6.js";import{a as l}from"./constants-d1f48e8e.js";import{L as i}from"./Loader-084dd998.js";import{u as a}from"./useHover-57ad4df9.js";import{u as s}from"./useWindowSize-c22d7634.js";import{b as d}from"./grid-11a70eb7.js";import{c as u}from"./index-9b84fabc.js";import c from"./components/Button/styles.module.scss";var m={primary:"blueberry",warning:"banana",danger:"cherry"};var f=function(t,e){return e&&e<d.md&&t?l.Small:t?l.Medium:l.XSmall},b=o.forwardRef((function(d,b){var v,p,_,g=d.children,h=d.className,w=void 0===h?"":h,j=d.fluid,E=void 0!==j&&j,y=d.intent,N=void 0===y?"primary":y,k=d.inverted,C=void 0!==k&&k,I=d.htmlMarkup,H=void 0===I?"button":I,O=d.onClick,S=d.large,z=void 0!==S&&S,B=d.loading,F=void 0!==B&&B,M=d.variant,x=void 0===M?"fill":M,L=d.disabled,R=void 0!==L&&L,X=d.ellipsis,A=void 0!==X&&X,P=d.testId,W=d.href,q=d.target,D=n(d,["children","className","fluid","intent","inverted","htmlMarkup","onClick","large","loading","variant","disabled","ellipsis","testId","href","target"]),G=function(t){var e,n,o,r,l=null,i=null;return void 0!==(null===(n=null===(e=t[0])||void 0===e?void 0:e.props)||void 0===n?void 0:n.svgIcon)&&(l=t.shift()),void 0!==(null===(r=null===(o=t[t.length-1])||void 0===o?void 0:o.props)||void 0===r?void 0:r.svgIcon)&&(i=t.pop()),[l,i,t]}(o.Children.toArray(g)),J=t(G,3),K=J[0],Q=J[1],T=J[2],U=a(b),V=U.hoverRef,Y=U.isHovered,Z=function(t,e,n,o,l){return e?r("neutral",600):t&&!o||!t&&o?"white":r(m[n],l?700:600)}("fill"===x,R,N,C,Y),$=s(),tt="fill"===x,et="outline"===x,nt="borderless"===x,ot="warning"===N,rt="danger"===N,lt=!(!K&&!Q||F),it=Object.assign({},D),at=u(c.button,(e(v={},c["button--fluid"],E),e(v,c["button--large"],z),e(v,c["button--warning"],ot),e(v,c["button--danger"],rt),e(v,c["button--inverted"],C),e(v,c["button--fill"],tt),e(v,c["button--outline"],et),e(v,c["button--borderless"],nt),e(v,c["button--with-icon"],lt),e(v,c["button--ellipsis"],A),v),w),st=u(c.button__content,(e(p={},c["button__content--warning"],ot),e(p,c["button__content--danger"],rt),e(p,c["button__content--fill"],tt),e(p,c["button__content--borderless"],nt),e(p,c["button__content--with-icon"],lt),e(p,c["button__content--large"],z),e(p,c["button__content--ellipsis"],A),e(p,c["button__content--inverted"],C),e(p,c["button__content--fluid"],E),p)),dt=u(c["button__left-fluid-content"],(e(_={},c["button__left-fluid-content--with-icon"],lt),e(_,c["button__left-fluid-content--large"],z),_));function ut(t,e,n,r){var l=t&&t.props&&t.props.color?t.props.color:n;return t&&Object.keys(t).length>0?o.cloneElement(t,{size:e,color:l,isHovered:r}):null}var ct=function(){return o.createElement("span",{className:st},T)},mt=function(){return o.createElement("span",{className:c["content-wrapper"]},F?o.createElement("div",{className:c["button__left-fluid-content"]},o.createElement(i,{testId:"test-id-loader",color:"fill"!==x||C?m[N]:"white",size:"tiny"})):o.createElement(o.Fragment,null,E?o.createElement("div",{className:dt},ut(K,f(z,$.width),Z,Y),ct()):o.createElement(o.Fragment,null,ut(K,f(z,$.width),Z,Y),ct()),ut(Q,l.XSmall,Z,Y)))};return o.createElement(o.Fragment,null,"button"===H&&o.createElement("button",Object.assign({onClick:O,disabled:R,"data-testid":P,className:at,ref:V},it),mt()),"a"===H&&o.createElement("a",Object.assign({onClick:O,"data-testid":P,className:at,href:W,target:q,ref:V},D),mt()))}));export{b as B};
|
|
2
|
+
//# sourceMappingURL=Button-619210b9.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button-619210b9.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as e}from"./_rollupPluginBabelHelpers-e1c7fe69.js";import a from"react";import{c as r}from"./index-9b84fabc.js";import o from"./components/Loader/styles.module.scss";import l from"crypto";var t=new Uint8Array(256),d=t.length;function i(){return d>t.length-16&&(l.randomFillSync(t),d=0),t.slice(d,d+=16)}var n=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;for(var s=[],m=0;m<256;++m)s.push((m+256).toString(16).substr(1));function c(e,a){void 0===a&&(a=0);var r=(s[e[a+0]]+s[e[a+1]]+s[e[a+2]]+s[e[a+3]]+"-"+s[e[a+4]]+s[e[a+5]]+"-"+s[e[a+6]]+s[e[a+7]]+"-"+s[e[a+8]]+s[e[a+9]]+"-"+s[e[a+10]]+s[e[a+11]]+s[e[a+12]]+s[e[a+13]]+s[e[a+14]]+s[e[a+15]]).toLowerCase();if(!function(e){return"string"==typeof e&&n.test(e)}(r))throw TypeError("Stringified UUID is invalid");return r}function f(e,a,r){var o=(e=e||{}).random||(e.rng||i)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,a){r=r||0;for(var l=0;l<16;++l)a[r+l]=o[l];return a}return c(o)}var _=a.forwardRef((function(l,t){var d,i,n,s=l.color,m=void 0===s?"neutral":s,c=l.size,_=void 0===c?"small":c,u=l.className,v=void 0===u?"":u,p=l.testId,b=void 0===p?"":p,y=l.center,g=l.overlay,w=l.ariaLabelledById,h=l.ariaLabel,E=void 0===h?"Laster inn":h,N="small"===_,L="medium"===_,k="large"===_,x=r(o["loader-wrapper"],(e(d={},o["loader-wrapper--center"],y),e(d,o["loader-wrapper--overlay"],g),d)),I=r(o.loader,(e(i={},o["loader--small"],N),e(i,o["loader--medium"],L),e(i,o["loader--large"],k),i),v),S=r(o.loader__dot,(e(n={},o["loader__dot--small"],N),e(n,o["loader__dot--medium"],L),e(n,o["loader__dot--large"],k),e(n,o["loader__dot--banana"],"banana"===m),e(n,o["loader__dot--cherry"],"cherry"===m),e(n,o["loader__dot--kiwi"],"kiwi"===m),e(n,o["loader__dot--neutral"],"neutral"===m),e(n,o["loader__dot--plum"],"plum"===m),e(n,o["loader__dot--black"],"black"===m),e(n,o["loader__dot--white"],"white"===m),n)),U="loader".concat(f());return a.createElement("div",{role:"progressbar",className:x},a.createElement("div",{"data-testid":b,"aria-labelledby":w||U,className:I},a.createElement("div",{className:S}),a.createElement("div",{className:S}),a.createElement("div",{className:S}),a.createElement("div",{className:S}),!w&&a.createElement("span",{id:U,className:o["loader__hidden-text"]},E)))}));export{_ as L,f as v};
|
|
2
|
+
//# sourceMappingURL=Loader-084dd998.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loader-084dd998.js","sources":["../node_modules/uuid/dist/esm-node/rng.js","../node_modules/uuid/dist/esm-node/regex.js","../node_modules/uuid/dist/esm-node/stringify.js","../node_modules/uuid/dist/esm-node/validate.js","../node_modules/uuid/dist/esm-node/v4.js"],"sourcesContent":["import crypto from 'crypto';\nconst rnds8Pool = new Uint8Array(256); // # of random values to pre-allocate\n\nlet poolPtr = rnds8Pool.length;\nexport default function rng() {\n if (poolPtr > rnds8Pool.length - 16) {\n crypto.randomFillSync(rnds8Pool);\n poolPtr = 0;\n }\n\n return rnds8Pool.slice(poolPtr, poolPtr += 16);\n}","export default /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n byteToHex.push((i + 0x100).toString(16).substr(1));\n}\n\nfunction stringify(arr, offset = 0) {\n // Note: Be careful editing this code! It's been tuned for performance\n // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n const uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID. If this throws, it's likely due to one\n // of the following:\n // - One or more input array values don't map to a hex octet (leading to\n // \"undefined\" in the uuid)\n // - Invalid input values for the RFC `version` or `variant` fields\n\n if (!validate(uuid)) {\n throw TypeError('Stringified UUID is invalid');\n }\n\n return uuid;\n}\n\nexport default stringify;","import REGEX from './regex.js';\n\nfunction validate(uuid) {\n return typeof uuid === 'string' && REGEX.test(uuid);\n}\n\nexport default validate;","import rng from './rng.js';\nimport stringify from './stringify.js';\n\nfunction v4(options, buf, offset) {\n options = options || {};\n const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n if (buf) {\n offset = offset || 0;\n\n for (let i = 0; i < 16; ++i) {\n buf[offset + i] = rnds[i];\n }\n\n return buf;\n }\n\n return stringify(rnds);\n}\n\nexport default v4;"],"names":["const","rnds8Pool","Uint8Array","poolPtr","length","rng","crypto","randomFillSync","slice","byteToHex","i","push","toString","substr","stringify","arr","offset","uuid","toLowerCase","REGEX","test","validate","TypeError","v4","options","buf","rnds","random","let"],"mappings":"qMACAA,IAAMC,EAAY,IAAIC,WAAW,KAE7BC,EAAUF,EAAUG,OACT,SAASC,IAMtB,OALIF,EAAUF,EAAUG,OAAS,KAC/BE,EAAOC,eAAeN,GACtBE,EAAU,GAGLF,EAAUO,MAAML,EAASA,GAAW,ICV7C,MAAe,sHCQf,IAFAH,IAAMS,EAAY,GAETC,EAAI,EAAGA,EAAI,MAAOA,EACzBD,EAAUE,MAAMD,EAAI,KAAOE,SAAS,IAAIC,OAAO,IAGjD,SAASC,EAAUC,EAAKC,kBAAS,GAG/BhB,IAAMiB,GAAQR,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,MAAME,cAM3f,ICnBF,SAAkBD,GAChB,MAAuB,iBAATA,GAAqBE,EAAMC,KAAKH,GDkBzCI,CAASJ,GACZ,MAAMK,UAAU,+BAGlB,OAAOL,EEtBT,SAASM,EAAGC,EAASC,EAAKT,GAExBhB,IAAM0B,GADNF,EAAUA,GAAW,IACAG,SAAWH,EAAQnB,KAAOA,KAK/C,GAHAqB,EAAK,GAAe,GAAVA,EAAK,GAAY,GAC3BA,EAAK,GAAe,GAAVA,EAAK,GAAY,IAEvBD,EAAK,CACPT,EAASA,GAAU,EAEnB,IAAKY,IAAIlB,EAAI,EAAGA,EAAI,KAAMA,EACxBe,EAAIT,EAASN,GAAKgB,EAAKhB,GAGzB,OAAOe,EAGT,OAAOX,EAAUY"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import e,{useRef as t,useEffect as a}from"react";import{c as n}from"./index-9b84fabc.js";import{p as r}from"./palette-f206f488.js";import{B as o}from"./Button-619210b9.js";import{I as l}from"./constants-d1f48e8e.js";import{X as c,A as i,a as s}from"./AlertSignFill-64bfef57.js";import m from"./components/Modal/styles.module.scss";import{T as d}from"./Title-863af332.js";import{v as u}from"./Loader-084dd998.js";function v(){var e=t(null);function n(t){var a=e.current.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select'),n=a[0],r=1===a.length?n:a[a.length-1];"Tab"===t.key&&(t.shiftKey?document.activeElement===n&&(r.focus(),t.preventDefault()):document.activeElement===r&&(n.focus(),t.preventDefault()))}function r(t){var a=e.current.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');1===a.length&&(a[0].focus(),t.preventDefault())}return a((function(){var t=e.current;return t.addEventListener("keydown",n),t.addEventListener("click",r),function(){t.removeEventListener("keydown",n),t.removeEventListener("click",r)}}),[]),e}var p;!function(e){e.normal="normal",e.warning="warning",e.error="error",e.image="image"}(p||(p={}));var f={variant:p.normal,primaryButtonText:"OK",large:!1,className:""},y=function(t){return e.createElement("button",{className:m.modal__lukkekryss,"aria-label":t.ariaLabel||"Lukk",onClick:t.onClick,autoFocus:!0,role:"button"},e.createElement(l,{svgIcon:c,color:r.blueberry600,size:42}))},E=e.forwardRef((function(t,c){var f,E,g;function b(e){"Escape"===e.key&&t.onClose&&(e.stopPropagation(),t.onClose())}function _(e){e.target&&C.current===e.target&&t.onClose&&(e.stopPropagation(),t.onClose())}var k,h=t.variant===p.image,L=null!==(f=t.titleId)&&void 0!==f?f:u(),x=e.useRef(null),C=e.useRef(null),B=t.secondaryButtonText&&(null===(E=t.secondaryButtonText)||void 0===E?void 0:E.length)>0||t.onSuccess,N=t.ariaLabelledBy?void 0:t.ariaLabel,w=t.ariaLabelledBy?t.ariaLabelledBy:t.ariaLabel?void 0:L;return a((function(){var e=x.current,t=C.current;return document.body.style.overflow="hidden",e&&(e.addEventListener("keydown",b),t.addEventListener("click",_)),function(){document.body.style.removeProperty("overflow"),e.removeEventListener("keydown",b),t.removeEventListener("click",_)}})),e.createElement("div",{ref:x,"data-testid":"dialog-container"},e.createElement("div",{ref:C,className:m["modal-overlay"],"data-testid":t.testId},e.createElement("div",{className:m.align,ref:v()},e.createElement("div",{className:n(t.className,m.modal,m["modal--".concat(t.variant)],t.large?m["modal--large"]:""),role:"dialog","aria-label":N,"aria-labelledby":w},!t.noCloseButton&&e.createElement("div",{className:h?m["modal__close--image"]:m.modal__close},e.createElement(y,{onClick:t.onClose,ariaLabel:t.ariaLabelCloseBtn})),e.createElement("div",{className:h?m["modal__contentWrapper--image"]:m.modal__contentWrapper},e.createElement("div",{className:m.modal__contentWrapper__title},t.variant&&((k=t.variant)===p.error?e.createElement("div",null,e.createElement(l,{svgIcon:i,color:r.cherry500,hoverColor:r.cherry500})):k===p.warning?e.createElement("div",null,e.createElement(l,{svgIcon:s,color:r.black,hoverColor:r.black})):null),e.createElement("div",null,e.createElement(d,{id:L,htmlMarkup:"h3",appearance:"title3"},t.title))),e.createElement("div",{className:h?m["modal__contentWrapper__content--image"]:m.modal__contentWrapper__content},h?t.children&&e.createElement("div",null,e.createElement("div",{className:m["modal--image__img"]},t.children),e.createElement("span",{className:m["modal--image__text"]},t.description)):t.children&&e.createElement("div",null,t.children),t.description&&!t.children&&e.createElement("p",{className:m.modal__description},t.description)),B&&e.createElement("div",{className:m.modal__actions},t.onSuccess&&e.createElement(o,{onClick:t.onSuccess},t.primaryButtonText),t.secondaryButtonText&&(null===(g=t.secondaryButtonText)||void 0===g?void 0:g.length)>0&&e.createElement(o,{variant:"borderless",onClick:t.onClose},t.secondaryButtonText)))))))}));E.defaultProps=f;export{E as M};
|
|
2
|
+
//# sourceMappingURL=Modal-52971fb1.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal-52971fb1.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color-acb834c6.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import{I as r}from"../../
|
|
1
|
+
import e from"react";import{I as r,a}from"../../constants-d1f48e8e.js";import{g as t}from"../../color-acb834c6.js";import{u as o}from"../../useHover-57ad4df9.js";import l from"./styles.module.scss";import{c as s}from"../../index-9b84fabc.js";import"../../_tslib-51c8a283.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";var i=function(r){var a=r.isExtraSmall,t=r.isHovered,o=e.createElement("path",{d:"M33.305 14.659v14.546h-1.3V16.948L15.804 33.149l-.919-.92 16.27-16.27-12.394.001v-1.301z"}),l=e.createElement("path",{d:"M36.52 11.537v14.545h-1.3l-.001-12.347-19.415 19.414-.919-.92 19.393-19.392-12.302.001v-1.301z"}),s=e.createElement("path",{d:"M18.76 14.426v1.768h11.83L14.719 32.065l1.251 1.25 15.801-15.801v11.691h1.768V14.426z"});return a?t?e.createElement("path",{d:"M22.076 11.122v1.769h11.736L14.819 31.884l1.252 1.25 19.015-19.015v11.782h1.769V11.122z"}):s:t?l:o},m=e.forwardRef((function(m,c){var n=m.id,f=m.href,d=m.children,v=m.className,p=m.target,h=void 0===p?"_self":p,u="_blank"===h,b=o(c,void 0,!1),j=b.hoverRef,E=b.isHovered,g=s(l.anchorlink,null!=v?v:"");return e.createElement("a",{id:n,href:f,className:g,target:h,ref:j},d,u&&e.createElement(r,{className:l.anchorlink__icon,svgIcon:i,color:t("blueberry",600),hoverColor:t("blueberry",700),size:a.XSmall,isHovered:E}))}));export default m;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import{I as a}from"../../
|
|
1
|
+
import e from"react";import{I as a,a as t}from"../../constants-d1f48e8e.js";import{c as r}from"../../index-9b84fabc.js";import l from"./styles.module.scss";import{p as s}from"../../palette-f206f488.js";import"../../_tslib-51c8a283.js";var o=function(a){var t=a.isExtraSmall,r=a.isHovered,l=e.createElement("path",{d:"M22.504 31.198l-9.59-9.966 1.441-1.387 8.149 8.468 14.455-15.016 1.441 1.386z"}),s=e.createElement("path",{d:"M22.504 31.198l-7.816-8.121 1.441-1.387 6.375 6.623 15.859-16.474 1.44 1.386z"}),o=e.createElement("path",{d:"M22.504 31.578l-9.781-10.162 1.822-1.752 7.959 8.269 14.265-14.819 1.821 1.752z"});return t?r?e.createElement("path",{d:"M22.504 31.578l-7.816-8.124 1.82-1.75 5.996 6.229 16.321-16.956 1.821 1.752z"}):o:r?s:l},c=e.forwardRef((function(c,m){var n=c.children,i=c.className,d=void 0===i?"":i,p=c.selected,f=void 0!==p&&p,v=c.variant,b=void 0===v?"normal":v,u=n.charAt(0).toLocaleUpperCase()+n.substring(1,2);return e.createElement("span",{className:r(l.avatar,f&&l["avatar--selected"],"black"===b&&l["avatar--black"],d),ref:m},f?e.createElement(a,{svgIcon:o,size:t.Small,color:"black"===b?s.neutral900:s.blueberry600}):u)}));export default c;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAYnE,oBAAY,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC7D,oBAAY,mBAAmB,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1F,oBAAY,UAAU,GAAG,QAAQ,GAAG,GAAG,CAAC;AACxC,oBAAY,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;AAE/D,UAAU,aAAa;IACrB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,aAI3B,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe;IACnE,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,uDAAuD;IACvD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8BD,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAYnE,oBAAY,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC7D,oBAAY,mBAAmB,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1F,oBAAY,UAAU,GAAG,QAAQ,GAAG,GAAG,CAAC;AACxC,oBAAY,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;AAE/D,UAAU,aAAa;IACrB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,aAI3B,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe;IACnE,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,uDAAuD;IACvD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8BD,QAAA,MAAM,MAAM,2GAuJV,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{B as o}from"../../Button-
|
|
1
|
+
import{B as o}from"../../Button-619210b9.js";export{B as default}from"../../Button-619210b9.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"../../_tslib-51c8a283.js";import"react";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../constants-d1f48e8e.js";import"../../Loader-084dd998.js";import"../../index-9b84fabc.js";import"../Loader/styles.module.scss";import"crypto";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"./styles.module.scss";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -63,7 +63,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
63
63
|
border-style: solid;
|
|
64
64
|
background-color: $blueberry500;
|
|
65
65
|
border-color: $blueberry500;
|
|
66
|
-
color: $
|
|
66
|
+
color: $white;
|
|
67
67
|
|
|
68
68
|
&:hover,
|
|
69
69
|
&:active,
|
|
@@ -78,33 +78,34 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
78
78
|
color: $neutral600;
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
|
-
&--fill
|
|
81
|
+
&--fill#{&}--warning {
|
|
82
82
|
background-color: $banana500;
|
|
83
83
|
border-color: $banana500;
|
|
84
|
-
color: $banana500;
|
|
85
84
|
|
|
86
85
|
&:hover,
|
|
87
86
|
&:active,
|
|
88
87
|
&:focus {
|
|
89
88
|
background-color: $banana700;
|
|
89
|
+
border-color: $banana700;
|
|
90
90
|
box-shadow: 0 0 0 0.25rem $banana700;
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
|
-
&--fill
|
|
93
|
+
&--fill#{&}--danger {
|
|
94
94
|
background-color: $cherry500;
|
|
95
95
|
border-color: $cherry500;
|
|
96
|
-
color: $cherry500;
|
|
97
96
|
|
|
98
97
|
&:hover,
|
|
99
98
|
&:active,
|
|
100
99
|
&:focus {
|
|
101
100
|
background-color: $cherry700;
|
|
101
|
+
border-color: $cherry700;
|
|
102
102
|
box-shadow: 0 0 0 0.25rem $cherry700;
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
|
-
&--fill
|
|
105
|
+
&--fill#{&}--inverted {
|
|
106
106
|
background-color: $white;
|
|
107
107
|
border-color: $white;
|
|
108
|
+
color: $blueberry500;
|
|
108
109
|
|
|
109
110
|
&:hover,
|
|
110
111
|
&:active,
|
|
@@ -114,8 +115,11 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
114
115
|
box-shadow: 0 0 0 0.25rem $white;
|
|
115
116
|
}
|
|
116
117
|
}
|
|
117
|
-
&--fill
|
|
118
|
-
color: $
|
|
118
|
+
&--fill#{&}--warning#{&}--inverted {
|
|
119
|
+
color: $banana500;
|
|
120
|
+
}
|
|
121
|
+
&--fill#{&}--danger#{&}--inverted {
|
|
122
|
+
color: $cherry500;
|
|
119
123
|
}
|
|
120
124
|
|
|
121
125
|
&--outline {
|
|
@@ -163,7 +167,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
163
167
|
color: $neutral600;
|
|
164
168
|
}
|
|
165
169
|
}
|
|
166
|
-
&--outline
|
|
170
|
+
&--outline#{&}--warning {
|
|
167
171
|
border-color: $banana500;
|
|
168
172
|
color: $banana600;
|
|
169
173
|
|
|
@@ -171,6 +175,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
171
175
|
&:active,
|
|
172
176
|
&:focus {
|
|
173
177
|
background-color: $warningHoverColor;
|
|
178
|
+
border-color: transparent;
|
|
174
179
|
|
|
175
180
|
&:before {
|
|
176
181
|
border-color: $warningHoverColor;
|
|
@@ -180,7 +185,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
180
185
|
}
|
|
181
186
|
}
|
|
182
187
|
}
|
|
183
|
-
&--outline
|
|
188
|
+
&--outline#{&}--danger {
|
|
184
189
|
border-color: $cherry500;
|
|
185
190
|
color: $cherry600;
|
|
186
191
|
|
|
@@ -188,6 +193,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
188
193
|
&:active,
|
|
189
194
|
&:focus {
|
|
190
195
|
background-color: $dangerHoverColor;
|
|
196
|
+
border-color: transparent;
|
|
191
197
|
|
|
192
198
|
&:before {
|
|
193
199
|
border-color: $dangerHoverColor;
|
|
@@ -197,7 +203,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
197
203
|
}
|
|
198
204
|
}
|
|
199
205
|
}
|
|
200
|
-
&--outline
|
|
206
|
+
&--outline#{&}--inverted {
|
|
201
207
|
border-color: $white;
|
|
202
208
|
color: $white;
|
|
203
209
|
|
|
@@ -205,6 +211,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
205
211
|
&:active,
|
|
206
212
|
&:focus {
|
|
207
213
|
background-color: $invertedHoverColor;
|
|
214
|
+
border-color: transparent;
|
|
208
215
|
|
|
209
216
|
&:before {
|
|
210
217
|
border-color: $invertedHoverColor;
|
|
@@ -232,13 +239,13 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
232
239
|
color: $neutral600;
|
|
233
240
|
}
|
|
234
241
|
}
|
|
235
|
-
&--borderless
|
|
242
|
+
&--borderless#{&}--warning {
|
|
236
243
|
color: $banana600;
|
|
237
244
|
}
|
|
238
|
-
&--borderless
|
|
245
|
+
&--borderless#{&}--danger {
|
|
239
246
|
color: $cherry600;
|
|
240
247
|
}
|
|
241
|
-
&--borderless
|
|
248
|
+
&--borderless#{&}--inverted {
|
|
242
249
|
color: $white;
|
|
243
250
|
}
|
|
244
251
|
|
|
@@ -254,17 +261,17 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
254
261
|
}
|
|
255
262
|
}
|
|
256
263
|
}
|
|
257
|
-
&--large
|
|
264
|
+
&--large#{&}--with-icon {
|
|
258
265
|
svg {
|
|
259
266
|
margin: 0 0.5rem;
|
|
260
267
|
}
|
|
261
268
|
}
|
|
262
269
|
|
|
263
|
-
&--ellipsis
|
|
270
|
+
&--ellipsis#{&}--with-icon {
|
|
264
271
|
max-width: 100%;
|
|
265
272
|
}
|
|
266
273
|
|
|
267
|
-
&--borderless
|
|
274
|
+
&--borderless#{&}--with-icon {
|
|
268
275
|
svg:first-child {
|
|
269
276
|
margin-right: 0.125rem;
|
|
270
277
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
@@ -278,7 +285,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
278
285
|
}
|
|
279
286
|
}
|
|
280
287
|
}
|
|
281
|
-
&--large
|
|
288
|
+
&--large#{&}--borderless#{&}--with-icon {
|
|
282
289
|
svg:first-child {
|
|
283
290
|
margin-right: 0.5rem;
|
|
284
291
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
@@ -298,19 +305,26 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
298
305
|
margin-bottom: 0.5rem;
|
|
299
306
|
white-space: normal;
|
|
300
307
|
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
border-bottom: 1px solid $
|
|
308
|
+
&--fill {
|
|
309
|
+
#{$button}:focus & {
|
|
310
|
+
border-bottom: 1px solid $white;
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
&--fill#{&}--inverted {
|
|
315
|
+
#{$button}:focus & {
|
|
316
|
+
border-bottom-color: $blueberry700;
|
|
304
317
|
}
|
|
305
|
-
|
|
318
|
+
}
|
|
319
|
+
&--fill#{&}--warning#{&}--inverted {
|
|
320
|
+
#{$button}:focus & {
|
|
306
321
|
border-bottom-color: $banana700;
|
|
307
322
|
}
|
|
308
|
-
|
|
323
|
+
}
|
|
324
|
+
&--fill#{&}--danger#{&}--inverted {
|
|
325
|
+
#{$button}:focus & {
|
|
309
326
|
border-bottom-color: $cherry700;
|
|
310
327
|
}
|
|
311
|
-
&--fill-not-inverted {
|
|
312
|
-
border-bottom-color: $white;
|
|
313
|
-
}
|
|
314
328
|
}
|
|
315
329
|
|
|
316
330
|
&--borderless {
|
|
@@ -322,21 +336,21 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
322
336
|
border-bottom-color: $blueberry700;
|
|
323
337
|
}
|
|
324
338
|
}
|
|
325
|
-
&--borderless
|
|
339
|
+
&--borderless#{&}--warning {
|
|
326
340
|
#{$button}:hover &,
|
|
327
341
|
#{$button}:active &,
|
|
328
342
|
#{$button}:focus & {
|
|
329
343
|
border-bottom-color: $banana700;
|
|
330
344
|
}
|
|
331
345
|
}
|
|
332
|
-
&--borderless
|
|
346
|
+
&--borderless#{&}--danger {
|
|
333
347
|
#{$button}:hover &,
|
|
334
348
|
#{$button}:active &,
|
|
335
349
|
#{$button}:focus & {
|
|
336
350
|
border-bottom-color: $cherry700;
|
|
337
351
|
}
|
|
338
352
|
}
|
|
339
|
-
&--borderless
|
|
353
|
+
&--borderless#{&}--inverted {
|
|
340
354
|
#{$button}:hover &,
|
|
341
355
|
#{$button}:active &,
|
|
342
356
|
#{$button}:focus & {
|
|
@@ -350,26 +364,26 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
350
364
|
&--with-icon:last-child {
|
|
351
365
|
margin-right: 1.5rem;
|
|
352
366
|
}
|
|
353
|
-
&--large
|
|
367
|
+
&--large#{&}--with-icon:first-child {
|
|
354
368
|
margin-left: 2.5rem;
|
|
355
369
|
}
|
|
356
|
-
&--large
|
|
370
|
+
&--large#{&}--with-icon:last-child {
|
|
357
371
|
margin-right: 2.5rem;
|
|
358
372
|
}
|
|
359
373
|
|
|
360
|
-
&--ellipsis
|
|
374
|
+
&--ellipsis#{&}--with-icon {
|
|
361
375
|
white-space: nowrap;
|
|
362
376
|
overflow: hidden;
|
|
363
377
|
text-overflow: ellipsis;
|
|
364
378
|
}
|
|
365
379
|
|
|
366
|
-
&--fluid
|
|
380
|
+
&--fluid#{&}--with-icon:last-child {
|
|
367
381
|
margin-right: 0;
|
|
368
382
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
369
383
|
margin-right: 1.5rem;
|
|
370
384
|
}
|
|
371
385
|
}
|
|
372
|
-
&--large-fluid
|
|
386
|
+
&--large-fluid#{&}--with-icon:last-child {
|
|
373
387
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
374
388
|
margin-right: 2.5rem;
|
|
375
389
|
}
|
|
@@ -391,7 +405,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
391
405
|
margin-right: 0;
|
|
392
406
|
}
|
|
393
407
|
}
|
|
394
|
-
&--large
|
|
408
|
+
&--large#{&}--with-icon:last-child {
|
|
395
409
|
margin-right: 2.5rem;
|
|
396
410
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
397
411
|
margin-right: 0;
|
|
@@ -2,40 +2,27 @@ export type Styles = {
|
|
|
2
2
|
button: string;
|
|
3
3
|
button__content: string;
|
|
4
4
|
'button__content--borderless': string;
|
|
5
|
-
'button__content--
|
|
6
|
-
'button__content--
|
|
7
|
-
'button__content--borderless-warning': string;
|
|
8
|
-
'button__content--ellipsis-with-icon': string;
|
|
5
|
+
'button__content--danger': string;
|
|
6
|
+
'button__content--ellipsis': string;
|
|
9
7
|
'button__content--fill': string;
|
|
10
|
-
'button__content--
|
|
11
|
-
'button__content--
|
|
12
|
-
'button__content--
|
|
13
|
-
'button__content--fluid
|
|
14
|
-
'button__content--
|
|
15
|
-
'button__content--large-with-icon': string;
|
|
8
|
+
'button__content--fluid': string;
|
|
9
|
+
'button__content--inverted': string;
|
|
10
|
+
'button__content--large': string;
|
|
11
|
+
'button__content--large-fluid': string;
|
|
12
|
+
'button__content--warning': string;
|
|
16
13
|
'button__content--with-icon': string;
|
|
17
14
|
'button__left-fluid-content': string;
|
|
18
|
-
'button__left-fluid-content--large
|
|
15
|
+
'button__left-fluid-content--large': string;
|
|
19
16
|
'button__left-fluid-content--with-icon': string;
|
|
20
17
|
'button--borderless': string;
|
|
21
|
-
'button--
|
|
22
|
-
'button--
|
|
23
|
-
'button--borderless-warning': string;
|
|
24
|
-
'button--borderless-with-icon': string;
|
|
25
|
-
'button--ellipsis-with-icon': string;
|
|
18
|
+
'button--danger': string;
|
|
19
|
+
'button--ellipsis': string;
|
|
26
20
|
'button--fill': string;
|
|
27
|
-
'button--fill-danger': string;
|
|
28
|
-
'button--fill-inverted': string;
|
|
29
|
-
'button--fill-not-inverted': string;
|
|
30
|
-
'button--fill-warning': string;
|
|
31
21
|
'button--fluid': string;
|
|
22
|
+
'button--inverted': string;
|
|
32
23
|
'button--large': string;
|
|
33
|
-
'button--large-borderless-with-icon': string;
|
|
34
|
-
'button--large-with-icon': string;
|
|
35
24
|
'button--outline': string;
|
|
36
|
-
'button--
|
|
37
|
-
'button--outline-inverted': string;
|
|
38
|
-
'button--outline-warning': string;
|
|
25
|
+
'button--warning': string;
|
|
39
26
|
'button--with-icon': string;
|
|
40
27
|
'content-wrapper': string;
|
|
41
28
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as t}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import
|
|
1
|
+
import{_ as t}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import e,{useState as o}from"react";import{B as r}from"../../Button-619210b9.js";import{M as s}from"../../Modal-52971fb1.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../constants-d1f48e8e.js";import"../../Loader-084dd998.js";import"../../index-9b84fabc.js";import"../Loader/styles.module.scss";import"crypto";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"../Modal/styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";var i=e.forwardRef((function(i){var m=o(!1),l=t(m,2),n=l[0],p=l[1];return e.createElement("div",null,e.createElement(r,{onClick:function(){return p(!0)}},i.buttonText),n&&e.createElement(s,Object.assign({},i,{onClose:function(){return p(!1)}})))}));export default i;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpanderList.d.ts","sourceRoot":"","sources":["../../../src/components/ExpanderList/ExpanderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpanderList.d.ts","sourceRoot":"","sources":["../../../src/components/ExpanderList/ExpanderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAYnD,oBAAY,kBAAkB,GAAG,YAAY,CAAC;AAC9C,oBAAY,YAAY,GAAG,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AAE/G,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACtI,QAAQ,EAAE,YAAY,CAAC;CACxB;AAMD,UAAU,iBAAiB;IACzB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,aAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzC,aAAK,aAAa,GAAG,MAAM,CACzB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClF,CACF,CAAC;AAuDF,eAAO,MAAM,YAAY,sBA8DC,CAAC;AAK3B,eAAe,YAAY,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e,a as
|
|
1
|
+
import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import n,{useState as a,useEffect as r}from"react";import{a as i,I as l}from"../../constants-d1f48e8e.js";import{u as d}from"../../useHover-57ad4df9.js";import{u as o,B as s}from"../../useBreakpoint-a8fa8a61.js";import{c}from"../../index-9b84fabc.js";import m from"./styles.module.scss";import"../../_tslib-51c8a283.js";import"../../useWindowSize-c22d7634.js";import"../../grid-11a70eb7.js";var p=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M15.049 30.277l-1.419-1.409 10.371-10.451L34.37 28.868l-1.419 1.409L24 21.257z"}),i=n.createElement("path",{d:"M24.001 10.14L36.37 22.591 34.951 24 25 13.985V35h-2V13.985L13.049 24l-1.419-1.409z"}),l=n.createElement("path",{d:"M32.577 30.115l1.793-1.779-10.371-10.451L13.63 28.336l1.793 1.779 8.576-8.644z"});return t?a?n.createElement("path",{d:"M23.999 9.043L36.897 22.02l-1.794 1.78-9.841-9.9.001 20.205h-2.526L22.736 13.9l-9.839 9.9-1.794-1.78z"}):l:a?i:r},u=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M32.951 18.788l1.419 1.409-10.371 10.451L13.63 20.197l1.419-1.409L24 27.809z"}),i=n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}),l=n.createElement("path",{d:"M32.577 17.885l1.793 1.779-10.371 10.451L13.63 19.664l1.793-1.779 8.576 8.644z"});return t?a?n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}):l:a?i:r},v=n.forwardRef((function(e,a){var r,v=e.id,f=e.children,E=e.padding,x=void 0===E||E,h=e.color,g=void 0===h?"neutral":h,_=e.className,L=void 0===_?"":_,k=e.icon,N=e.large,b=void 0!==N&&N,z=e.title,j=e.isExpanded,H=void 0!==j&&j,w=e.testId,M=void 0===w?"":w,B=e.handleExpanderClick,C=d(),S=C.hoverRef,V=C.isHovered,y=o(),I=c(m["expander-list-link"],m["expander-list-link--".concat(g)],(t(r={},m["expander-list-link--closed"],!H),t(r,m["expander-list-link--large"],b),r)),O=c(m["expander-list-link__main-content"],x?m["expander-list-link__main-content--padding"]:"");return n.createElement("li",{className:L,ref:a},n.createElement("button",{id:v,onClick:B,"data-testid":M,className:I,ref:S},k&&n.createElement("span",{className:m["expander-list-link__icon"]},n.cloneElement(k,{size:y===s.Xs?i.XSmall:i.Small,isHovered:V})),n.createElement("span",{className:m["expander-list-link__title"]},z),n.createElement("span",{className:m["expander-list-link__chevron"]},n.createElement(l,{size:i.XSmall,svgIcon:H?p:u,isHovered:V}))),H?n.createElement("div",{className:O},f):null)}));var f=n.forwardRef((function(i,l){var d=i.children,o=i.childPadding,s=void 0===o||o,p=i.large,u=i.isOpen,f=void 0!==u&&u,E=i.color,x=i.className,h=void 0===x?"":x,g=i.accordion,_=void 0!==g&&g,L=i.topBorder,k=void 0===L||L,N=i.bottomBorder,b=void 0===N||N,z=a({}),j=e(z,2),H=j[0],w=j[1],M=a(),B=e(M,2),C=B[0],S=B[1],V=n.Children.count(d),y=c(m["expander-list"],h);function I(e){var n,a=(null===(n=e.currentTarget)||void 0===n?void 0:n.id)||function(e,t){var n=(e.path||e.composedPath&&e.composedPath()).find((function(e){return e.tagName===t}));return n?n.id:""}(e,"BUTTON");f||(w((function(e){return _?t({},a,!e[a]):Object.assign(Object.assign({},e),t({},a,!e[a]))})),S(e.currentTarget))}return r((function(){var e,t,n,a,r;!_||!C||(e=C.getBoundingClientRect(),t=e.top,n=e.left,a=e.bottom,r=e.right,t>=0&&n>=0&&a<=(window.innerHeight||document.documentElement.clientHeight)&&r<=(window.innerWidth||document.documentElement.clientWidth))||C.scrollIntoView()}),[_,C]),n.createElement("ul",{className:y,ref:l},n.Children.map(d,(function(e,a){if(e.type===v){var r=f||H["expander-".concat(a)],i=function(e){var n;return c(m["expander-list__item"],(t(n={},m["expander-list__item--top"],0===e&&k),t(n,m["expander-list__item--no-bottom"],e===V-1&&!b),n))}(a);return n.cloneElement(e,{id:"expander-".concat(a),key:"expander-".concat(a),isExpanded:r,padding:s,color:E,large:p,"aria-expanded":r,className:i,handleExpanderClick:I})}return e})))}));f.Expander=v,v.displayName="ExpanderList.Expander";export default f;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
@import '../../scss/_spacers.scss';
|
|
2
|
+
@import '../../scss/_breakpoints.scss';
|
|
3
|
+
@import '../../scss/_font-settings.scss';
|
|
1
4
|
@import '../../scss/_palette.scss';
|
|
2
5
|
|
|
3
6
|
.expander-list {
|
|
@@ -21,11 +24,19 @@
|
|
|
21
24
|
}
|
|
22
25
|
|
|
23
26
|
.expander-list-link {
|
|
24
|
-
padding: 0
|
|
27
|
+
padding: getSpacer(xs) 0 getSpacer(xs) 0;
|
|
28
|
+
font-size: $font-size-sm;
|
|
29
|
+
line-height: $lineheight-size-sm;
|
|
30
|
+
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
31
|
+
padding-left: getSpacer(xs);
|
|
32
|
+
padding-right: getSpacer(xs);
|
|
33
|
+
font-size: $font-size-md;
|
|
34
|
+
line-height: $lineheight-size-md;
|
|
35
|
+
}
|
|
25
36
|
display: flex;
|
|
26
37
|
cursor: pointer;
|
|
27
|
-
font-
|
|
28
|
-
|
|
38
|
+
font-weight: 600;
|
|
39
|
+
font-family: inherit;
|
|
29
40
|
text-decoration: none;
|
|
30
41
|
justify-content: space-between;
|
|
31
42
|
align-items: center;
|
|
@@ -101,11 +112,11 @@
|
|
|
101
112
|
}
|
|
102
113
|
|
|
103
114
|
&--large {
|
|
104
|
-
font-size:
|
|
105
|
-
line-height:
|
|
115
|
+
font-size: $font-size-lg;
|
|
116
|
+
line-height: $lineheight-size-lg;
|
|
106
117
|
}
|
|
107
118
|
|
|
108
|
-
&
|
|
119
|
+
&__title {
|
|
109
120
|
color: $black;
|
|
110
121
|
display: flex;
|
|
111
122
|
align-items: center;
|
|
@@ -117,23 +128,28 @@
|
|
|
117
128
|
}
|
|
118
129
|
}
|
|
119
130
|
|
|
120
|
-
&
|
|
121
|
-
|
|
131
|
+
&__icon {
|
|
132
|
+
display: flex;
|
|
133
|
+
align-items: center;
|
|
134
|
+
margin-right: getSpacer(xs);
|
|
135
|
+
}
|
|
122
136
|
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
137
|
+
&__chevron {
|
|
138
|
+
display: flex;
|
|
139
|
+
align-items: center;
|
|
140
|
+
margin-left: auto;
|
|
141
|
+
padding-left: getSpacer(xs);
|
|
126
142
|
}
|
|
127
143
|
|
|
128
|
-
&
|
|
129
|
-
|
|
130
|
-
width: 3rem;
|
|
131
|
-
.hnds-style-icon {
|
|
132
|
-
vertical-align: middle;
|
|
133
|
-
}
|
|
144
|
+
&__main-content {
|
|
145
|
+
padding: 0;
|
|
134
146
|
|
|
135
|
-
&--
|
|
136
|
-
|
|
147
|
+
&--padding {
|
|
148
|
+
padding: getSpacer(m) 0 getSpacer(m) 0;
|
|
149
|
+
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
150
|
+
padding-left: getSpacer(xs);
|
|
151
|
+
padding-right: getSpacer(xs);
|
|
152
|
+
}
|
|
137
153
|
}
|
|
138
154
|
}
|
|
139
155
|
}
|
|
@@ -4,11 +4,11 @@ export type Styles = {
|
|
|
4
4
|
'expander-list__item--no-bottom': string;
|
|
5
5
|
'expander-list__item--top': string;
|
|
6
6
|
'expander-list-link': string;
|
|
7
|
+
'expander-list-link__chevron': string;
|
|
7
8
|
'expander-list-link__icon': string;
|
|
8
|
-
'expander-list-link__icon--margin-right': string;
|
|
9
|
-
'expander-list-link__link-content': string;
|
|
10
9
|
'expander-list-link__main-content': string;
|
|
11
10
|
'expander-list-link__main-content--padding': string;
|
|
11
|
+
'expander-list-link__title': string;
|
|
12
12
|
'expander-list-link--banana': string;
|
|
13
13
|
'expander-list-link--blueberry': string;
|
|
14
14
|
'expander-list-link--cherry': string;
|
|
@@ -18,7 +18,6 @@ export type Styles = {
|
|
|
18
18
|
'expander-list-link--neutral': string;
|
|
19
19
|
'expander-list-link--plum': string;
|
|
20
20
|
'expander-list-link--white': string;
|
|
21
|
-
'hnds-style-icon': string;
|
|
22
21
|
};
|
|
23
22
|
|
|
24
23
|
export type ClassNames = keyof Styles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAEtC,UAAU,SAAS;IAEjB,OAAO,EAAE,OAAO,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,YAAY;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,iFA0CR,CAAC;AAIH,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC"}
|
package/components/Icons/Icon.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e}from"../../_tslib-51c8a283.js";import
|
|
1
|
+
import{_ as e}from"../../_tslib-51c8a283.js";import a from"react";import{a as i}from"../../constants-d1f48e8e.js";var o=a.forwardRef((function(o,t){var r=o.svgIcon,l=o.ariaLabel,s=o.id,d=o.className,c=void 0===d?"":d,m=o.size,n=void 0===m?i.Small:m,v=o.color,b=void 0===v?"black":v,f=o.hoverColor,h=void 0===f?b||"black":f,g=o.isHovered,p=void 0!==g&&g,I=o.testId,y=e(o,["svgIcon","ariaLabel","id","className","size","color","hoverColor","isHovered","testId"]),E=a.createElement(r,{isExtraSmall:n<=i.XSmall,isHovered:p}),H=s&&l?"title-".concat(s):void 0;return a.createElement("svg",Object.assign({id:s,"data-testid":I,ref:t,className:"hnds-style-icon ".concat(c),role:"img","aria-label":!s&&l?l:void 0,"aria-labelledby":H,"aria-hidden":"true",viewBox:"0 0 48 48",style:{minWidth:n,minHeight:n},width:n,height:n,fill:p?h:b},y),H&&a.createElement("title",{id:H},l),E)}));o.displayName="Icon";export{o as Icon};
|
|
2
2
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,eAAe,IAAI,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{I as
|
|
1
|
+
import{I as s}from"../../constants-d1f48e8e.js";export{I as Icon,a as IconSize,I as default}from"../../constants-d1f48e8e.js";import"../../_tslib-51c8a283.js";import"react";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|