@lightsparkdev/ui 1.0.1 → 1.0.2

package/dist/components/index.d.cts

@@ -14,9 +14,11 @@ export { CurrencyAmount, CurrencyIcon } from './CurrencyAmount.cjs';
 export { Drawer } from './Drawer.cjs';
 export { Dropdown } from './Dropdown.cjs';
 export { FileInput, StyledFileInput } from './FileInput.cjs';
+export { Flex } from './Flex.cjs';
 export { GradientCardHeader } from './GradientCardHeader.cjs';
 export { Icon, IconContainer } from './Icon/Icon.cjs';
 export { IconName } from './Icon/types.cjs';
+export { IconWithCircleBackground } from './IconWithCircleBackground.cjs';
 export { InfoIconTooltip } from './InfoIconTooltip.cjs';
 export { LightboxImage } from './LightboxImage.cjs';
 export { LightsparkProvider } from './LightsparkProvider.cjs';
@@ -39,7 +41,7 @@ export { Tooltip } from './Tooltip.cjs';
 export { UnstyledButton } from './UnstyledButton.cjs';
 import '@emotion/react/jsx-runtime';
 import 'react';
-import '../buttons-a63671c2.js';
+import '../buttons-b7f56076.js';
 import '@emotion/react';
 import '../styles/tokens/typography.cjs';
 import '@emotion/css';

package/dist/components/index.d.ts

@@ -14,9 +14,11 @@ export { CurrencyAmount, CurrencyIcon } from './CurrencyAmount.js';
 export { Drawer } from './Drawer.js';
 export { Dropdown } from './Dropdown.js';
 export { FileInput, StyledFileInput } from './FileInput.js';
+export { Flex } from './Flex.js';
 export { GradientCardHeader } from './GradientCardHeader.js';
 export { Icon, IconContainer } from './Icon/Icon.js';
 export { IconName } from './Icon/types.js';
+export { IconWithCircleBackground } from './IconWithCircleBackground.js';
 export { InfoIconTooltip } from './InfoIconTooltip.js';
 export { LightboxImage } from './LightboxImage.js';
 export { LightsparkProvider } from './LightsparkProvider.js';
@@ -39,7 +41,7 @@ export { Tooltip } from './Tooltip.js';
 export { UnstyledButton } from './UnstyledButton.js';
 import '@emotion/react/jsx-runtime';
 import 'react';
-import '../buttons-38b5823f.js';
+import '../buttons-e4eb84a2.js';
 import '@emotion/react';
 import '../styles/tokens/typography.js';
 import '@emotion/css';

package/dist/components/index.js

@@ -1,3 +1,13 @@
+import {
+  IconWithCircleBackground,
+  Modal
+} from "../chunk-WV5AB4ZB.js";
+import "../chunk-NBCCPGA4.js";
+import {
+  CodeInput,
+  StyledCodeInput
+} from "../chunk-F6EVBEMN.js";
+import "../chunk-SRHSJOES.js";
 import {
   PageSection,
   PageSectionBox,
@@ -11,103 +21,97 @@ import {
   PageSectionRowSubSection,
   PageSectionSubheading,
   StyledPageSectionBox
-} from "../chunk-UA3XC7J6.js";
+} from "../chunk-W3BAJ3HT.js";
 import {
   PageSectionNav
-} from "../chunk-TSHXYNRZ.js";
+} from "../chunk-NYQLPSG3.js";
 import "../chunk-JJC2AUQ3.js";
+import {
+  Toasts
+} from "../chunk-2H7TBKII.js";
 import {
   Banner
-} from "../chunk-VRZRCDI4.js";
+} from "../chunk-DNVKN2FG.js";
 import "../chunk-ZSWFGISK.js";
 import "../chunk-E3FGOYEJ.js";
 import {
-  CodeInput,
-  StyledCodeInput
-} from "../chunk-4CYGTH2J.js";
-import "../chunk-QSVZXM35.js";
+  PhoneInput
+} from "../chunk-2JYYREVX.js";
+import "../chunk-5KSG5D3I.js";
+import {
+  ProgressBar
+} from "../chunk-XUVCOSIE.js";
 import {
   Radio
-} from "../chunk-MO5PIHUX.js";
+} from "../chunk-TM2NGRD2.js";
 import {
   SecretContainer
-} from "../chunk-TKERS7F6.js";
+} from "../chunk-CHK5DOMV.js";
 import {
   TextButton
-} from "../chunk-YYPRW5VJ.js";
+} from "../chunk-HZ63YB4Y.js";
 import {
   TextIconAligner
-} from "../chunk-CZH4OCQY.js";
+} from "../chunk-XP3BAAUO.js";
 import {
-  Toasts
-} from "../chunk-I5PGTS2V.js";
+  Flex
+} from "../chunk-IL6J7EBZ.js";
 import {
   GradientCardHeader
-} from "../chunk-RHHYOFN6.js";
+} from "../chunk-YRYVSAWS.js";
 import {
   StatusIndicator
-} from "../chunk-7TOLLB23.js";
+} from "../chunk-HA4AQO3T.js";
 import {
   InfoIconTooltip
-} from "../chunk-SBFDPMTS.js";
+} from "../chunk-OA3BZAST.js";
+import "../chunk-UVGBD7XM.js";
 import {
   LightboxImage
 } from "../chunk-Z5TPS2BO.js";
 import {
   LightsparkProvider
-} from "../chunk-QVKXSZ63.js";
-import "../chunk-UKAPI3BN.js";
-import {
-  Modal
-} from "../chunk-2I6UL3CQ.js";
-import "../chunk-NBCCPGA4.js";
-import {
-  ProgressBar
-} from "../chunk-RVT4NV6Z.js";
-import "../chunk-VENBTZHV.js";
-import {
-  PhoneInput
-} from "../chunk-NPY3QVGG.js";
-import "../chunk-5KSG5D3I.js";
+} from "../chunk-35WJ3PKH.js";
+import "../chunk-VYTN6ASZ.js";
 import {
   CommaNumberInput
-} from "../chunk-TW4DU3WY.js";
+} from "../chunk-5XZJEYHG.js";
 import {
   TextInput,
   TextInputHalfRow
-} from "../chunk-HE76YUIL.js";
+} from "../chunk-JOQCJPOA.js";
 import {
   Toggle,
   ToggleContainer
-} from "../chunk-AXFZE7WZ.js";
+} from "../chunk-L6S22JUU.js";
 import {
   CommandKey
 } from "../chunk-WOR7J4KZ.js";
 import {
   CurrencyAmount,
   CurrencyIcon
-} from "../chunk-KOD6R7U5.js";
+} from "../chunk-AI6DCUWK.js";
 import {
   Drawer
-} from "../chunk-HXKKG2VQ.js";
+} from "../chunk-467PLJO3.js";
 import {
   Dropdown
-} from "../chunk-5GVDRJLI.js";
+} from "../chunk-GGEAODIA.js";
 import "../chunk-VQVEZVAG.js";
 import {
   FileInput,
   StyledFileInput
-} from "../chunk-NEH2HFAW.js";
+} from "../chunk-2XRCGW74.js";
 import {
   Pill
-} from "../chunk-LWYMD7X4.js";
-import "../chunk-FEJU2K4L.js";
+} from "../chunk-TVLELY54.js";
+import "../chunk-S6AOKANU.js";
 import {
   Badge
-} from "../chunk-CB2PBQ2G.js";
+} from "../chunk-RSAYBOK5.js";
 import "../chunk-B2VYAIYR.js";
-import "../chunk-ACYYMZQZ.js";
-import "../chunk-ZKJS5M5E.js";
+import "../chunk-55M7XHBZ.js";
+import "../chunk-J7SV67XL.js";
 import {
   CardPage,
   CardPageContent,
@@ -115,187 +119,187 @@ import {
   CardPageFullWidth,
   CardPageRightContentInner,
   CardPageSubtitle
-} from "../chunk-C7TNFU3D.js";
-import "../chunk-BPZ7AV7W.js";
+} from "../chunk-LL5YLPNM.js";
+import "../chunk-5H32AOXL.js";
 import {
   ButtonRow,
   ButtonRowContainer,
   StyledButtonRow
-} from "../chunk-CY3LZRBR.js";
+} from "../chunk-D73OOC3E.js";
 import {
   Button,
   ButtonSelector,
   StyledButton
-} from "../chunk-GHIYWOAC.js";
-import "../chunk-44UNWWP3.js";
+} from "../chunk-EV6PGQPM.js";
+import "../chunk-DCFB5MJ7.js";
 import {
   Loading,
   LoadingWrapper
-} from "../chunk-54WKLEUU.js";
-import "../chunk-3TKO2L4T.js";
-import "../chunk-NMJGBK5W.js";
-import "../chunk-FUC2Z5QZ.js";
-import "../chunk-AHIR5UAO.js";
-import "../chunk-HV6SRK57.js";
-import "../chunk-IOWK2GBE.js";
-import "../chunk-YQP6EWZY.js";
-import "../chunk-4YN25H5H.js";
+} from "../chunk-BMSSV6NX.js";
+import "../chunk-SKXCT2FQ.js";
+import "../chunk-56QJRFP2.js";
+import "../chunk-CZCPVHVB.js";
+import "../chunk-UBYBILLK.js";
+import "../chunk-GNVEN6UE.js";
+import "../chunk-HRZNVE2K.js";
+import "../chunk-CMQELZES.js";
+import "../chunk-TM3C4LEG.js";
+import "../chunk-HP4VPMN7.js";
+import "../chunk-PNSZAJL7.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-POTDIFIX.js";
-import "../chunk-MGXWKJDU.js";
-import "../chunk-QBJ57KNQ.js";
+import "../chunk-6H7PZJ2A.js";
 import "../chunk-OPV246QW.js";
-import "../chunk-4QVTXKRX.js";
-import "../chunk-WIFHFWAN.js";
+import "../chunk-AAFUVYVP.js";
+import "../chunk-VUXU77SU.js";
 import {
   Checkbox,
   CheckboxContainer
-} from "../chunk-SW6GFFIG.js";
+} from "../chunk-CZQER3QD.js";
 import {
   CodeBlock,
   InlineCode,
   StyledCodeBlock
-} from "../chunk-3BMKXP5E.js";
+} from "../chunk-UNULJ3P6.js";
 import {
   CopyToClipboardButton
-} from "../chunk-PK4E5P4Q.js";
+} from "../chunk-SGSLTG65.js";
 import {
   Tooltip
-} from "../chunk-3A6TEYT3.js";
-import "../chunk-55OQPFLF.js";
+} from "../chunk-27SFWLPS.js";
 import {
   UnstyledButton
-} from "../chunk-HGYVPOA7.js";
+} from "../chunk-6JFJDBV2.js";
+import "../chunk-55OQPFLF.js";
 import {
   Collapsible,
   StyledCollapsible
-} from "../chunk-KBL7GU4S.js";
+} from "../chunk-ZNZAY47J.js";
 import "../chunk-3XSQV5U4.js";
-import "../chunk-JXXIU52B.js";
+import "../chunk-KFX7US6Y.js";
 import {
   Icon,
   IconContainer
-} from "../chunk-UAFWDZRG.js";
+} from "../chunk-KBYU4ZQ3.js";
 import "../chunk-EDN2QDCB.js";
-import "../chunk-MD7VQ24I.js";
-import "../chunk-6B3T5X4O.js";
-import "../chunk-3BSQFYGE.js";
-import "../chunk-XBKRPEVT.js";
-import "../chunk-5522HZOC.js";
-import "../chunk-PJMGLSAW.js";
-import "../chunk-FRZBZ7PD.js";
-import "../chunk-3CHMNLGD.js";
+import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
 import "../chunk-BCXQD6ZP.js";
 import "../chunk-JWMMGYNV.js";
 import "../chunk-MASPP6U5.js";
-import "../chunk-RPYB66KY.js";
-import "../chunk-GOURVX6U.js";
-import "../chunk-HPIVJCNC.js";
-import "../chunk-F3YK2EER.js";
+import "../chunk-6B3T5X4O.js";
+import "../chunk-3BSQFYGE.js";
+import "../chunk-XBKRPEVT.js";
 import "../chunk-5XZ7ZEC7.js";
 import "../chunk-H52K5UTT.js";
 import "../chunk-3KOUSJV6.js";
 import "../chunk-L52XQKBX.js";
-import "../chunk-J5NYACJ7.js";
-import "../chunk-CKOW6ME2.js";
-import "../chunk-BX32TDWY.js";
-import "../chunk-IPD2D6QD.js";
+import "../chunk-5522HZOC.js";
+import "../chunk-PJMGLSAW.js";
+import "../chunk-FRZBZ7PD.js";
+import "../chunk-3CHMNLGD.js";
 import "../chunk-VRG7HI7X.js";
 import "../chunk-AFROYZKQ.js";
 import "../chunk-TAEOGBWY.js";
 import "../chunk-LQ6VW2FH.js";
-import "../chunk-3YVEKRB3.js";
-import "../chunk-M4ORU6SJ.js";
-import "../chunk-2TGRHBA5.js";
-import "../chunk-H5R5ZG3Z.js";
+import "../chunk-RPYB66KY.js";
+import "../chunk-GOURVX6U.js";
+import "../chunk-HPIVJCNC.js";
+import "../chunk-F3YK2EER.js";
 import "../chunk-MXCYWGHN.js";
 import "../chunk-ZXACVTYJ.js";
 import "../chunk-WDFOXMFH.js";
 import "../chunk-E6ZB6OJD.js";
-import "../chunk-M2H6AEUK.js";
-import "../chunk-XXE3N5AE.js";
-import "../chunk-3XGQJIDN.js";
-import "../chunk-GJAG2D3Y.js";
+import "../chunk-J5NYACJ7.js";
+import "../chunk-CKOW6ME2.js";
+import "../chunk-BX32TDWY.js";
+import "../chunk-IPD2D6QD.js";
 import "../chunk-G3AHVMGL.js";
 import "../chunk-XHLHQC5Q.js";
 import "../chunk-QBM7XXVQ.js";
 import "../chunk-5EFICY5Y.js";
-import "../chunk-677VQ4DY.js";
-import "../chunk-BDCKN7K3.js";
-import "../chunk-LDOAR276.js";
-import "../chunk-SIWCH44U.js";
+import "../chunk-3YVEKRB3.js";
+import "../chunk-M4ORU6SJ.js";
+import "../chunk-2TGRHBA5.js";
+import "../chunk-H5R5ZG3Z.js";
 import "../chunk-W5QTCRAG.js";
 import "../chunk-CPHTE26N.js";
 import "../chunk-N5LIZ3K6.js";
 import "../chunk-LHSGZZVE.js";
-import "../chunk-QAWK7SU6.js";
-import "../chunk-72CHU34B.js";
-import "../chunk-5EIYTCCK.js";
-import "../chunk-OSOHJUPD.js";
+import "../chunk-M2H6AEUK.js";
+import "../chunk-XXE3N5AE.js";
+import "../chunk-3XGQJIDN.js";
+import "../chunk-GJAG2D3Y.js";
 import "../chunk-YO5J3T3L.js";
 import "../chunk-XGUCS6ED.js";
 import "../chunk-36ATWJ72.js";
 import "../chunk-K6KKTYTR.js";
-import "../chunk-GKH3ZH4N.js";
-import "../chunk-7UBU5MKY.js";
-import "../chunk-IX5TIDMO.js";
-import "../chunk-FGJPZTJP.js";
+import "../chunk-677VQ4DY.js";
+import "../chunk-BDCKN7K3.js";
+import "../chunk-LDOAR276.js";
+import "../chunk-SIWCH44U.js";
 import "../chunk-24JOGF62.js";
 import "../chunk-55PXMNOG.js";
 import "../chunk-FLREHHOH.js";
 import "../chunk-RCIZUC7L.js";
-import "../chunk-KODQP6CN.js";
-import "../chunk-UZ4TRHF3.js";
-import "../chunk-PF5SD6AF.js";
-import "../chunk-5XTJZUMA.js";
+import "../chunk-QAWK7SU6.js";
+import "../chunk-72CHU34B.js";
+import "../chunk-5EIYTCCK.js";
+import "../chunk-OSOHJUPD.js";
 import "../chunk-262GCJFO.js";
 import "../chunk-GY5XKCWS.js";
 import "../chunk-ZMCAQFC6.js";
 import "../chunk-PO5NJLKW.js";
-import "../chunk-C4CFIKAL.js";
-import "../chunk-TA7W237X.js";
-import "../chunk-TSYLKHL2.js";
-import "../chunk-ZE4CS3ZS.js";
+import "../chunk-7Y2G2JDF.js";
+import "../chunk-7UBU5MKY.js";
+import "../chunk-IX5TIDMO.js";
+import "../chunk-FGJPZTJP.js";
 import "../chunk-FOC33AUT.js";
 import "../chunk-ACWTDOWH.js";
 import "../chunk-KX3WMRSO.js";
 import "../chunk-4EKGRFUQ.js";
-import "../chunk-NETNVCI3.js";
-import "../chunk-WNQ7KWL6.js";
-import "../chunk-O6YPHO6M.js";
-import "../chunk-2ITITIZK.js";
+import "../chunk-KODQP6CN.js";
+import "../chunk-UZ4TRHF3.js";
+import "../chunk-PF5SD6AF.js";
+import "../chunk-5XTJZUMA.js";
 import "../chunk-272LB55I.js";
 import "../chunk-V5GQM24U.js";
 import "../chunk-VNJ4NNZJ.js";
 import "../chunk-6AFSPHQC.js";
-import "../chunk-NESZTWYE.js";
-import "../chunk-WHIOQKWN.js";
-import "../chunk-CJDIDKDD.js";
-import "../chunk-SGI4RWHJ.js";
+import "../chunk-C4CFIKAL.js";
+import "../chunk-TA7W237X.js";
+import "../chunk-TSYLKHL2.js";
+import "../chunk-ZE4CS3ZS.js";
 import "../chunk-ZLYJ3AKU.js";
 import "../chunk-57MJ26OG.js";
 import "../chunk-IYEEAOW3.js";
 import "../chunk-4FM66VF3.js";
-import "../chunk-C5PYKGR6.js";
-import "../chunk-VI6WTKMV.js";
-import "../chunk-QW2INB5A.js";
-import "../chunk-JLD7MGLC.js";
-import "../chunk-DW6LFUI2.js";
+import "../chunk-NETNVCI3.js";
+import "../chunk-WNQ7KWL6.js";
+import "../chunk-O6YPHO6M.js";
+import "../chunk-2ITITIZK.js";
 import "../chunk-6AC5YUBP.js";
 import "../chunk-ZQXRHPB6.js";
 import "../chunk-Q3YLC4JA.js";
-import "../chunk-BAQMHUBZ.js";
+import "../chunk-2IXAUIKR.js";
+import "../chunk-NESZTWYE.js";
+import "../chunk-WHIOQKWN.js";
+import "../chunk-CJDIDKDD.js";
+import "../chunk-SGI4RWHJ.js";
 import "../chunk-36RZWQ7S.js";
 import "../chunk-UCOL37RG.js";
 import "../chunk-YRFC56VN.js";
 import "../chunk-U2VV6SRJ.js";
-import "../chunk-52POF2W4.js";
-import "../chunk-ZFDYANKZ.js";
+import "../chunk-C5PYKGR6.js";
+import "../chunk-VI6WTKMV.js";
+import "../chunk-QW2INB5A.js";
+import "../chunk-JLD7MGLC.js";
+import "../chunk-DW6LFUI2.js";
+import "../chunk-7NPHOJXD.js";
+import "../chunk-A4JZESAS.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-GKBQAEH5.js";
-import "../chunk-KYTOF4WO.js";
+import "../chunk-FO7I4E45.js";
+import "../chunk-XUWFUTR4.js";
 import "../chunk-LOPKRCGI.js";
 export {
   Badge,
@@ -323,9 +327,11 @@ export {
   Drawer,
   Dropdown,
   FileInput,
+  Flex,
   GradientCardHeader,
   Icon,
   IconContainer,
+  IconWithCircleBackground,
   InfoIconTooltip,
   InlineCode,
   LightboxImage,

package/dist/components/typography/Article.cjs

@@ -218,7 +218,7 @@ var colors = baseColors;
 function isColorKey(key) {
   return key in colors;
 }
-function hcNeutralFromBg(bgHex, defaultHex, altHex) {
+function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
   const bgRGB = hexToRGB(bgHex);
   const hcRGB = hexToRGB(defaultHex);
   if (!bgRGB || !hcRGB)
@@ -259,7 +259,8 @@ var import_deepmerge = __toESM(require("deepmerge"), 1);
 // src/styles/buttons.tsx
 var buttonsThemeBase = {
   defaultSize: "Small",
-  defaultTypography: "Body Strong",
+  defaultTypographyType: "Body Strong",
+  defaultColor: "text",
   defaultBorderRadius: 32,
   defaultBorderWidth: 1,
   defaultBackgroundColor: "bg",
@@ -283,6 +284,7 @@ var buttonsThemeBase = {
 var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
   kinds: {
     primary: {
+      defaultColor: "bg",
       defaultBorderWidth: 0,
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
@@ -310,7 +312,20 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
       defaultHoverBorderColor: ["gray90", "gray20"]
     },
     blue39: {
-      defaultBorderColor: "blue39"
+      defaultBorderColor: "blue39",
+      defaultColor: "gray98"
+    },
+    blue43: {
+      defaultColor: "white"
+    },
+    green33: {
+      defaultColor: "white"
+    },
+    purple55: {
+      defaultColor: "white"
+    },
+    danger: {
+      defaultColor: "white"
     }
   }
 });
@@ -3684,28 +3699,30 @@ var bridgeBaseSettings = {
     code: "Monaco"
   }),
   buttons: (0, import_deepmerge.default)(buttonsThemeBase, {
-    defaultTypography: "Title",
+    defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 8,
     defaultBorderWidth: 0,
+    defaultPaddingsY: {
+      ExtraSmall: 14,
+      Small: 14,
+      Schmedium: 14,
+      Medium: 14,
+      Mlarge: 14,
+      Large: 14
+    },
     kinds: {
       primary: {
+        defaultColor: "bg",
         defaultBackgroundColor: "blue39",
         defaultHoverBackgroundColor: "blue37"
       },
       ghost: {
+        defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
         defaultBorderWidth: 0,
         defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent",
-        defaultPaddingsY: {
-          ExtraSmall: 0,
-          Small: 0,
-          Schmedium: 0,
-          Medium: 0,
-          Mlarge: 0,
-          Large: 0
-        }
+        defaultHoverBorderColor: "transparent"
       },
       secondary: {
         defaultBackgroundColor: "transparent",