@helsenorge/designsystem-react 1.0.0-beta133 → 1.0.0-beta136
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/components/ExpanderList/ExpanderList.d.ts.map +1 -1
- package/components/ExpanderList/index.js +1 -1
- package/components/FormGroup/styles.module.scss +4 -4
- package/components/HelpBubble/styles.module.scss +1 -1
- package/components/HighlightBox/styles.module.scss +1 -0
- package/package.json +1 -1
- package/scss/_reset.scss +1 -1
|
@@ -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;AAenD,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;AAED,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,qGAAqG;IACrG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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;IACjF,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CACF,CAAC;AA+EF,eAAO,MAAM,YAAY,
|
|
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;AAenD,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;AAED,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,qGAAqG;IACrG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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;IACjF,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CACF,CAAC;AA+EF,eAAO,MAAM,YAAY,sBAyFC,CAAC;AAK3B,eAAe,YAAY,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e,d as n}from"../../_rollupPluginBabelHelpers-0f007973.js";import t,{useState as i,useEffect as a}from"react";import{I as r}from"../../Icon-cc73a763.js";import{A as o,I as d}from"../../constants-1371e04f.js";import{C as
|
|
1
|
+
import{_ as e,d as n}from"../../_rollupPluginBabelHelpers-0f007973.js";import t,{useState as i,useEffect as a}from"react";import{I as r}from"../../Icon-cc73a763.js";import{A as o,I as d}from"../../constants-1371e04f.js";import{C as s}from"../../ChevronUp-ed970ae7.js";import{C as l}from"../../ChevronDown-6dc58d3e.js";import{u as c}from"../../useHover-b995a0e6.js";import{u as m}from"../../usePrevious-ae293b10.js";import{u as p,B as u}from"../../useBreakpoint-a74f5af5.js";import{c as f}from"../../index-d1c0552c.js";import v from"./styles.module.scss";import{u as x}from"../../useUuid-3b1e73f2.js";import"../../_tslib-b219470a.js";import"../../grid-c105cad1.js";import"../../uuid-11037462.js";var g=t.forwardRef((function(x,g){var E,_=x.id,j=x.children,b=x.padding,h=void 0===b||b,k=x.color,C=void 0===k?"neutral":k,N=x.className,w=void 0===N?"":N,y=x.icon,H=x.large,I=void 0!==H&&H,O=x.title,B=x.expanded,R=void 0!==B&&B,L=x.testId,P=x.handleExpanderClick,S=x.onExpand,z=i(R),U=e(z,2),V=U[0],W=U[1],X=m(V),A=c(),D=A.hoverRef,T=A.isHovered,q=p(),F=f(v["expander-list-link"],v["expander-list-link--".concat(C)],(n(E={},v["expander-list-link--closed"],!V),n(E,v["expander-list-link--large"],I),E)),G=f(v["expander-list-link__main-content"],V&&v["expander-list-link__main-content--expanded"],h?v["expander-list-link__main-content--padding"]:"");return a((function(){R!==V&&W(R)}),[R]),a((function(){S&&V!==!!X&&S(V)}),[V,S]),t.createElement("li",{className:w,ref:g},t.createElement("button",{type:"button",id:_,onClick:P,"data-testid":L,"data-analyticsid":o.ExpanderListExpander,className:F,ref:D,"aria-expanded":V},y&&t.createElement("span",{className:v["expander-list-link__icon"]},t.cloneElement(y,{size:q===u.xs?d.XSmall:d.Small,isHovered:T})),t.createElement("span",{className:v["expander-list-link__title"]},O),t.createElement("span",{className:v["expander-list-link__chevron"]},t.createElement(r,{size:d.XSmall,svgIcon:V?s:l,isHovered:T}))),t.createElement("div",{className:G},j))})),E=function(e){return t.isValidElement(e)&&e.type===g},_=t.forwardRef((function(r,d){var s=r.children,l=r.childPadding,c=void 0===l||l,m=r.large,p=r.isOpen,u=void 0!==p&&p,g=r.color,_=r.className,j=void 0===_?"":_,b=r.accordion,h=void 0!==b&&b,k=r.topBorder,C=void 0===k||k,N=r.bottomBorder,w=void 0===N||N,y=r.testId,H=i(),I=e(H,2),O=I[0],B=I[1],R=i(),L=e(R,2),P=L[0],S=L[1],z=x(),U=t.Children.count(s),V=f(v["expander-list"],j);var W=function(e){return"".concat(z,"-").concat(e)};return a((function(){var e,n,t,i,a;!h||!P||(e=P.getBoundingClientRect(),n=e.top,t=e.left,i=e.bottom,a=e.right,n>=0&&t>=0&&i<=(window.innerHeight||document.documentElement.clientHeight)&&a<=(window.innerWidth||document.documentElement.clientWidth))||P.scrollIntoView()}),[h,P]),a((function(){if(u){var e=W(0);B((function(t){return h?n({},e,!(null==t?void 0:t[e])):Object.assign(Object.assign({},t),n({},e,!(null==t?void 0:t[e])))}))}}),[u]),a((function(){var e;if(!u){var n=null===(e=t.Children.map(s,(function(e){if(E(e))return e})))||void 0===e?void 0:e.reduce((function(e,n,t){return void 0!==n.props.expanded&&(e[W(t)]=n.props.expanded),e}),{});B(Object.assign(Object.assign({},O),n))}}),[s]),t.createElement("ul",{className:V,ref:d,"data-testid":y,"data-analyticsid":o.ExpanderList},t.Children.map(s,(function(e,i){if(E(e)){var a=W(i),r=null==O?void 0:O[a],o=function(e){var t;return f(v["expander-list__item"],(n(t={},v["expander-list__item--top"],0===e&&C),n(t,v["expander-list__item--no-bottom"],e===U-1&&!w),t))}(i);return t.cloneElement(e,{id:a,key:i,expanded:r,padding:c,color:g,large:m,"aria-expanded":r,className:o,handleExpanderClick:function(e){return function(e,t){B((function(e){return h?n({},t,!(null==e?void 0:e[t])):Object.assign(Object.assign({},e),n({},t,!(null==e?void 0:e[t])))})),S(e.currentTarget)}(e,"".concat(z,"-").concat(i))}})}return e})))}));_.Expander=g,g.displayName="ExpanderList.Expander";export{_ as ExpanderList,_ as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -4,8 +4,6 @@
|
|
|
4
4
|
@import '../../scss/font-settings.scss';
|
|
5
5
|
|
|
6
6
|
.form-group-wrapper {
|
|
7
|
-
padding-bottom: getSpacer(xl);
|
|
8
|
-
|
|
9
7
|
&__title {
|
|
10
8
|
&--on-dark {
|
|
11
9
|
color: $white;
|
|
@@ -25,13 +23,15 @@
|
|
|
25
23
|
}
|
|
26
24
|
|
|
27
25
|
.form-group {
|
|
28
|
-
padding:
|
|
26
|
+
padding: 0 0 getSpacer(m);
|
|
29
27
|
|
|
30
28
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
31
|
-
padding:
|
|
29
|
+
padding: 0 0 getSpacer(l);
|
|
32
30
|
}
|
|
33
31
|
|
|
34
32
|
&--invalid {
|
|
33
|
+
padding-top: getSpacer(s);
|
|
34
|
+
margin-top: getSpacer(s) * -1;
|
|
35
35
|
margin-left: getSpacer(xs) * -1;
|
|
36
36
|
margin-right: getSpacer(xs) * -1;
|
|
37
37
|
padding-left: getSpacer(2xs);
|
package/package.json
CHANGED
package/scss/_reset.scss
CHANGED