@lightsparkdev/ui 1.1.11 → 1.1.13

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @lightsparkdev/ui
 
+## 1.1.13
+
+### Patch Changes
+
+- 7aac87e: indicate slow payout status to bridge users
+
+## 1.1.12
+
+### Patch Changes
+
+- 8fd199a: - Component and theme updates
+- Updated dependencies [8fd199a]
+  - @lightsparkdev/core@1.4.5
+
 ## 1.1.11
 
 ### Patch Changes

package/dist/{chunk-RTBR3MYS.cjs → chunk-23RQUWY3.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/styles/themeDefaults/buttons.tsx
-var buttonBorderRadiuses = [8, 32, 999, "100%"];
+var buttonBorderRadiuses = [4, 8, 32, 999, "100%"];
 var allowedButtonTypographyTypes = [
   "Body",
   "Body Strong",
@@ -19,6 +19,7 @@ var buttonsThemeBase = {
   defaultTypographyType: "Body Strong",
   defaultColor: "text",
   defaultBorderRadius: 32,
+  defaultGap: 8,
   defaultBackgroundColor: "bg",
   defaultBorderColor: "bg",
   defaultHoverBackgroundColor: "bg",
@@ -47,7 +48,7 @@ var buttonsThemeBase = {
   },
   kinds: {}
 };
-var defaultButtonsTheme = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, buttonsThemeBase), {
+var defaultButtonsTheme = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, buttonsThemeBase), {
   kinds: {
     primary: {
       defaultColor: "bg",
@@ -121,6 +122,10 @@ var defaultButtonsTheme = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6E
       defaultActiveBackgroundColor: "red42a30",
       defaultActiveBorderColor: "transparent"
     },
+    warningLight: {
+      defaultColor: "danger",
+      defaultBackgroundColor: "warningBackground"
+    },
     tertiary: {
       defaultColor: "bg",
       defaultBackgroundColor: "grayBlue9",

package/dist/{chunk-Y5PILLAW.js → chunk-2OIKKWVO.js}

@@ -1,78 +1,78 @@
 import {
   Headline
-} from "./chunk-PURJU3KQ.js";
+} from "./chunk-VFXT26AZ.js";
 import {
   StyledSelect
-} from "./chunk-QPB25WWD.js";
+} from "./chunk-VE5R6HXS.js";
 import {
   TextInputHalfRow
-} from "./chunk-HUM47CAQ.js";
+} from "./chunk-IO75ZDF3.js";
 import {
   ToggleContainer
-} from "./chunk-JXEBM5BK.js";
+} from "./chunk-OQ2RFYHH.js";
 import {
   StyledFileInput
-} from "./chunk-UFK5RJ3H.js";
+} from "./chunk-LKN5IGEA.js";
 import {
   formButtonTopMarginStyle,
   inputSpacingPx
-} from "./chunk-X4NVFXUA.js";
+} from "./chunk-IY4SXJL4.js";
 import {
   StyledButtonRowButton
-} from "./chunk-X6WAG5FP.js";
+} from "./chunk-N3UGIQK2.js";
 import {
   ButtonSelector
-} from "./chunk-TJSDFSAD.js";
+} from "./chunk-QXWXA2HJ.js";
 import {
   LoadingWrapper
-} from "./chunk-YNCTWF7N.js";
+} from "./chunk-6FOSU2IM.js";
 import {
   Checkbox
-} from "./chunk-YCKJ5T6R.js";
+} from "./chunk-UKAAVTJE.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   toReactNodesWithTypographyMap
-} from "./chunk-4Q2DQBOY.js";
+} from "./chunk-6MW4CQWX.js";
 import {
   toReactNodes
-} from "./chunk-XB2SPC6C.js";
+} from "./chunk-YJHUAVN4.js";
 import {
   icon
 } from "./chunk-FZUV52PP.js";
 import {
   ClipboardTextField
-} from "./chunk-VBIZXAMA.js";
+} from "./chunk-TP2FAEJI.js";
 import {
   pxToRems
-} from "./chunk-FAWI3ZGU.js";
+} from "./chunk-DQQNE73A.js";
 import {
   mcBold,
   standardBorderRadius,
   standardCardShadow,
   standardCardShadowHard,
   standardContentInset
-} from "./chunk-HGZGGJQB.js";
+} from "./chunk-CQZXDXAP.js";
 import {
   Link
-} from "./chunk-O4UBLIH3.js";
+} from "./chunk-MK35HQHH.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-VAH342U2.js";
+} from "./chunk-RPJQBQMR.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-MIIIUXV6.js";
+} from "./chunk-XT5NXF55.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/CardForm/CardForm.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/{chunk-TQ7X5GEF.cjs → chunk-2SUE6UZH.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMFKERIW4cjs = require('./chunk-MFKERIW4.cjs');
+var _chunk35AFF2KYcjs = require('./chunk-35AFF2KY.cjs');
 
 
-var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
+var _chunkKQXSG5SFcjs = require('./chunk-KQXSG5SF.cjs');
 
 
-var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
+var _chunk67EQ3PLRcjs = require('./chunk-67EQ3PLR.cjs');
 
 
-var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
+var _chunkRTOLGRYWcjs = require('./chunk-RTOLGRYW.cjs');
 
 
-var _chunkQQDRBCBYcjs = require('./chunk-QQDRBCBY.cjs');
+var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/QRCode.tsx
 var _react = require('@emotion/react');
@@ -51,8 +51,8 @@ function QRCode({
     marginSize: isUma ? 4 : 0
   };
   if (isUma) {
-    qrCodeProps.bgColor = _chunkQQDRBCBYcjs.colors.grayBlue10;
-    qrCodeProps.fgColor = _chunkQQDRBCBYcjs.colors.white;
+    qrCodeProps.bgColor = _chunkJFPLNGMQcjs.colors.grayBlue10;
+    qrCodeProps.fgColor = _chunkJFPLNGMQcjs.colors.white;
   }
   if (showLogo) {
     qrCodeProps.imageSettings = {
@@ -66,7 +66,7 @@ function QRCode({
     heading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QRCodeLabel, { children: heading }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QRCodeContainer, { isCentered, size, children: value ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QRCodeImage, { isCentered, border, isUma, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _qrcodereact.QRCodeSVG,
-      _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
+      _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
         value,
         size,
         level
@@ -79,7 +79,7 @@ function QRCode({
         animated,
         isUma,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkWF7Z2VITcjs.Icon,
+          _chunkKQXSG5SFcjs.Icon,
           {
             name: isUma ? "Uma" : "LogoMark",
             color: isUma ? "white" : void 0,
@@ -100,7 +100,7 @@ var qr = ({ isCentered, border, isUma }) => _react.css`
   ${border && `border: ${borderWidth}px solid #ffffff;`}
   ${border && `border-radius: 8px;`}
   ${border && "box-sizing: content-box;"}
-  ${isUma && _chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 16)}
+  ${isUma && _chunk67EQ3PLRcjs.standardBorderRadius.call(void 0, 16)}
 `;
 var QRCodeContainer = _styled2.default.div`
   display: flex;
@@ -124,7 +124,7 @@ var QRCodeImage = _styled2.default.div`
 var shadowOffsetA = 2;
 var tailRadiusA = 1.1;
 var tailRadiusB = 0.5;
-var shadowColor = _chunkQQDRBCBYcjs.colors.white;
+var shadowColor = _chunkJFPLNGMQcjs.colors.white;
 var initialBoxShadow = `
   box-shadow: -${shadowOffsetA}px 0px ${tailRadiusA}px 1.5px ${shadowColor},
   0 0 4px ${tailRadiusB}px ${shadowColor};
@@ -139,8 +139,8 @@ var EmptyQRCodeSizer = _styled2.default.div`
   max-width: 100%;
   position: relative;
   padding-top: 100%;
-  ${({ isUma, theme }) => isUma && `background-color: ${_chunkOBHJBBPCcjs.getColor.call(void 0, theme, "grayBlue10")};
-    ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 16)}`}
+  ${({ isUma, theme }) => isUma && `background-color: ${_chunkRTOLGRYWcjs.getColor.call(void 0, theme, "grayBlue10")};
+    ${_chunk67EQ3PLRcjs.standardBorderRadius.call(void 0, 16)}`}
 `;
 var EmptyQRCode = _styled2.default.div`
   ${qr}
@@ -244,7 +244,7 @@ var EmptyQRCode = _styled2.default.div`
   `}
 
   & > * {
-    ${_chunkMFKERIW4cjs.absoluteCenter}
+    ${_chunk35AFF2KYcjs.absoluteCenter}
   }
 `;
 var QRCodeLabel = _styled2.default.p`

package/dist/{chunk-NWJJ5TZR.js → chunk-2V7Q2BOV.js}

@@ -1,9 +1,9 @@
 import {
   renderTypography
-} from "./chunk-NOV3YPDP.js";
+} from "./chunk-6X2QCFFS.js";
 import {
   __async
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/utils/NextLink.tsx
 import {

package/dist/{chunk-MFKERIW4.cjs → chunk-35AFF2KY.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
+var _chunk67EQ3PLRcjs = require('./chunk-67EQ3PLR.cjs');
 
 // src/styles/utils.tsx
 var _react = require('@emotion/react');
 function pxToRems(rems, asNum = false) {
-  const value = (rems / _chunkRSHN4K6Ncjs.rootFontSizePx).toFixed(6);
+  const value = (rems / _chunk67EQ3PLRcjs.rootFontSizePx).toFixed(6);
   return asNum ? Number(value) : `${value}rem`;
 }
 function remsToPx(rems, asNum = false) {
-  const value = (_chunkRSHN4K6Ncjs.rootFontSizePx * rems).toFixed(6);
+  const value = (_chunk67EQ3PLRcjs.rootFontSizePx * rems).toFixed(6);
   return asNum ? Number(value) : `${value}px`;
 }
 var extend = (...args) => _react.css.call(void 0, ...args);

package/dist/{chunk-EQDCU7HD.js → chunk-3BSR2KGE.js}

@@ -1,17 +1,17 @@
 import {
   getPropDefaultsBase
-} from "./chunk-LEMT5P3Z.js";
+} from "./chunk-YQNDIDC2.js";
 import {
   typographyStyles
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-2C7DZIDY.js";
+} from "./chunk-YU3BE5X4.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/typography/base/Title.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-SGG54BO5.cjs → chunk-3C7ZSGKB.cjs}

@@ -4,10 +4,10 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 
-var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
+var _chunk67EQ3PLRcjs = require('./chunk-67EQ3PLR.cjs');
 
 
-var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
+var _chunkRTOLGRYWcjs = require('./chunk-RTOLGRYW.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -114,7 +114,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontFaces(theme)};
 
   html {
-    font-size: ${_chunkRSHN4K6Ncjs.rootFontSizeRems}rem;
+    font-size: ${_chunk67EQ3PLRcjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -144,7 +144,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkRSHN4K6Ncjs.standardLineHeightEms}em;
+    line-height: ${_chunk67EQ3PLRcjs.standardLineHeightEms}em;
   }
 
   code {
@@ -191,7 +191,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkOBHJBBPCcjs.useThemeBg.call(void 0, );
+  const bg = _chunkRTOLGRYWcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;