@lightsparkdev/ui 1.1.1 → 1.1.3

package/dist/{chunk-K52UQVCM.cjs → chunk-KBYJCGYR.cjs}

@@ -3,13 +3,13 @@
 var _chunk2YBZV2K6cjs = require('./chunk-2YBZV2K6.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 
-var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
+var _chunkT3LKI5VGcjs = require('./chunk-T3LKI5VG.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -19,9 +19,11 @@ function IconWithCircleBackground({
   iconWidth = 40,
   to,
   onClick,
+  padding,
   darkBg = false,
   shouldRotate = false,
   noBg = false,
+  hoverActiveBg = false,
   disabled = false,
   bgColor,
   iconColor,
@@ -40,16 +42,18 @@ function IconWithCircleBackground({
         StyledIconWithCircleBackground,
         {
           size: iconWidth,
+          padding,
           darkBg,
+          hoverActiveBg,
           shouldRotate,
           noBg,
           bgColor,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4N5EXQIScjs.Icon,
+            _chunkCKSZUZXJcjs.Icon,
             {
               name: iconName,
               width: iconWidth,
-              color: iconColor ? iconColor : darkBg ? "white" : "grayBlue9",
+              color: iconColor ? iconColor : "secondary",
               iconProps: {
                 strokeWidth: iconStrokeWidth,
                 fill: opaque ? "currentColor" : "none"
@@ -60,15 +64,23 @@ function IconWithCircleBackground({
       )
     }
   );
-  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, { to, disabled, children: content }) }) : content;
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3LKI5VGcjs.Link, { to, disabled, children: content }) }) : content;
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkXUEKQQJVcjs.getColor.call(void 0, theme, bgColor) : _chunkXUEKQQJVcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkEGKT7YHPcjs.getColor.call(void 0, theme, bgColor) : _chunkEGKT7YHPcjs.getColor.call(void 0, theme, "grayBlue94")};
+
+  &:hover {
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
+  }
+  &:active {
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
+  }
+
   border-radius: 50%;
-  padding: ${({ size }) => getPadding(size)}px;
+  padding: ${({ size, padding }) => padding != null ? padding : getPadding(size)}px;
   display: flex;
   justify-content: center;
-  ${({ size }) => `width: ${size + getPadding(size) * 2}px; height: ${size + getPadding(size) * 2}px;`}
+  ${({ size, padding }) => `width: ${size + (padding != null ? padding : getPadding(size)) * 2}px; height: ${size + (padding != null ? padding : getPadding(size)) * 2}px;`}
 
   @keyframes IconWithCircleBackgroundRotate {
     0% {
@@ -84,6 +96,9 @@ var StyledIconWithCircleBackground = _styled2.default.div`
   ${({ shouldRotate }) => shouldRotate && `animation: IconWithCircleBackgroundRotate 10s ease infinite;`}
 `;
 function getPadding(size) {
+  if (size === 48) {
+    return 38;
+  }
   if (size === 40) {
     return 20;
   }

package/dist/{chunk-BF433KOL.cjs → chunk-KELXKJ75.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSFVPZBMVcjs = require('./chunk-SFVPZBMV.cjs');
+var _chunkFCBVJB3Ycjs = require('./chunk-FCBVJB3Y.cjs');
 
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 // src/components/Badge.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -32,13 +32,13 @@ function Badge({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || (kind === "danger" ? "danger" : kind === "success" ? "white" : "text")
   };
-  const nodesWithTypography = _chunkSFVPZBMVcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkFCBVJB3Ycjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography
   });
-  const content = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkK57M5KQ5cjs.toReactNodes.call(void 0, nodesWithTypography);
   return contentProp ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledBadge, { kind, ml, mr, size, block, children: [
     icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4N5EXQIScjs.Icon,
+      _chunkCKSZUZXJcjs.Icon,
       {
         name: icon.name,
         width: 20,
@@ -51,7 +51,7 @@ function Badge({
 var badgeSmVPadding = 2;
 var badgeSmHPadding = 6;
 var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunkU35SY546cjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ size }) => _chunk545K27C4cjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
   ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
   ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
 
@@ -61,11 +61,11 @@ var StyledBadge = _styled2.default.div`
   padding: ${({ size }) => size === "sm" ? `${badgeSmVPadding}px ${badgeSmHPadding}px` : "12px 16px"};
   background-color: ${({ theme, kind }) => {
   if (kind === "danger") {
-    return _chunkXUEKQQJVcjs.getColor.call(void 0, theme, "red42a10");
+    return _chunkEGKT7YHPcjs.getColor.call(void 0, theme, "red42a10");
   } else if (kind === "success") {
-    return _chunkXUEKQQJVcjs.getColor.call(void 0, theme, "success");
+    return _chunkEGKT7YHPcjs.getColor.call(void 0, theme, "success");
   } else {
-    return _chunkXUEKQQJVcjs.getColor.call(void 0, theme, theme.badge.bg);
+    return _chunkEGKT7YHPcjs.getColor.call(void 0, theme, theme.badge.bg);
   }
 }};
 `;

package/dist/{chunk-AOMTGBKQ.js → chunk-KJEXUVNN.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-H37TWCVW.js";
 import {
   StyledLabelStrong,
   getPropDefaults
-} from "./chunk-OIVDJXHX.js";
+} from "./chunk-JGNVFGXJ.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-4C6DRJZF.js → chunk-KKJGJQ6B.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-J44WQFQT.js";
+} from "./chunk-RELY2KLK.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-OZUQD57V.cjs → chunk-KNFL6XU7.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkYNBZC3U6cjs = require('./chunk-YNBZC3U6.cjs');
+var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
 
 
-var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
+var _chunkHUFS2MGGcjs = require('./chunk-HUFS2MGG.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -45,12 +45,12 @@ var CopyToClipboardButton = (props) => {
         "data-tooltip-id": id,
         children: [
           props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYNBZC3U6cjs.Tooltip,
+      _chunkHUFS2MGGcjs.Tooltip,
       {
         id,
         place: props.place || "right",
@@ -62,7 +62,7 @@ var CopyToClipboardButton = (props) => {
 var Children = _styled2.default.span`
   margin-right: 4px;
 `;
-var Button = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};

package/dist/{chunk-S5IN4KJV.js → chunk-KNRBKXMY.js}

@@ -2,11 +2,11 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-VAPNTHG5.js";
 import {
   isDark,
   themeOr
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-GZILHEOA.js";
 
 // src/components/Table/TableEmptyState.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-UBQ5BC6M.cjs → chunk-KP6R6CBP.cjs}

@@ -9,7 +9,7 @@ var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
+var _chunkWUF4FEGOcjs = require('./chunk-WUF4FEGO.cjs');
 
 
 
@@ -28,7 +28,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.heading || "h1" });
 }
 var StyledHeadline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkHEMGZE2Gcjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkWUF4FEGOcjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function headlineSelector(heading) {

package/dist/{chunk-2OE2VPDJ.js → chunk-KWNSXCDT.js}

@@ -1,34 +1,34 @@
 import {
   Loading
-} from "./chunk-WW3KFUFD.js";
-import {
-  Tooltip
-} from "./chunk-D2TOV5JJ.js";
+} from "./chunk-HGYZXUCB.js";
 import {
   UnstyledButton
-} from "./chunk-3HIDFTSK.js";
+} from "./chunk-P6GYMAUR.js";
+import {
+  Tooltip
+} from "./chunk-PJ2JIR4Q.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   getFocusOutline
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-VAPNTHG5.js";
 import {
   Link
-} from "./chunk-PTJ7AVLT.js";
+} from "./chunk-BMCY2VFD.js";
 import {
   renderTypography
-} from "./chunk-UL6O4F7D.js";
+} from "./chunk-NC6VCEIB.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-J44WQFQT.js";
+} from "./chunk-RELY2KLK.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-GZILHEOA.js";
 import {
   __objRest,
   __spreadProps,
@@ -51,6 +51,7 @@ var buttonKinds = [
   "ghost",
   "transparent",
   "green33",
+  "green37",
   "purple55",
   "blue43",
   "blue39",
@@ -62,7 +63,9 @@ var buttonKinds = [
   "roundSingleChar",
   "roundIcon",
   "gray",
-  "grayGradient"
+  "grayGradient",
+  "gray99",
+  "white21"
 ];
 function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
@@ -197,6 +200,7 @@ var Button = forwardRef((props, ref) => {
     disabled = false,
     mt = 0,
     ml = 0,
+    mb = 0,
     type = "button",
     newTab = false,
     zIndex = void 0,
@@ -296,7 +300,8 @@ var Button = forwardRef((props, ref) => {
     disabled: disabled || loading,
     css: {
       marginTop: mt ? typeof mt === "number" ? `${mt}px` : "auto" : void 0,
-      marginLeft: ml ? typeof ml === "number" ? `${ml}px` : "auto" : void 0
+      marginLeft: ml ? typeof ml === "number" ? `${ml}px` : "auto" : void 0,
+      marginBottom: mb ? typeof mb === "number" ? `${mb}px` : "auto" : void 0
     },
     newTab,
     borderRadius,

package/dist/{chunk-ZAQNPOEC.js → chunk-L3FZFJNV.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-J44WQFQT.js";
+} from "./chunk-RELY2KLK.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-OBAVFHD2.cjs → chunk-LITP7RYO.cjs}

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ChevronRight.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ArrowInboxUp.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ChevronRight({
+function ArrowInboxUp({
   strokeWidth = "1.5",
   strokeLinecap = "round",
   strokeLinejoin = "round"
@@ -8,20 +8,19 @@ function ChevronRight({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "path",
         {
-          d: "M9 4L16.2929 11.2929C16.6834 11.6834 16.6834 12.3166 16.2929 12.7071L9 20",
+          d: "M10 3.125V12.5M10 3.125L13.75 6.875M10 3.125L6.25 6.875M16.875 10.625V16.0417C16.875 16.5019 16.5019 16.875 16.0417 16.875H3.95833C3.4981 16.875 3.125 16.5019 3.125 16.0417V10.625",
           stroke: "currentColor",
           strokeWidth,
           strokeLinecap,
-          strokeLinejoin,
-          vectorEffect: "non-scaling-stroke"
+          strokeLinejoin
         }
       )
     }
@@ -30,4 +29,4 @@ function ChevronRight({
 
 
 
-exports.ChevronRight = ChevronRight;
+exports.ArrowInboxUp = ArrowInboxUp;

package/dist/{chunk-SILL7PHK.js → chunk-LSLBJH2Q.js}

@@ -8,8 +8,7 @@ function Phone({
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "100%",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",

package/dist/chunk-LUCFZGLG.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/WeakStrength.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function WeakStrengthIcon({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M11.6133 2C10.969 2 10.4467 2.52233 10.4467 3.16667V12.8333C10.4467 13.4777 10.969 14 11.6133 14H12.8333C13.4777 14 14 13.4777 14 12.8333V3.16667C14 2.52233 13.4777 2 12.8333 2H11.6133Z",
+            fill: "#B6BAC3"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M7.38677 5.55566C6.74244 5.55566 6.22009 6.078 6.22009 6.72234V12.8335C6.22009 13.4777 6.74244 14.0001 7.38677 14.0001H8.60677C9.25111 14.0001 9.77344 13.4777 9.77344 12.8334V6.72234C9.77344 6.078 9.25111 5.55566 8.60677 5.55566H7.38677Z",
+            fill: "#B6BAC3"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M3.16667 8.51855C2.52233 8.51855 2 9.04089 2 9.68522V12.8334C2 13.4778 2.52233 14.0001 3.16667 14.0001H4.38667C5.031 14.0001 5.55333 13.4778 5.55333 12.8334V9.68522C5.55333 9.04089 5.031 8.51855 4.38667 8.51855H3.16667Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.WeakStrengthIcon = WeakStrengthIcon;