@sats-group/ui-lib 85.3.6 → 85.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sats-group/ui-lib",
-  "version": "85.3.6",
+  "version": "85.3.8",
   "description": "SATS web user interface library",
   "author": "developer@sats.no",
   "license": "UNLICENSED",

package/react/filter-wrapper/filter-wrapper.js

@@ -1,2 +1,2 @@
-var n=Object.defineProperty,s=Object.defineProperties;var d=Object.getOwnPropertyDescriptors;var t=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var m=(r,e,p)=>e in r?n(r,e,{enumerable:!0,configurable:!0,writable:!0,value:p}):r[e]=p,i=(r,e)=>{for(var p in e||(e={}))f.call(e,p)&&m(r,p,e[p]);if(t)for(var p of t(e))w.call(e,p)&&m(r,p,e[p]);return r},o=(r,e)=>s(r,d(e));import c from"classnames";import a from"react";import g from"../filter/filter";import{BreakAtElements as l}from"./filter-wrapper.types";const u=({filters:r})=>a.createElement("div",{className:c("filter-wrapper",{"filter-wrapper--medium":r.length<=l.medium,"filter-wrapper--wide":r.length>=l.wide,"filter-wrapper--single":r.length===1})},r.map((e,p)=>a.createElement(g,o(i({},e),{key:p}))));var W=u;export{W as default};
+var n=Object.defineProperty,s=Object.defineProperties;var d=Object.getOwnPropertyDescriptors;var m=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var t=(e,r,p)=>r in e?n(e,r,{enumerable:!0,configurable:!0,writable:!0,value:p}):e[r]=p,i=(e,r)=>{for(var p in r||(r={}))f.call(r,p)&&t(e,p,r[p]);if(m)for(var p of m(r))w.call(r,p)&&t(e,p,r[p]);return e},o=(e,r)=>s(e,d(r));import c from"classnames";import a from"react";import u from"../filter/filter";import{BreakAtElements as l}from"./filter-wrapper.types";const F=({filters:e})=>a.createElement("div",{className:c("filter-wrapper",{"filter-wrapper--medium":e.length<=l.medium,"filter-wrapper--wide":e.length>=l.wide})},e.map((r,p)=>a.createElement(u,o(i({},r),{key:p}))));var W=F;export{W as default};
 //# sourceMappingURL=filter-wrapper.js.map

package/react/filter-wrapper/filter-wrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../react/filter-wrapper/filter-wrapper.tsx"],
-  "sourcesContent": ["import classNames from 'classnames';\nimport React from 'react';\nimport Filter from '../filter/filter';\n\nimport {\n  FilterWrapper as Props,\n  BreakAtElements,\n} from './filter-wrapper.types';\n\nconst FilterWrapper: React.FunctionComponent<Props> = ({ filters }) => (\n  <div\n    className={classNames('filter-wrapper', {\n      [`filter-wrapper--medium`]: filters.length <= BreakAtElements.medium,\n      [`filter-wrapper--wide`]: filters.length >= BreakAtElements.wide,\n      [`filter-wrapper--single`]: filters.length === 1,\n    })}\n  >\n    {filters.map((filter, i) => (\n      <Filter {...filter} key={i} />\n    ))}\n  </div>\n);\n\nexport default FilterWrapper;\n"],
-  "mappings": "6aAAA,OAAOA,MAAgB,aACvB,OAAOC,MAAW,QAClB,OAAOC,MAAY,mBAEnB,OAEE,mBAAAC,MACK,yBAEP,MAAMC,EAAgD,CAAC,CAAE,QAAAC,CAAQ,IAC/DJ,EAAA,cAAC,OACC,UAAWD,EAAW,iBAAkB,CACrC,yBAA2BK,EAAQ,QAAUF,EAAgB,OAC7D,uBAAyBE,EAAQ,QAAUF,EAAgB,KAC3D,yBAA2BE,EAAQ,SAAW,CACjD,CAAC,GAEAA,EAAQ,IAAI,CAACC,EAAQC,IACpBN,EAAA,cAACC,EAAAM,EAAAC,EAAA,GAAWH,GAAX,CAAmB,IAAKC,GAAG,CAC7B,CACH,EAGF,IAAOG,EAAQN",
+  "sourcesContent": ["import classNames from 'classnames';\nimport React from 'react';\nimport Filter from '../filter/filter';\n\nimport {\n  FilterWrapper as Props,\n  BreakAtElements,\n} from './filter-wrapper.types';\n\nconst FilterWrapper: React.FunctionComponent<Props> = ({ filters }) => (\n  <div\n    className={classNames('filter-wrapper', {\n      [`filter-wrapper--medium`]: filters.length <= BreakAtElements.medium,\n      [`filter-wrapper--wide`]: filters.length >= BreakAtElements.wide,\n    })}\n  >\n    {filters.map((filter, i) => (\n      <Filter {...filter} key={i} />\n    ))}\n  </div>\n);\n\nexport default FilterWrapper;\n"],
+  "mappings": "6aAAA,OAAOA,MAAgB,aACvB,OAAOC,MAAW,QAClB,OAAOC,MAAY,mBAEnB,OAEE,mBAAAC,MACK,yBAEP,MAAMC,EAAgD,CAAC,CAAE,QAAAC,CAAQ,IAC/DJ,EAAA,cAAC,OACC,UAAWD,EAAW,iBAAkB,CACrC,yBAA2BK,EAAQ,QAAUF,EAAgB,OAC7D,uBAAyBE,EAAQ,QAAUF,EAAgB,IAC9D,CAAC,GAEAE,EAAQ,IAAI,CAACC,EAAQC,IACpBN,EAAA,cAACC,EAAAM,EAAAC,EAAA,GAAWH,GAAX,CAAmB,IAAKC,GAAG,CAC7B,CACH,EAGF,IAAOG,EAAQN",
   "names": ["classNames", "React", "Filter", "BreakAtElements", "FilterWrapper", "filters", "filter", "i", "__spreadProps", "__spreadValues", "filter_wrapper_default"]
 }

package/react/filter-wrapper/filter-wrapper.scss

@@ -5,10 +5,8 @@
   $breakpointMedium: 850px;
   $breakpointSmall: 500px;
   width: 100%;
-
   display: grid;
   gap: spacing.$s;
-  width: 100%;
 
   &--wide {
     @media (min-width: $breakpointLarge) {
@@ -20,12 +18,6 @@
   }
 
   &--medium {
-    &--single {
-      > * + * {
-        max-width: 430px;
-        width: 100%;
-      }
-    }
     @media (min-width: $breakpointMedium) {
       grid-template-columns: repeat(
         auto-fit,
@@ -37,10 +29,4 @@
   @media (max-width: $breakpointSmall) {
     gap: 0;
   }
-
-  &--single {
-    > * {
-      width: 430px;
-    }
-  }
 }

package/react/modal/modal.scss

@@ -69,10 +69,12 @@
 
   &--primary {
     background: var(--surface-primary-default);
+    color: var(--on-surface-primary-default);
   }
 
   &--secondary {
     background: var(--surface-secondary-default);
+    color: var(--on-surface-secondary-default);
   }
 
   &__texts {
@@ -83,7 +85,6 @@
   }
 
   &__title {
-    color: var(--on-surface-primary-default);
     max-width: 90%; // NOTE: Magic percent to keep clear of modal´s close-button.
   }