@sats-group/ui-lib 81.3.0 → 81.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sats-group/ui-lib",
-  "version": "81.3.0",
+  "version": "81.4.0",
   "description": "SATS web user interface library",
   "engines": {
     "node": "^18 || ^20",

package/react/icons/24/download.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const SvgDownload: () => React.ReactSVGElement;
+export default SvgDownload;

package/react/icons/24/download.js

@@ -0,0 +1,2 @@
+import*as e from"react";const l=()=>e.createElement("svg",{width:24,height:24,fill:"none"},e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 .25a.75.75 0 0 1 .75.75v14.19l4.72-4.72a.75.75 0 1 1 1.06 1.06L12 18.06l-6.53-6.53a.75.75 0 1 1 1.06-1.06l4.72 4.72V1A.75.75 0 0 1 12 .25M1.25 22a.75.75 0 0 1 .75-.75h20a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}));var a=l;export{a as default};
+//# sourceMappingURL=download.js.map

package/react/icons/24/download.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../react/icons/24/download.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nconst SvgDownload = () =>\n  /* @__PURE__ */ React.createElement(\n    'svg',\n    { width: 24, height: 24, fill: 'none' },\n    /* @__PURE__ */ React.createElement('path', {\n      fill: 'currentColor',\n      fillRule: 'evenodd',\n      d: 'M12 .25a.75.75 0 0 1 .75.75v14.19l4.72-4.72a.75.75 0 1 1 1.06 1.06L12 18.06l-6.53-6.53a.75.75 0 1 1 1.06-1.06l4.72 4.72V1A.75.75 0 0 1 12 .25M1.25 22a.75.75 0 0 1 .75-.75h20a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1-.75-.75',\n      clipRule: 'evenodd',\n    }),\n  );\nexport default SvgDownload;\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,MAAMC,EAAc,IACFD,EAAM,cACpB,MACA,CAAE,MAAO,GAAI,OAAQ,GAAI,KAAM,MAAO,EACtBA,EAAM,cAAc,OAAQ,CAC1C,KAAM,eACN,SAAU,UACV,EAAG,0NACH,SAAU,SACZ,CAAC,CACH,EACF,IAAOE,EAAQD",
+  "names": ["React", "SvgDownload", "download_default"]
+}

package/react/link-card/link-card.js

@@ -1,2 +1,2 @@
-import*as i from"react";import o from"../icons/24/arrow-right";import s from"../text";const m=({href:a,text:r,title:l})=>i.createElement("a",{className:"link-card",href:a},i.createElement(s,{className:"link-card__title",size:s.sizes.basic},l),i.createElement("div",{className:"link-card__icon"},i.createElement(o,null)),r?i.createElement("div",{className:"link-card__text"},i.createElement(s,{size:s.sizes.small},r)):null);var c=m;export{c as default};
+import*as s from"react";import l from"../icons/24/arrow-right";import t from"../icons/24/download";import i from"../text";import{variants as a}from"./link-card.types";const d=({href:o,text:r,title:m,variant:e=a.link})=>s.createElement("a",{className:"link-card",href:o},s.createElement(i,{className:"link-card__title",theme:i.themes.emphasis,size:i.sizes.basic},m),e===a.download?s.createElement(t,null):s.createElement(l,null),r?s.createElement("div",{className:"link-card__text"},s.createElement(i,{size:i.sizes.small},r)):null);var c=d;export{c as default};
 //# sourceMappingURL=link-card.js.map

package/react/link-card/link-card.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../react/link-card/link-card.tsx"],
-  "sourcesContent": ["import * as React from 'react';\n\nimport ArrowRight from '../icons/24/arrow-right';\nimport Text from '../text';\n\nimport { LinkCard as Props } from './link-card.types';\n\nconst LinkCard: React.FC<Props> = ({ href, text, title }) => (\n  <a className=\"link-card\" href={href}>\n    <Text className=\"link-card__title\" size={Text.sizes.basic}>\n      {title}\n    </Text>\n    <div className=\"link-card__icon\">\n      <ArrowRight />\n    </div>\n    {text ? (\n      <div className=\"link-card__text\">\n        <Text size={Text.sizes.small}>{text}</Text>\n      </div>\n    ) : null}\n  </a>\n);\n\nexport default LinkCard;\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAgB,0BACvB,OAAOC,MAAU,UAIjB,MAAMC,EAA4B,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,MAAAC,CAAM,IACrDN,EAAA,cAAC,KAAE,UAAU,YAAY,KAAMI,GAC7BJ,EAAA,cAACE,EAAA,CAAK,UAAU,mBAAmB,KAAMA,EAAK,MAAM,OACjDI,CACH,EACAN,EAAA,cAAC,OAAI,UAAU,mBACbA,EAAA,cAACC,EAAA,IAAW,CACd,EACCI,EACCL,EAAA,cAAC,OAAI,UAAU,mBACbA,EAAA,cAACE,EAAA,CAAK,KAAMA,EAAK,MAAM,OAAQG,CAAK,CACtC,EACE,IACN,EAGF,IAAOE,EAAQJ",
-  "names": ["React", "ArrowRight", "Text", "LinkCard", "href", "text", "title", "link_card_default"]
+  "sourcesContent": ["import * as React from 'react';\n\nimport ArrowRight from '../icons/24/arrow-right';\nimport Download from '../icons/24/download';\nimport Text from '../text';\n\nimport { LinkCard as Props, variants } from './link-card.types';\n\nconst LinkCard: React.FC<Props> = ({\n  href,\n  text,\n  title,\n  variant = variants.link,\n}) => (\n  <a className=\"link-card\" href={href}>\n    <Text\n      className=\"link-card__title\"\n      theme={Text.themes.emphasis}\n      size={Text.sizes.basic}\n    >\n      {title}\n    </Text>\n    {variant === variants.download ? <Download /> : <ArrowRight />}\n    {text ? (\n      <div className=\"link-card__text\">\n        <Text size={Text.sizes.small}>{text}</Text>\n      </div>\n    ) : null}\n  </a>\n);\n\nexport default LinkCard;\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAgB,0BACvB,OAAOC,MAAc,uBACrB,OAAOC,MAAU,UAEjB,OAA4B,YAAAC,MAAgB,oBAE5C,MAAMC,EAA4B,CAAC,CACjC,KAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EAAUL,EAAS,IACrB,IACEJ,EAAA,cAAC,KAAE,UAAU,YAAY,KAAMM,GAC7BN,EAAA,cAACG,EAAA,CACC,UAAU,mBACV,MAAOA,EAAK,OAAO,SACnB,KAAMA,EAAK,MAAM,OAEhBK,CACH,EACCC,IAAYL,EAAS,SAAWJ,EAAA,cAACE,EAAA,IAAS,EAAKF,EAAA,cAACC,EAAA,IAAW,EAC3DM,EACCP,EAAA,cAAC,OAAI,UAAU,mBACbA,EAAA,cAACG,EAAA,CAAK,KAAMA,EAAK,MAAM,OAAQI,CAAK,CACtC,EACE,IACN,EAGF,IAAOG,EAAQL",
+  "names": ["React", "ArrowRight", "Download", "Text", "variants", "LinkCard", "href", "text", "title", "variant", "link_card_default"]
 }

package/react/link-card/link-card.scss

@@ -1,20 +1,24 @@
 @use '../../tokens/corner-radius';
-@use '../../tokens/elevation';
 @use '../../tokens/colours';
 @use '../../tokens/spacing';
 
 .link-card {
-  @include elevation.level(2);
-
+  align-items: center;
   background: var(--surface-primary-default);
   border-radius: corner-radius.$s;
-  color:  var(--on-surface-primary-default);
+  border: 1px solid var(--ge-border-default);
+  color: var(--on-surface-primary-default);
   display: grid;
   gap: spacing.$s;
   grid-template-columns: [first] [second];
   padding: spacing.$m;
   text-decoration: none;
 
+  > svg {
+    grid-column: 2;
+    justify-self: end;
+  }
+
   @media (hover: hover) {
     &:hover {
       background: var(--surface-primary-hover);
@@ -26,11 +30,6 @@
     grid-column: 1;
   }
 
-  &__icon {
-    grid-column: 2;
-    justify-self: end;
-  }
-
   &__text {
     grid-column: span 2;
   }

package/react/link-card/link-card.types.d.ts

@@ -1,5 +1,11 @@
+import type { ObjectValues } from '../types';
+export declare const variants: {
+    readonly download: "download";
+    readonly link: "link";
+};
 export type LinkCard = {
     href: string;
     text?: string;
     title: string;
+    variant?: ObjectValues<typeof variants>;
 };

package/react/link-card/link-card.types.js

@@ -1 +1,2 @@
+const t={download:"download",link:"link"};export{t as variants};
 //# sourceMappingURL=link-card.types.js.map

package/react/link-card/link-card.types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
+  "sources": ["../../../react/link-card/link-card.types.ts"],
+  "sourcesContent": ["import type { ObjectValues } from '../types';\n\nexport const variants = {\n  download: 'download',\n  link: 'link',\n} as const;\n\nexport type LinkCard = {\n  href: string;\n  text?: string;\n  title: string;\n  variant?: ObjectValues<typeof variants>;\n};\n"],
+  "mappings": "AAEO,MAAMA,EAAW,CACtB,SAAU,WACV,KAAM,MACR",
+  "names": ["variants"]
 }