@sats-group/ui-lib 85.5.0 → 85.6.1

package/package.json

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

package/react/chip/chip.js

@@ -1,2 +1,2 @@
-var u=Object.defineProperty;var p=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var a=(e,t,s)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,h=(e,t)=>{for(var s in t||(t={}))l.call(t,s)&&a(e,s,t[s]);if(p)for(var s of p(t))c.call(t,s)&&a(e,s,t[s]);return e};var f=(e,t)=>{var s={};for(var m in e)l.call(e,m)&&t.indexOf(m)<0&&(s[m]=e[m]);if(e!=null&&p)for(var m of p(e))t.indexOf(m)<0&&c.call(e,m)&&(s[m]=e[m]);return s};import*as r from"react";import x from"classnames";import C from"../icons/16/close";import i from"../text";const _=F=>{var o=F,{elementName:e="button",className:t,icon:s=!0,isSelected:m=!1,text:n}=o,d=f(o,["elementName","className","icon","isSelected","text"]);return r.createElement(e,h({className:x("chip",t,{"chip--selected":m})},d),r.createElement(r.Fragment,null,r.createElement("div",{className:"chip__wrapper"},s?r.createElement(C,null):null,r.createElement(i,{className:"chip__text",size:i.sizes.small,theme:i.themes.emphasis},n))))};var b=_;export{b as default};
+var n=Object.defineProperty;var i=Object.getOwnPropertySymbols;var h=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;var l=(e,r,p)=>r in e?n(e,r,{enumerable:!0,configurable:!0,writable:!0,value:p}):e[r]=p,f=(e,r)=>{for(var p in r||(r={}))h.call(r,p)&&l(e,p,r[p]);if(i)for(var p of i(r))o.call(r,p)&&l(e,p,r[p]);return e};var d=(e,r)=>{var p={};for(var s in e)h.call(e,s)&&r.indexOf(s)<0&&(p[s]=e[s]);if(e!=null&&i)for(var s of i(e))r.indexOf(s)<0&&o.call(e,s)&&(p[s]=e[s]);return p};import*as t from"react";import F from"classnames";import N from"../icons/16/close";import m from"../text";const c=g=>{var a=g,{className:e,customIcon:r,elementName:p="button",icon:s=!0,isSelected:x=!1,text:C}=a,_=d(a,["className","customIcon","elementName","icon","isSelected","text"]);return t.createElement(p,f({className:F("chip",e,{"chip--selected":x})},_),t.createElement(t.Fragment,null,t.createElement("div",{className:"chip__wrapper"},s?r!=null?r:t.createElement(N,null):null,t.createElement(m,{className:"chip__text",size:m.sizes.small,theme:m.themes.emphasis},C))))};var E=c;export{E as default};
 //# sourceMappingURL=chip.js.map

package/react/chip/chip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../react/chip/chip.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport cn from 'classnames';\n\nimport Close from '../icons/16/close';\nimport Text from '../text';\n\nimport { Chip as Props } from './chip.types';\n\nconst Chip: React.FC<Props> = ({\n  elementName = 'button',\n  className,\n  icon = true,\n  isSelected = false,\n  text,\n  ...rest\n}) =>\n  React.createElement(\n    elementName,\n    {\n      className: cn('chip', className, { 'chip--selected': isSelected }),\n      ...rest,\n    },\n    <React.Fragment>\n      <div className=\"chip__wrapper\">\n        {icon ? <Close /> : null}\n        <Text\n          className=\"chip__text\"\n          size={Text.sizes.small}\n          theme={Text.themes.emphasis}\n        >\n          {text}\n        </Text>\n      </div>\n    </React.Fragment>,\n  );\n\nexport default Chip;\n"],
-  "mappings": "2fAAA,UAAYA,MAAW,QACvB,OAAOC,MAAQ,aAEf,OAAOC,MAAW,oBAClB,OAAOC,MAAU,UAIjB,MAAMC,EAAyBC,GAO5B,CAP4B,IAAAC,EAAAD,EAC7B,aAAAE,EAAc,SACd,UAAAC,EACA,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,KAAAC,CAbF,EAQ+BL,EAM1BM,EAAAC,EAN0BP,EAM1B,CALH,cACA,YACA,OACA,aACA,SAGA,OAAAN,EAAM,cACJO,EACAO,EAAA,CACE,UAAWb,EAAG,OAAQO,EAAW,CAAE,iBAAkBE,CAAW,CAAC,GAC9DE,GAELZ,EAAA,cAACA,EAAM,SAAN,KACCA,EAAA,cAAC,OAAI,UAAU,iBACZS,EAAOT,EAAA,cAACE,EAAA,IAAM,EAAK,KACpBF,EAAA,cAACG,EAAA,CACC,UAAU,aACV,KAAMA,EAAK,MAAM,MACjB,MAAOA,EAAK,OAAO,UAElBQ,CACH,CACF,CACF,CACF,GAEF,IAAOI,EAAQX",
-  "names": ["React", "cn", "Close", "Text", "Chip", "_a", "_b", "elementName", "className", "icon", "isSelected", "text", "rest", "__objRest", "__spreadValues", "chip_default"]
+  "sourcesContent": ["import * as React from 'react';\nimport cn from 'classnames';\n\nimport Close from '../icons/16/close';\nimport Text from '../text';\n\nimport { Chip as Props } from './chip.types';\n\nconst Chip: React.FC<Props> = ({\n  className,\n  customIcon,\n  elementName = 'button',\n  icon = true,\n  isSelected = false,\n  text,\n  ...rest\n}) =>\n  React.createElement(\n    elementName,\n    {\n      className: cn('chip', className, { 'chip--selected': isSelected }),\n      ...rest,\n    },\n    <React.Fragment>\n      <div className=\"chip__wrapper\">\n        {icon ? (customIcon ?? <Close />) : null}\n        <Text\n          className=\"chip__text\"\n          size={Text.sizes.small}\n          theme={Text.themes.emphasis}\n        >\n          {text}\n        </Text>\n      </div>\n    </React.Fragment>,\n  );\n\nexport default Chip;\n"],
+  "mappings": "2fAAA,UAAYA,MAAW,QACvB,OAAOC,MAAQ,aAEf,OAAOC,MAAW,oBAClB,OAAOC,MAAU,UAIjB,MAAMC,EAAyBC,GAQ5B,CAR4B,IAAAC,EAAAD,EAC7B,WAAAE,EACA,WAAAC,EACA,YAAAC,EAAc,SACd,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,KAAAC,CAdF,EAQ+BN,EAO1BO,EAAAC,EAP0BR,EAO1B,CANH,YACA,aACA,cACA,OACA,aACA,SAGA,OAAAN,EAAM,cACJS,EACAM,EAAA,CACE,UAAWd,EAAG,OAAQM,EAAW,CAAE,iBAAkBI,CAAW,CAAC,GAC9DE,GAELb,EAAA,cAACA,EAAM,SAAN,KACCA,EAAA,cAAC,OAAI,UAAU,iBACZU,EAAQF,GAAA,KAAAA,EAAcR,EAAA,cAACE,EAAA,IAAM,EAAM,KACpCF,EAAA,cAACG,EAAA,CACC,UAAU,aACV,KAAMA,EAAK,MAAM,MACjB,MAAOA,EAAK,OAAO,UAElBS,CACH,CACF,CACF,CACF,GAEF,IAAOI,EAAQZ",
+  "names": ["React", "cn", "Close", "Text", "Chip", "_a", "_b", "className", "customIcon", "elementName", "icon", "isSelected", "text", "rest", "__objRest", "__spreadValues", "chip_default"]
 }

package/react/chip/chip.scss

@@ -9,7 +9,7 @@
   text-decoration: none;
   display: inline-block;
   border-radius: 40px; // NOTE: Custom border radius by design
-  background-color: transparent;
+  background-color: var(--background-secondary-default);
   border: 1px solid var(--ge-chips-unselected-default);
 
   @media (hover: hover) {

package/react/chip/chip.types.d.ts

@@ -1,7 +1,9 @@
+import { ReactElement } from 'react';
 import { ButtonHtmlProps, LinkHtmlProps } from '../types';
 type BasicChipProps = {
-    elementName: string;
     className?: string;
+    customIcon?: ReactElement;
+    elementName: string;
     icon?: boolean;
     isSelected?: boolean;
     text: string;