@helsenorge/designsystem-react 1.0.0-beta94 → 1.0.0-beta98
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-f6698126.js +2 -0
- package/Button-f6698126.js.map +1 -0
- package/Checkbox-d9b564fd.js +2 -0
- package/Checkbox-d9b564fd.js.map +1 -0
- package/ChevronUp-4b6797ef.js +2 -0
- package/ChevronUp-4b6797ef.js.map +1 -0
- package/Close-007fca15.js +2 -0
- package/Close-007fca15.js.map +1 -0
- package/FormGroup-9ff588a2.js +2 -0
- package/FormGroup-9ff588a2.js.map +1 -0
- package/Icon-89da8de4.js +2 -0
- package/Icon-89da8de4.js.map +1 -0
- package/Input-f331efd2.js +2 -0
- package/Input-f331efd2.js.map +1 -0
- package/Loader-e5b166ea.js +2 -0
- package/Loader-e5b166ea.js.map +1 -0
- package/Modal-08f3c55b.js +2 -0
- package/Modal-08f3c55b.js.map +1 -0
- package/RadioButton-e41b1319.js +2 -0
- package/RadioButton-e41b1319.js.map +1 -0
- package/Textarea-74f821a2.js +2 -0
- package/Textarea-74f821a2.js.map +1 -0
- package/Title-fab4097d.js +2 -0
- package/Title-fab4097d.js.map +1 -0
- package/Validation-c41fc494.js +2 -0
- package/Validation-c41fc494.js.map +1 -0
- package/components/AnchorLink/AnchorLink.d.ts.map +1 -1
- package/components/AnchorLink/index.js +1 -1
- package/components/Avatar/Avatar.d.ts.map +1 -1
- package/components/Avatar/index.js +1 -1
- package/components/Badge/Badge.d.ts.map +1 -1
- package/components/Badge/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 +2 -0
- package/components/ButtonWithModal/componentdata.json +19 -0
- package/components/ButtonWithModal/index.js +1 -1
- package/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/components/Checkbox/componentdata.json +9 -9
- package/components/Checkbox/index.js +1 -1
- package/components/Checkbox/styles.module.scss +2 -1
- package/components/Close/Close.d.ts.map +1 -1
- package/components/Close/index.js +1 -1
- package/components/Expander/Expander.d.ts +33 -0
- package/components/Expander/Expander.d.ts.map +1 -0
- package/components/Expander/componentdata.json +237 -0
- package/components/Expander/index.d.ts +4 -0
- package/components/Expander/index.d.ts.map +1 -0
- package/components/Expander/index.js +2 -0
- package/components/Expander/index.js.map +1 -0
- package/components/Expander/styles.module.scss +165 -0
- package/components/Expander/styles.module.scss.d.ts +42 -0
- package/components/ExpanderList/ExpanderList.d.ts.map +1 -1
- package/components/ExpanderList/index.js +1 -1
- package/components/FormExample/FormExample.d.ts +2 -1
- package/components/FormExample/FormExample.d.ts.map +1 -1
- package/components/FormExample/componentdata.json +6 -3
- package/components/FormExample/index.js +1 -1
- package/components/FormExample/index.js.map +1 -1
- package/components/FormGroup/FormGroup.d.ts.map +1 -1
- package/components/FormGroup/componentdata.json +9 -9
- package/components/FormGroup/index.js +1 -1
- package/components/FormGroup/styles.module.scss +2 -2
- package/components/HighlightBox/HighlightBox.d.ts.map +1 -1
- package/components/HighlightBox/index.js +1 -1
- package/components/Icons/AcupunctureBack.js +1 -1
- package/components/Icons/Icon.d.ts.map +1 -1
- package/components/Icons/Icon.js +1 -1
- package/components/Icons/NoEye.js +1 -1
- package/components/Icons/SectionSign.js +1 -1
- package/components/Icons/SpeechBubble.js +1 -1
- package/components/Icons/SupportingPerson.js +1 -1
- package/components/Icons/Syringe.js +1 -1
- package/components/Icons/index.js +1 -1
- package/components/Input/Input.d.ts +55 -0
- package/components/Input/Input.d.ts.map +1 -0
- package/components/Input/componentdata.json +425 -0
- package/components/Input/index.d.ts +4 -0
- package/components/Input/index.d.ts.map +1 -0
- package/components/Input/index.js +2 -0
- package/components/Input/index.js.map +1 -0
- package/components/Input/styles.module.scss +55 -0
- package/components/Input/styles.module.scss.d.ts +23 -0
- package/components/LinkList/LinkList.d.ts.map +1 -1
- package/components/LinkList/index.js +1 -1
- package/components/List/List.d.ts.map +1 -1
- package/components/List/index.js +1 -1
- package/components/Loader/Loader.d.ts.map +1 -1
- package/components/Loader/index.js +1 -1
- package/components/Loader/styles.module.scss +3 -2
- package/components/Logo/Logo.d.ts.map +1 -1
- package/components/Logo/index.js +1 -1
- package/components/Modal/Modal.d.ts +2 -0
- package/components/Modal/Modal.d.ts.map +1 -1
- package/components/Modal/componentdata.json +19 -0
- package/components/Modal/index.js +1 -1
- package/components/NotificationPanel/NotificationPanel.d.ts.map +1 -1
- package/components/NotificationPanel/index.js +1 -1
- package/components/Portal/index.d.ts.map +1 -1
- package/components/Portal/index.js +1 -1
- package/components/RadioButton/RadioButton.d.ts.map +1 -1
- package/components/RadioButton/componentdata.json +9 -9
- package/components/RadioButton/index.js +1 -1
- package/components/RadioButton/styles.module.scss +2 -2
- package/components/Slider/Slider.d.ts.map +1 -1
- package/components/Slider/index.js +1 -1
- package/components/Spacer/Spacer.d.ts.map +1 -1
- package/components/Spacer/index.js +1 -1
- package/components/Textarea/Textarea.d.ts +4 -0
- package/components/Textarea/Textarea.d.ts.map +1 -1
- package/components/Textarea/componentdata.json +44 -6
- package/components/Textarea/index.js +1 -1
- package/components/Textarea/styles.module.scss +13 -110
- package/components/Textarea/styles.module.scss.d.ts +13 -8
- package/components/Tile/Tile.d.ts.map +1 -1
- package/components/Tile/index.js +1 -1
- package/components/Title/Title.d.ts.map +1 -1
- package/components/Title/index.js +1 -1
- package/components/Validation/Validation.d.ts.map +1 -1
- package/components/Validation/componentdata.json +3 -3
- package/components/Validation/index.js +1 -1
- package/constants-ad6c82db.js +2 -0
- package/constants-ad6c82db.js.map +1 -0
- package/constants.d.ts +38 -8
- package/constants.d.ts.map +1 -1
- package/hooks/useFocusToggle.d.ts +14 -0
- package/hooks/useFocusToggle.d.ts.map +1 -0
- package/hooks/useIcons.d.ts +4 -0
- package/hooks/useIcons.d.ts.map +1 -0
- package/hooks/useIntersectionObserver.d.ts +11 -0
- package/hooks/useIntersectionObserver.d.ts.map +1 -0
- package/hooks/useIsVisible.d.ts +10 -0
- package/hooks/useIsVisible.d.ts.map +1 -0
- package/hooks/useLayoutEvent.d.ts +9 -0
- package/hooks/useLayoutEvent.d.ts.map +1 -0
- package/hooks/useSticky.d.ts +21 -0
- package/hooks/useSticky.d.ts.map +1 -0
- package/index.js +1 -1
- package/package.json +1 -1
- package/scss/_input.scss +174 -0
- package/utils/debounce.d.ts +8 -0
- package/utils/debounce.d.ts.map +1 -0
- package/Button-72f96290.js +0 -2
- package/Button-72f96290.js.map +0 -1
- package/Checkbox-0ba01292.js +0 -2
- package/Checkbox-0ba01292.js.map +0 -1
- package/Close-80751ae6.js +0 -2
- package/Close-80751ae6.js.map +0 -1
- package/FormGroup-68288be3.js +0 -2
- package/FormGroup-68288be3.js.map +0 -1
- package/Icon-9b4a8a2d.js +0 -2
- package/Icon-9b4a8a2d.js.map +0 -1
- package/Loader-b3fd59f4.js +0 -2
- package/Loader-b3fd59f4.js.map +0 -1
- package/Modal-6b4a2c9c.js +0 -2
- package/Modal-6b4a2c9c.js.map +0 -1
- package/RadioButton-84ca988e.js +0 -2
- package/RadioButton-84ca988e.js.map +0 -1
- package/Textarea-9c91191a.js +0 -2
- package/Textarea-9c91191a.js.map +0 -1
- package/Title-90910763.js +0 -2
- package/Title-90910763.js.map +0 -1
- package/Validation-ef9ee0ae.js +0 -2
- package/Validation-ef9ee0ae.js.map +0 -1
- package/constants-a4b0b501.js +0 -2
- package/constants-a4b0b501.js.map +0 -1
- package/hooks/useVisibility.d.ts +0 -3
- package/hooks/useVisibility.d.ts.map +0 -1
|
@@ -422,6 +422,25 @@
|
|
|
422
422
|
"type": {
|
|
423
423
|
"name": "boolean"
|
|
424
424
|
}
|
|
425
|
+
},
|
|
426
|
+
"disableCloseEvents": {
|
|
427
|
+
"defaultValue": null,
|
|
428
|
+
"description": "When enabled the events for closing the modal won't be added",
|
|
429
|
+
"name": "disableCloseEvents",
|
|
430
|
+
"parent": {
|
|
431
|
+
"fileName": "src/components/Modal/Modal.tsx",
|
|
432
|
+
"name": "ModalProps"
|
|
433
|
+
},
|
|
434
|
+
"declarations": [
|
|
435
|
+
{
|
|
436
|
+
"fileName": "src/components/Modal/Modal.tsx",
|
|
437
|
+
"name": "ModalProps"
|
|
438
|
+
}
|
|
439
|
+
],
|
|
440
|
+
"required": false,
|
|
441
|
+
"type": {
|
|
442
|
+
"name": "boolean"
|
|
443
|
+
}
|
|
425
444
|
}
|
|
426
445
|
}
|
|
427
446
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{M as s}from"../../Modal-
|
|
1
|
+
import{M as s}from"../../Modal-08f3c55b.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-08f3c55b.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-f6698126.js";import"../../_tslib-51c8a283.js";import"../../constants-ad6c82db.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../Icon-89da8de4.js";import"../../Loader-e5b166ea.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"./styles.module.scss";import"../../AlertSignFill-e607ff43.js";import"../../Title-fab4097d.js";import"../Title/styles.module.scss";import"../../Close-007fca15.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"react-dom";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/NotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/NotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,oBAAY,yBAAyB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7E,oBAAY,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,UAAU,sBAAsB;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAK7B,CAAC;AAUF,QAAA,MAAM,iBAAiB,+FA6ErB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../_rollupPluginBabelHelpers-d0752906.js";import e from"react";import{c as t}from"../../index-9b84fabc.js";import{p as o}from"../../palette-f206f488.js";import{I as
|
|
1
|
+
import{a}from"../../_rollupPluginBabelHelpers-d0752906.js";import e from"react";import{c as t}from"../../index-9b84fabc.js";import{p as o}from"../../palette-f206f488.js";import{I as i}from"../../Icon-89da8de4.js";import{A as n}from"../../constants-ad6c82db.js";import{a as r,A as l}from"../../AlertSignFill-e607ff43.js";import c from"./styles.module.scss";import{C as s}from"../../Close-007fca15.js";import"../../_tslib-51c8a283.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var m={info:{color:"kiwi",depth:50},warn:{color:"banana",depth:50},alert:{color:"cherry",depth:100},crisis:{color:"black",depth:0}},p={info:e.createElement(i,{svgIcon:function(a){var t=a.isExtraSmall,o=a.isHovered,i=e.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 10.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),n=e.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 8.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),r=e.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 10.61a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"});return t?o?e.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 8.084a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"}):r:o?n:i},color:o.kiwi900,hoverColor:o.kiwi900}),warn:e.createElement(i,{svgIcon:r,color:"black",hoverColor:"black"}),alert:e.createElement(i,{svgIcon:l,color:o.cherry500,hoverColor:o.cherry500}),alertLabel:e.createElement(i,{svgIcon:r,color:o.cherry500,hoverColor:o.cherry500}),crisis:e.createElement(i,{svgIcon:l,color:o.banana200,hoverColor:o.banana200})},f=e.forwardRef((function(o,i){var r,l,m=o.children,f=o.variant,d=void 0===f?"info":f,v=o.shadow,h=void 0!==v&&v,b=o.dismissable,_=void 0!==b&&b,u=o.onClick,E=o.label,C=o.fluid,w=void 0!==C&&C,j=o.size,g=o.className,y=o.testId;var k;return k=e.createElement("div",{ref:i,"data-testid":y,"data-analyticsid":n.NotificationPanel,className:t(c["notification-panel"],c["notification-panel--"+j],c["notification-panel--"+d],(r={},a(r,c["notification-panel--shadow"],!w&&h),a(r,c["notification-panel--haslabel"],!!E&&!m),a(r,c["notification-panel--dismissable"],_),r),g||"")},e.createElement("span",{className:c["notification-panel__icon"]},p["alert"===d&&E&&!m?"alertLabel":d]),e.createElement("section",{"aria-label":function(){if(m){var a="";return e.Children.map(m,(function(e){"string"==typeof e&&(a+=e)})),a}return""}(),className:t(c["notification-panel__content"],(l={},a(l,c["notification-panel__content--crisis"],"crisis"===d),a(l,c["notification-panel__content--haslabel"],!!E&&!m),a(l,c["notification-panel__content--isred"],"alert"===d&&!!E&&!m),l))},E?e.createElement("h1",{className:c["notification-panel__label"],dangerouslySetInnerHTML:{__html:E}}):null,m),_?e.createElement("span",{className:c["notification-panel__action-column"]},e.createElement(s,{ariaLabel:o.ariaLabelCloseBtn,onClick:u})):null),w?e.createElement("div",{className:t(c["notification-panel__fluidwrapper"],c["notification-panel__fluidwrapper--"+d],a({},c["notification-panel__fluidwrapper--shadow"],h))},k):k}));export default f;export{m as variantToColorMap};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,WAAW;IAC1B,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,WAAW,GAAG,KAAK,CAAC,WAAW,CA0BtG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"react";import{createPortal as e}from"react-dom";export default function(
|
|
1
|
+
import t from"react";import{createPortal as e}from"react-dom";import{A as r}from"../../constants-ad6c82db.js";export default function(n){var a=n.children,o=n.parent,i=n.className,c=n.testId,d=t.useMemo((function(){return document.createElement("div")}),[]);return d.setAttribute("data-analyticsid",r.Portal),c&&d.setAttribute("data-testid",c),t.useEffect((function(){var t=o&&o.appendChild?o:document.body,e=["portal-container"];return i&&i.split(" ").forEach((function(t){return e.push(t)})),e.forEach((function(t){return d.classList.add(t)})),t.appendChild(d),function(){t.removeChild(d)}}),[d,o,i]),e(a,d)}
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,
|
|
1
|
+
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAe,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,2FA+DtB,CAAC;AAEH,eAAe,WAAW,CAAC"}
|
|
@@ -112,25 +112,25 @@
|
|
|
112
112
|
"required": false,
|
|
113
113
|
"type": {
|
|
114
114
|
"name": "enum",
|
|
115
|
-
"raw": "\"
|
|
115
|
+
"raw": "\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\" | undefined",
|
|
116
116
|
"value": [
|
|
117
117
|
{
|
|
118
118
|
"value": "undefined"
|
|
119
119
|
},
|
|
120
120
|
{
|
|
121
|
-
"value": "\"
|
|
121
|
+
"value": "\"onwhite\""
|
|
122
122
|
},
|
|
123
123
|
{
|
|
124
|
-
"value": "\"
|
|
124
|
+
"value": "\"ongrey\""
|
|
125
125
|
},
|
|
126
126
|
{
|
|
127
|
-
"value": "\"
|
|
127
|
+
"value": "\"onblueberry\""
|
|
128
128
|
},
|
|
129
129
|
{
|
|
130
|
-
"value": "\"
|
|
130
|
+
"value": "\"ondark\""
|
|
131
131
|
},
|
|
132
132
|
{
|
|
133
|
-
"value": "\"
|
|
133
|
+
"value": "\"oninvalid\""
|
|
134
134
|
}
|
|
135
135
|
]
|
|
136
136
|
}
|
|
@@ -190,16 +190,16 @@
|
|
|
190
190
|
"required": false,
|
|
191
191
|
"type": {
|
|
192
192
|
"name": "enum",
|
|
193
|
-
"raw": "\"
|
|
193
|
+
"raw": "\"normal\" | \"bigform\" | undefined",
|
|
194
194
|
"value": [
|
|
195
195
|
{
|
|
196
196
|
"value": "undefined"
|
|
197
197
|
},
|
|
198
198
|
{
|
|
199
|
-
"value": "\"
|
|
199
|
+
"value": "\"normal\""
|
|
200
200
|
},
|
|
201
201
|
{
|
|
202
|
-
"value": "\"
|
|
202
|
+
"value": "\"bigform\""
|
|
203
203
|
}
|
|
204
204
|
]
|
|
205
205
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{R as o}from"../../RadioButton-
|
|
1
|
+
import{R as o}from"../../RadioButton-e41b1319.js";export{R as RadioButton,R as default}from"../../RadioButton-e41b1319.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"./styles.module.scss";import"../../constants-ad6c82db.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
&--with-error {
|
|
18
18
|
padding: getSpacer(s) getSpacer(xs) getSpacer(m);
|
|
19
|
-
background-color: $
|
|
19
|
+
background-color: $cherry100;
|
|
20
20
|
margin-left: -0.75rem;
|
|
21
21
|
border-left: 0.25rem solid $cherry500;
|
|
22
22
|
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
justify-content: center;
|
|
100
100
|
align-items: center;
|
|
101
101
|
border-radius: 10rem;
|
|
102
|
-
margin:
|
|
102
|
+
margin: 0 getSpacer(s) 0 0;
|
|
103
103
|
height: 1.5rem;
|
|
104
104
|
width: 1.5rem;
|
|
105
105
|
min-width: auto !important;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAsB3D,UAAU,WAAW;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,iFA+IjB,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import t,{useState as n,useRef as r,useEffect as
|
|
1
|
+
import{_ as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{c as o}from"../../index-9b84fabc.js";import{T as i}from"../../Title-fab4097d.js";import c from"./styles.module.scss";import{A as u}from"../../constants-ad6c82db.js";import"../Title/styles.module.scss";var s=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return m(e)?e.touches[0].pageX:e.pageX},d=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},m=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},f=function(e,t,n){var r=e-e%t,a=Math.floor(n/t)*t;e>a&&(e>a+(n-a)/2&&(r=n));return Math.round(r)},v=t.forwardRef((function(m,v){var p=m.title,h=m.labelLeft,_=m.labelRight,g=m.disabled,E=void 0!==g&&g,y=m.step,b=void 0===y?1:y,w=m.onChange,k=m.testId,L=n(50),x=e(L,2),N=x[0],A=x[1],D=n(!1),M=e(D,2),R=M[0],j=M[1],T=n(0),B=e(T,2),C=B[0],P=B[1],I=n(0),S=e(I,2),X=S[0],H=S[1],K=n(0),U=e(K,2),q=U[0],z=U[1],F=n(0),G=e(F,2),J=G[0],O=G[1],Q=v||r(null),V=r(null),W=function(e){ne(e)},Y=function(e){te(e)},Z=function(e){ne(e)},$=function(e){te(e)};a((function(){var e=d(Q.current),t=d(V.current);z(function(e,t,n,r,a){return(t-n)/(a-r)*e}(N,e,t,0,100)),P(e),H(t)}),[]),a((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Z,$))}),[R]),a((function(){!E&&w&&w(N)}),[N]);var ee=function(e){var t;if(!E){var n=d(Q.current),r=d(V.current),a=l(e);!function(e,t,n,r){var a=t?t.getBoundingClientRect():void 0,o=a?a.left:0;r(o?e-(o+n/2):0)}(a,V.current,r,re),j(!0),O(a),P(n),H(r),null===(t=V.current)||void 0===t||t.focus(),s(e)}},te=function(e){E||(j(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Z,$),s(e))},ne=function(e){if(!E&&R){var t=l(e);re(t-J),s(e)}},re=function(e){if(0!==e){var t=function(e,t,n,r){var a=r+e;return a<0&&(a=0),a>t-n&&(a=t-n),a}(e,C,X,q);z(t),O(t+e),A(function(e,t,n,r,a,o){var i=(t-n)/(o-a),c=Math.round(e/i);return f(c,r,o)}(t,C,X,b,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":k,"data-analyticsid":u.Slider},p&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},p),t.createElement("div",{ref:Q,className:o(c["slider__track-wrapper"],E?c["slider__track-wrapper--disabled"]:""),onMouseDown:ee,onTouchStart:ee,"data-testid":"tracker"},t.createElement("div",{className:o(c.slider__track,E?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:V,className:o(c.slider__trigger,E?c["slider__trigger--disabled"]:""),style:{left:"".concat(q,"px")},onKeyDown:function(e){if(!E){var t=(C-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||re(b*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||re(-b*t)}},role:"slider","aria-valuenow":N,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(p?p+" ":"").concat(h?h+" ":"").concat(_?_+" ":""),tabIndex:E?-1:0},t.createElement("div",{className:o(c["slider__trigger-inner"],E?c["slider__trigger-inner--disabled"]:"")}))),(h||_)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},_)))}));export default v;export{v as Slider};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKpD,UAAU,WAAW;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,MAAM,iFAqBV,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as s}from"../../_rollupPluginBabelHelpers-d0752906.js";import
|
|
1
|
+
import{a as s}from"../../_rollupPluginBabelHelpers-d0752906.js";import a from"react";import{c as r}from"../../index-9b84fabc.js";import e from"./styles.module.scss";import{A as l}from"../../constants-ad6c82db.js";var c=a.forwardRef((function(c,p){var t,x=c.size,o=void 0===x?"s":x,m=c.className,d=c.testId,i=r(e.spacer,(s(t={},e["spacer--2xs"],"2xs"===o),s(t,e["spacer--xs"],"xs"===o),s(t,e["spacer--s"],"s"===o),s(t,e["spacer--m"],"m"===o),s(t,e["spacer--l"],"l"===o),s(t,e["spacer--xl"],"xl"===o),s(t,e["spacer--2xl"],"2xl"===o),s(t,e["spacer--3xl"],"3xl"===o),s(t,e["spacer--4xl"],"4xl"===o),s(t,e["spacer--5xl"],"5xl"===o),s(t,e["spacer--6xl"],"6xl"===o),t),m);return a.createElement("span",{className:i,ref:p,"data-testid":d,"data-analyticsid":l.Spacer})}));export default c;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -25,6 +25,10 @@ interface TextareaProps extends HTMLTextareaProps {
|
|
|
25
25
|
grow?: boolean;
|
|
26
26
|
/** Error text to show above the component */
|
|
27
27
|
errorText?: string;
|
|
28
|
+
/** Component shown after label */
|
|
29
|
+
afterLabelChildren?: React.ReactNode;
|
|
30
|
+
/** Component shown under label */
|
|
31
|
+
belowLabelChildren?: React.ReactNode;
|
|
28
32
|
}
|
|
29
33
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
30
34
|
export default Textarea;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAe,MAAM,iBAAiB,CAAC;AAG3E,UAAU,aAAc,SAAQ,iBAAiB;IAC/C,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,QAAA,MAAM,QAAQ,2FA0HZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
|
|
@@ -131,25 +131,25 @@
|
|
|
131
131
|
"required": false,
|
|
132
132
|
"type": {
|
|
133
133
|
"name": "enum",
|
|
134
|
-
"raw": "\"
|
|
134
|
+
"raw": "\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\" | undefined",
|
|
135
135
|
"value": [
|
|
136
136
|
{
|
|
137
137
|
"value": "undefined"
|
|
138
138
|
},
|
|
139
139
|
{
|
|
140
|
-
"value": "\"
|
|
140
|
+
"value": "\"onwhite\""
|
|
141
141
|
},
|
|
142
142
|
{
|
|
143
|
-
"value": "\"
|
|
143
|
+
"value": "\"ongrey\""
|
|
144
144
|
},
|
|
145
145
|
{
|
|
146
|
-
"value": "\"
|
|
146
|
+
"value": "\"onblueberry\""
|
|
147
147
|
},
|
|
148
148
|
{
|
|
149
|
-
"value": "\"
|
|
149
|
+
"value": "\"ondark\""
|
|
150
150
|
},
|
|
151
151
|
{
|
|
152
|
-
"value": "\"
|
|
152
|
+
"value": "\"oninvalid\""
|
|
153
153
|
}
|
|
154
154
|
]
|
|
155
155
|
}
|
|
@@ -249,6 +249,44 @@
|
|
|
249
249
|
"name": "string"
|
|
250
250
|
}
|
|
251
251
|
},
|
|
252
|
+
"afterLabelChildren": {
|
|
253
|
+
"defaultValue": null,
|
|
254
|
+
"description": "Component shown after label",
|
|
255
|
+
"name": "afterLabelChildren",
|
|
256
|
+
"parent": {
|
|
257
|
+
"fileName": "src/components/Textarea/Textarea.tsx",
|
|
258
|
+
"name": "TextareaProps"
|
|
259
|
+
},
|
|
260
|
+
"declarations": [
|
|
261
|
+
{
|
|
262
|
+
"fileName": "src/components/Textarea/Textarea.tsx",
|
|
263
|
+
"name": "TextareaProps"
|
|
264
|
+
}
|
|
265
|
+
],
|
|
266
|
+
"required": false,
|
|
267
|
+
"type": {
|
|
268
|
+
"name": "ReactNode"
|
|
269
|
+
}
|
|
270
|
+
},
|
|
271
|
+
"belowLabelChildren": {
|
|
272
|
+
"defaultValue": null,
|
|
273
|
+
"description": "Component shown under label",
|
|
274
|
+
"name": "belowLabelChildren",
|
|
275
|
+
"parent": {
|
|
276
|
+
"fileName": "src/components/Textarea/Textarea.tsx",
|
|
277
|
+
"name": "TextareaProps"
|
|
278
|
+
},
|
|
279
|
+
"declarations": [
|
|
280
|
+
{
|
|
281
|
+
"fileName": "src/components/Textarea/Textarea.tsx",
|
|
282
|
+
"name": "TextareaProps"
|
|
283
|
+
}
|
|
284
|
+
],
|
|
285
|
+
"required": false,
|
|
286
|
+
"type": {
|
|
287
|
+
"name": "ReactNode"
|
|
288
|
+
}
|
|
289
|
+
},
|
|
252
290
|
"autoFocus": {
|
|
253
291
|
"defaultValue": null,
|
|
254
292
|
"description": "",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{T as s}from"../../Textarea-
|
|
1
|
+
import{T as s}from"../../Textarea-74f821a2.js";export{T as default}from"../../Textarea-74f821a2.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-ad6c82db.js";import"../../uuid-8870ab4b.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
@import '../../scss/_breakpoints.scss';
|
|
3
3
|
@import '../../scss/_palette.scss';
|
|
4
4
|
@import '../../scss/_font-settings.scss';
|
|
5
|
+
@import '../../scss/_input.scss';
|
|
5
6
|
|
|
6
7
|
.textarea {
|
|
7
|
-
|
|
8
|
-
line-height: 0;
|
|
8
|
+
@include input-wrapper;
|
|
9
9
|
|
|
10
10
|
&__error-text {
|
|
11
11
|
font-size: $font-size-sm;
|
|
@@ -19,113 +19,6 @@
|
|
|
19
19
|
margin-bottom: getSpacer(s);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
&__label {
|
|
23
|
-
line-height: getSpacer(m);
|
|
24
|
-
font-size: $font-size-sm;
|
|
25
|
-
font-weight: 600;
|
|
26
|
-
padding-bottom: getSpacer(2xs);
|
|
27
|
-
|
|
28
|
-
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
29
|
-
line-height: getSpacer(l);
|
|
30
|
-
font-size: $font-size-md;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
&--OnDark {
|
|
34
|
-
color: $white;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
&__input {
|
|
39
|
-
line-height: 26px;
|
|
40
|
-
font-size: $font-size-sm;
|
|
41
|
-
width: 100%;
|
|
42
|
-
padding: 16px;
|
|
43
|
-
resize: none;
|
|
44
|
-
border: $neutral700 2px solid;
|
|
45
|
-
outline: none;
|
|
46
|
-
|
|
47
|
-
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
48
|
-
line-height: 28px;
|
|
49
|
-
font-size: $font-size-md;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
&:hover {
|
|
53
|
-
background: $neutral50;
|
|
54
|
-
border-color: $neutral700;
|
|
55
|
-
box-shadow: 0px 0px 0px 1px $neutral700;
|
|
56
|
-
}
|
|
57
|
-
&:focus {
|
|
58
|
-
background: $white;
|
|
59
|
-
border-radius: 0;
|
|
60
|
-
border-color: $neutral900;
|
|
61
|
-
box-shadow: 0px 0px 0px 2px $neutral900;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
&:disabled {
|
|
65
|
-
cursor: not-allowed;
|
|
66
|
-
background: $neutral50;
|
|
67
|
-
border-color: $neutral500;
|
|
68
|
-
color: $neutral500;
|
|
69
|
-
}
|
|
70
|
-
&::placeholder {
|
|
71
|
-
color: $neutral500;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
&--OnBlueberry {
|
|
75
|
-
border-color: $blueberry500;
|
|
76
|
-
|
|
77
|
-
&:hover {
|
|
78
|
-
background: $blueberry50;
|
|
79
|
-
box-shadow: 0px 0px 0px 1px $blueberry500;
|
|
80
|
-
border-color: $blueberry500;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
&:focus {
|
|
84
|
-
background: $white;
|
|
85
|
-
border-color: $neutral900;
|
|
86
|
-
box-shadow: 0px 0px 0px 2px $neutral900;
|
|
87
|
-
}
|
|
88
|
-
&:disabled {
|
|
89
|
-
background: $neutral50;
|
|
90
|
-
border-color: $neutral500;
|
|
91
|
-
color: $neutral500;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
&--OnDark {
|
|
95
|
-
border-color: $blueberry900;
|
|
96
|
-
&:hover {
|
|
97
|
-
background: $blueberry50;
|
|
98
|
-
border-color: $blueberry900;
|
|
99
|
-
box-shadow: 0px 0px 0px 1px $blueberry900;
|
|
100
|
-
}
|
|
101
|
-
&:focus {
|
|
102
|
-
background: $white;
|
|
103
|
-
border-color: $neutral900;
|
|
104
|
-
box-shadow: 0px 0px 0px 2px $neutral900;
|
|
105
|
-
}
|
|
106
|
-
&:disabled {
|
|
107
|
-
background: $neutral50;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
&--invalid {
|
|
111
|
-
border-color: $cherry500;
|
|
112
|
-
&:focus {
|
|
113
|
-
border-color: $cherry500;
|
|
114
|
-
box-shadow: 0px 0px 0px 2px $cherry500;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
&--transparent {
|
|
119
|
-
background: transparent;
|
|
120
|
-
&:hover {
|
|
121
|
-
background: transparent;
|
|
122
|
-
}
|
|
123
|
-
&:focus {
|
|
124
|
-
background: $white;
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
|
|
129
22
|
&__counter-wrapper {
|
|
130
23
|
display: flex;
|
|
131
24
|
justify-content: end;
|
|
@@ -143,7 +36,7 @@
|
|
|
143
36
|
margin: 0;
|
|
144
37
|
}
|
|
145
38
|
|
|
146
|
-
&--
|
|
39
|
+
&--on-dark {
|
|
147
40
|
color: $white;
|
|
148
41
|
}
|
|
149
42
|
&--invalid {
|
|
@@ -152,3 +45,13 @@
|
|
|
152
45
|
}
|
|
153
46
|
}
|
|
154
47
|
}
|
|
48
|
+
|
|
49
|
+
.content-wrapper {
|
|
50
|
+
@include content-wrapper;
|
|
51
|
+
&__input {
|
|
52
|
+
line-height: 28px;
|
|
53
|
+
height: auto;
|
|
54
|
+
padding: 16px;
|
|
55
|
+
resize: none;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
export type Styles = {
|
|
2
|
+
'content-wrapper': string;
|
|
3
|
+
'content-wrapper__input': string;
|
|
4
|
+
'content-wrapper__input--disabled': string;
|
|
5
|
+
'content-wrapper--bigform': string;
|
|
6
|
+
'content-wrapper--disabled': string;
|
|
7
|
+
'content-wrapper--invalid': string;
|
|
8
|
+
'content-wrapper--on-blueberry': string;
|
|
9
|
+
'content-wrapper--on-dark': string;
|
|
10
|
+
'content-wrapper--transparent': string;
|
|
2
11
|
textarea: string;
|
|
12
|
+
'textarea__after-label-children': string;
|
|
3
13
|
'textarea__counter-wrapper': string;
|
|
4
14
|
'textarea__counter-wrapper--invalid': string;
|
|
5
|
-
'textarea__counter-wrapper--
|
|
15
|
+
'textarea__counter-wrapper--on-dark': string;
|
|
6
16
|
'textarea__error-text': string;
|
|
7
|
-
|
|
8
|
-
'
|
|
9
|
-
'textarea__input--OnBlueberry': string;
|
|
10
|
-
'textarea__input--OnDark': string;
|
|
11
|
-
'textarea__input--transparent': string;
|
|
12
|
-
textarea__label: string;
|
|
13
|
-
'textarea__label--OnDark': string;
|
|
17
|
+
'textarea__label-wrapper': string;
|
|
18
|
+
'textarea__label-wrapper--on-dark': string;
|
|
14
19
|
'textarea--gutterBottom': string;
|
|
15
20
|
};
|
|
16
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,
|
|
1
|
+
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAe,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,UAAU,SAAU,SAAQ,eAAe;IACzC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,sDAAsD;IACtD,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,cAAc;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACvH,KAAK,EAAE,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAClG;AAqBD,eAAO,MAAM,IAAI,cAqCC,CAAC;AAInB,eAAe,IAAI,CAAC"}
|
package/components/Tile/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as
|
|
1
|
+
import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as a}from"react";import{c as l}from"../../index-9b84fabc.js";import{A as o,I as n}from"../../constants-ad6c82db.js";import"../../Icon-89da8de4.js";import s from"./styles.module.scss";var c=r.forwardRef((function(e,i){var a,o=e.children,n=e.className,c=e.htmlMarkup,d=void 0===c?"span":c,m=e.highlighted,p=e.compact,f=l(s.tile__title,(t(a={},s["tile__title--highlighted"],m),t(a,s["tile__title--compact"],p),a),n),u=d;return r.createElement(u,{className:f,ref:i},o)})),d=r.forwardRef((function(c,d){var m,p=c.icon,f=c.title,u=c.className,h=void 0===u?"":u,g=c.description,_=c.fixed,v=void 0!==_&&_,b=c.highlighted,E=void 0!==b&&b,N=c.testId,j=i(c,["icon","title","className","description","fixed","highlighted","testId"]),x=a(!1),w=e(x,2),I=w[0],M=w[1],k=!g,y=l(s.tile,(t(m={},s["tile--fixed"],v),t(m,s["tile--compact"],k),t(m,s["tile--highlighted"],E),m),h),B=l(s["title-wrapper"],t({},s["title-wrapper--compact"],k));return r.createElement("a",Object.assign({ref:d,className:y,onMouseEnter:function(){return M(!0)},onMouseLeave:function(){return M(!1)},onFocus:function(){return M(!0)},onBlur:function(){return M(!1)},"data-testid":N,"data-analyticsid":o.Tile,rel:"_blank"===c.target?"noopener noreferrer":c.rel},j),r.createElement("div",{className:B},r.cloneElement(p,{size:n.Medium,isHovered:I,color:E?"white":"black"}),r.cloneElement(f,{highlighted:E,compact:k})),g?r.createElement("p",{className:s.tile__description},g):null)}));d.Title=c;export default d;export{d as Tile};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,oBAAY,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAClE,oBAAY,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErG,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,mDAAmD;IACnD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,wCAEjC,CAAC;AAEF,QAAA,MAAM,KAAK,uFAyBT,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{T as s}from"../../Title-
|
|
1
|
+
import{T as s}from"../../Title-fab4097d.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-fab4097d.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-ad6c82db.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Validation.d.ts","sourceRoot":"","sources":["../../../src/components/Validation/Validation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,
|
|
1
|
+
{"version":3,"file":"Validation.d.ts","sourceRoot":"","sources":["../../../src/components/Validation/Validation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAe,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE3D,UAAU,eAAe;IACvB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,qFAmBrB,CAAC;AAEH,eAAe,UAAU,CAAC"}
|
|
@@ -74,16 +74,16 @@
|
|
|
74
74
|
"required": false,
|
|
75
75
|
"type": {
|
|
76
76
|
"name": "enum",
|
|
77
|
-
"raw": "\"
|
|
77
|
+
"raw": "\"normal\" | \"bigform\" | undefined",
|
|
78
78
|
"value": [
|
|
79
79
|
{
|
|
80
80
|
"value": "undefined"
|
|
81
81
|
},
|
|
82
82
|
{
|
|
83
|
-
"value": "\"
|
|
83
|
+
"value": "\"normal\""
|
|
84
84
|
},
|
|
85
85
|
{
|
|
86
|
-
"value": "\"
|
|
86
|
+
"value": "\"bigform\""
|
|
87
87
|
}
|
|
88
88
|
]
|
|
89
89
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{V as s}from"../../Validation-
|
|
1
|
+
import{V as s}from"../../Validation-c41fc494.js";export{V as Validation,V as default}from"../../Validation-c41fc494.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-9ff588a2.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-d9b564fd.js";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../Icon-89da8de4.js";import"../../_tslib-51c8a283.js";import"../../constants-ad6c82db.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-e41b1319.js";import"../RadioButton/styles.module.scss";import"../../Input-f331efd2.js";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"../Input/styles.module.scss";import"../../Title-fab4097d.js";import"../Title/styles.module.scss";import"./styles.module.scss";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var a,o,i,n,e;!function(a){a[a.XSmall=38]="XSmall",a[a.Small=48]="Small",a[a.Medium=64]="Medium",a[a.Large=80]="Large",a[a.XLarge=130]="XLarge"}(a||(a={})),function(a){a[a.Modal=13e5]="Modal",a[a.ExpanderTrigger=1e4]="ExpanderTrigger"}(o||(o={})),function(a){a.onwhite="onwhite",a.ongrey="ongrey",a.onblueberry="onblueberry",a.ondark="ondark",a.oninvalid="oninvalid"}(i||(i={})),function(a){a.normal="normal",a.bigform="bigform"}(n||(n={})),function(a){a.AnchorLink="anchor-link",a.Avatar="avatar",a.Badge="badge",a.Button="button",a.Checkbox="checkbox",a.Close="close",a.Expander="expander",a.ExpanderList="expander-list",a.FormGroup="form-group",a.HighlightBox="highlight-box",a.Icon="icon",a.Input="input",a.Link="link",a.LinkList="link-list",a.List="list",a.Loader="loader",a.Logo="logo",a.Modal="modal",a.NotificationPanel="notification-panel",a.Portal="portal",a.RadioButton="radio-button",a.Slider="slider",a.Spacer="spacer",a.Textarea="textarea",a.Tile="tile",a.Title="title",a.Validation="validation"}(e||(e={}));export{e as A,i as F,a as I,o as Z,n as a};
|
|
2
|
+
//# sourceMappingURL=constants-ad6c82db.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants-ad6c82db.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|