@lightsparkdev/ui 1.0.4 → 1.0.6

package/dist/{chunk-ZCXGHQQF.js → chunk-M7E2PMFK.js}

@@ -1,38 +1,38 @@
 import {
   ToggleContainer
-} from "./chunk-4BERRPJN.js";
+} from "./chunk-AXNQ7BDD.js";
 import {
   InputSubtext,
   defaultTextInputTypography,
   inputSpacingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "./chunk-7RMHMFS2.js";
+} from "./chunk-Q76C6FJ5.js";
 import {
   applyTypography
-} from "./chunk-OUHQXQOJ.js";
+} from "./chunk-OPUCWQMK.js";
 import {
   CheckboxContainer
-} from "./chunk-LFD2KVAB.js";
+} from "./chunk-PYAKYQWS.js";
 import {
   Tooltip
-} from "./chunk-ZS7G6WIG.js";
+} from "./chunk-H3UUVMZ3.js";
 import {
   UnstyledButton
-} from "./chunk-JAPRGAB7.js";
+} from "./chunk-TN5UPDZG.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon,
   IconContainer
-} from "./chunk-TNDSUTUN.js";
+} from "./chunk-LAGOF7IU.js";
 import {
   standardBorderRadius
-} from "./chunk-CZFFMEAS.js";
+} from "./chunk-YG5BANJH.js";
 import {
   getFontColor
-} from "./chunk-VNQE6KEX.js";
+} from "./chunk-UAUAYQ3C.js";
 import {
   __spreadValues
 } from "./chunk-LOPKRCGI.js";

package/dist/{chunk-BAGRU7JE.js → chunk-N67Y7GWR.js}

@@ -1,7 +1,7 @@
 import {
   firstChild,
   pxToRems
-} from "./chunk-GQVNE3NU.js";
+} from "./chunk-D4DFISYR.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-UNFCVZ32.js → chunk-NBIK5O3N.js}

@@ -1,22 +1,22 @@
 import {
   StyledContentTable
-} from "./chunk-3R5KJDSL.js";
+} from "./chunk-TMIBU4ME.js";
 import {
   StyledCode
-} from "./chunk-7COKMITX.js";
+} from "./chunk-ZR2TARGX.js";
 import {
   displaySelector
-} from "./chunk-DIKOS5R6.js";
+} from "./chunk-IXAXRBFS.js";
 import {
   StyledTitle
-} from "./chunk-AZOVE32P.js";
+} from "./chunk-4EV5IUUJ.js";
 import {
   StyledBody
-} from "./chunk-HVDX4OZJ.js";
+} from "./chunk-PBLWYVQF.js";
 import {
   ALL_HEADLINE_SELECTORS,
   headlineSelector
-} from "./chunk-OZQ5WPLN.js";
+} from "./chunk-BNHCCR3C.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -25,16 +25,16 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-GQVNE3NU.js";
+} from "./chunk-D4DFISYR.js";
 import {
   standardBorderRadius
-} from "./chunk-CZFFMEAS.js";
+} from "./chunk-YG5BANJH.js";
 import {
   getTypographyString
 } from "./chunk-ENBUKLVT.js";
 import {
   colors
-} from "./chunk-XUWFUTR4.js";
+} from "./chunk-KPAVY3UH.js";
 
 // src/components/typography/Article.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-MNMVZI7D.js → chunk-NK7WH3TK.js}

@@ -1,34 +1,34 @@
 import {
   Loading
-} from "./chunk-DNGAINGL.js";
+} from "./chunk-SIYZ5PZT.js";
 import {
   renderTypography
-} from "./chunk-LGXMGWLV.js";
+} from "./chunk-RQLRNKOP.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   Link
-} from "./chunk-AAFUVYVP.js";
+} from "./chunk-SCIQSZSW.js";
 import {
   applyTypography
-} from "./chunk-OUHQXQOJ.js";
+} from "./chunk-OPUCWQMK.js";
 import {
   Tooltip
-} from "./chunk-ZS7G6WIG.js";
+} from "./chunk-H3UUVMZ3.js";
 import {
   UnstyledButton
-} from "./chunk-JAPRGAB7.js";
+} from "./chunk-TN5UPDZG.js";
 import {
   Icon
-} from "./chunk-TNDSUTUN.js";
+} from "./chunk-LAGOF7IU.js";
 import {
   getFocusOutline
-} from "./chunk-CZFFMEAS.js";
+} from "./chunk-YG5BANJH.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-VNQE6KEX.js";
+} from "./chunk-UAUAYQ3C.js";
 import {
   TokenSize
 } from "./chunk-ENBUKLVT.js";

package/dist/{chunk-BPGBJRZE.js → chunk-NONMMIMQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "./chunk-ZCXGHQQF.js";
+} from "./chunk-M7E2PMFK.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-7OJQZEVL.js → chunk-NWPPTOKK.js}

@@ -1,9 +1,9 @@
 import {
   Heading
-} from "./chunk-BAGRU7JE.js";
+} from "./chunk-N67Y7GWR.js";
 import {
   ButtonRowContainer
-} from "./chunk-WDJMAZFO.js";
+} from "./chunk-IIRG6R42.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -11,7 +11,7 @@ import {
   flexCenter,
   overflowAutoWithoutScrollbars,
   size
-} from "./chunk-GQVNE3NU.js";
+} from "./chunk-D4DFISYR.js";
 import {
   cardBorderRadiusPx,
   darkGradientBg,
@@ -19,10 +19,10 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-CZFFMEAS.js";
+} from "./chunk-YG5BANJH.js";
 import {
   themeOr
-} from "./chunk-VNQE6KEX.js";
+} from "./chunk-UAUAYQ3C.js";
 import {
   bp,
   useBreakpoints

package/dist/{chunk-OUHQXQOJ.js → chunk-OPUCWQMK.js}

@@ -1,6 +1,6 @@
 import {
   getFontColor
-} from "./chunk-VNQE6KEX.js";
+} from "./chunk-UAUAYQ3C.js";
 import {
   getTypographyString
 } from "./chunk-ENBUKLVT.js";

package/dist/{chunk-HVDX4OZJ.js → chunk-PBLWYVQF.js}

@@ -1,9 +1,9 @@
 import {
   toNonTypographicReactNodes
-} from "./chunk-4X67A2CS.js";
+} from "./chunk-HNK2KIC7.js";
 import {
   applyTypography
-} from "./chunk-OUHQXQOJ.js";
+} from "./chunk-OPUCWQMK.js";
 
 // src/components/typography/Body.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-LFD2KVAB.js → chunk-PYAKYQWS.js}

@@ -1,6 +1,6 @@
 import {
   standardLineHeightEms
-} from "./chunk-CZFFMEAS.js";
+} from "./chunk-YG5BANJH.js";
 
 // src/components/Checkbox.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-RESJONBZ.js → chunk-PZTZ4436.js}

@@ -1,9 +1,9 @@
 import {
   CopyToClipboardButton
-} from "./chunk-242JGEN4.js";
+} from "./chunk-5JJUXAVA.js";
 import {
   standardBorderRadius
-} from "./chunk-CZFFMEAS.js";
+} from "./chunk-YG5BANJH.js";
 
 // src/components/SecretContainer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-7RMHMFS2.js → chunk-Q76C6FJ5.js}

@@ -1,16 +1,16 @@
 import {
   applyTypography
-} from "./chunk-OUHQXQOJ.js";
+} from "./chunk-OPUCWQMK.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   standardBorderRadius,
   subtext
-} from "./chunk-CZFFMEAS.js";
+} from "./chunk-YG5BANJH.js";
 import {
   themeOr
-} from "./chunk-VNQE6KEX.js";
+} from "./chunk-UAUAYQ3C.js";
 
 // src/styles/fields.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-JH53NBOD.js → chunk-QBRCVOJ4.js}

@@ -1,9 +1,9 @@
 import {
   Button
-} from "./chunk-MNMVZI7D.js";
+} from "./chunk-NK7WH3TK.js";
 import {
   UnstyledButton
-} from "./chunk-JAPRGAB7.js";
+} from "./chunk-TN5UPDZG.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -12,13 +12,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Icon
-} from "./chunk-TNDSUTUN.js";
+} from "./chunk-LAGOF7IU.js";
 import {
   standardFocusOutline
-} from "./chunk-CZFFMEAS.js";
+} from "./chunk-YG5BANJH.js";
 import {
   colors
-} from "./chunk-XUWFUTR4.js";
+} from "./chunk-KPAVY3UH.js";
 
 // src/components/Drawer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-VR2GLRXH.js → chunk-QEZ7L6YF.js}

@@ -1,6 +1,6 @@
 import {
   TextInput
-} from "./chunk-ZCXGHQQF.js";
+} from "./chunk-M7E2PMFK.js";
 import {
   addCommasToDigits,
   removeChars,

package/dist/{chunk-LLGN3OM3.js → chunk-QFVQ6QPA.js}

@@ -1,12 +1,12 @@
 import {
   DocsHeadline
-} from "./chunk-5ON3ICVC.js";
+} from "./chunk-I3WMJNCP.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   Icon
-} from "./chunk-TNDSUTUN.js";
+} from "./chunk-LAGOF7IU.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-OMY3WTAU.js → chunk-QON4D7N2.js}

@@ -1,9 +1,9 @@
 import {
   toNonTypographicReactNodes
-} from "./chunk-4X67A2CS.js";
+} from "./chunk-HNK2KIC7.js";
 import {
   applyTypography
-} from "./chunk-OUHQXQOJ.js";
+} from "./chunk-OPUCWQMK.js";
 
 // src/components/typography/BodyStrong.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-EIFK352Q.js → chunk-QTPYP3IK.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-IL6J7EBZ.js";
 import {
   Icon
-} from "./chunk-TNDSUTUN.js";
+} from "./chunk-LAGOF7IU.js";
 import {
   getColor
-} from "./chunk-VNQE6KEX.js";
+} from "./chunk-UAUAYQ3C.js";
 
 // src/components/IconWithCircleBackground.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-4KURUJD2.js → chunk-QZMD3YHI.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-TNDSUTUN.js";
+} from "./chunk-LAGOF7IU.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-LGXMGWLV.js → chunk-RQLRNKOP.js}

@@ -1,33 +1,33 @@
 import {
   LabelModerate
-} from "./chunk-V523QTZQ.js";
+} from "./chunk-GGWFUEDW.js";
 import {
   LabelStrong
-} from "./chunk-YRZ3VNBI.js";
+} from "./chunk-XLKL3DNK.js";
 import {
   Overline
-} from "./chunk-HPZVUEDJ.js";
+} from "./chunk-HLZNFEDV.js";
 import {
   Code
-} from "./chunk-7COKMITX.js";
+} from "./chunk-ZR2TARGX.js";
 import {
   Display
-} from "./chunk-DIKOS5R6.js";
+} from "./chunk-IXAXRBFS.js";
 import {
   Title
-} from "./chunk-AZOVE32P.js";
+} from "./chunk-4EV5IUUJ.js";
 import {
   Body
-} from "./chunk-HVDX4OZJ.js";
+} from "./chunk-PBLWYVQF.js";
 import {
   BodyStrong
-} from "./chunk-OMY3WTAU.js";
+} from "./chunk-QON4D7N2.js";
 import {
   Headline
-} from "./chunk-OZQ5WPLN.js";
+} from "./chunk-BNHCCR3C.js";
 import {
   Label
-} from "./chunk-7BSME2ZU.js";
+} from "./chunk-IH5SIRJL.js";
 import {
   __objRest
 } from "./chunk-LOPKRCGI.js";

package/dist/{chunk-PDQVYUEW.js → chunk-RRXB5FQC.js}

@@ -1,9 +1,9 @@
 import {
   toReactNodes
-} from "./chunk-ZO35RX7V.js";
+} from "./chunk-AKGW3FMJ.js";
 import {
   UnstyledButton
-} from "./chunk-JAPRGAB7.js";
+} from "./chunk-TN5UPDZG.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -11,19 +11,19 @@ import {
   extend,
   flexCenter,
   pxToRems
-} from "./chunk-GQVNE3NU.js";
+} from "./chunk-D4DFISYR.js";
 import {
   Icon
-} from "./chunk-TNDSUTUN.js";
+} from "./chunk-LAGOF7IU.js";
 import {
   standardContentInset
-} from "./chunk-CZFFMEAS.js";
+} from "./chunk-YG5BANJH.js";
 import {
   themeOr
-} from "./chunk-VNQE6KEX.js";
+} from "./chunk-UAUAYQ3C.js";
 import {
   colors
-} from "./chunk-XUWFUTR4.js";
+} from "./chunk-KPAVY3UH.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-AAFUVYVP.js → chunk-SCIQSZSW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-EDN2QDCB.js";
 import {
   colors
-} from "./chunk-XUWFUTR4.js";
+} from "./chunk-KPAVY3UH.js";
 
 // src/router.tsx
 import { omit } from "lodash-es";

package/dist/{chunk-DNGAINGL.js → chunk-SIYZ5PZT.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-TNDSUTUN.js";
+} from "./chunk-LAGOF7IU.js";
 
 // src/components/Loading.tsx
 import { useTheme } from "@emotion/react";

package/dist/{chunk-3R5KJDSL.js → chunk-TMIBU4ME.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-TNDSUTUN.js";
+} from "./chunk-LAGOF7IU.js";
 
 // src/components/ContentTable.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-JAPRGAB7.js → chunk-TN5UPDZG.js}

@@ -1,6 +1,6 @@
 import {
   standardFocusOutline
-} from "./chunk-CZFFMEAS.js";
+} from "./chunk-YG5BANJH.js";
 
 // src/components/UnstyledButton.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-VNQE6KEX.js → chunk-UAUAYQ3C.js}

@@ -13,7 +13,7 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-XUWFUTR4.js";
+} from "./chunk-KPAVY3UH.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-KJHREJHT.js → chunk-VF5KSAZG.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-C4HNAZFZ.js";
+} from "./chunk-LKJ7QTWL.js";
 import {
   IconContainer
-} from "./chunk-TNDSUTUN.js";
+} from "./chunk-LAGOF7IU.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-XUWFUTR4.js";
+} from "./chunk-KPAVY3UH.js";
 
 // src/components/PageSection/PageSectionNav.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-YRZ3VNBI.js → chunk-XLKL3DNK.js}

@@ -1,9 +1,9 @@
 import {
   toNonTypographicReactNodes
-} from "./chunk-4X67A2CS.js";
+} from "./chunk-HNK2KIC7.js";
 import {
   applyTypography
-} from "./chunk-OUHQXQOJ.js";
+} from "./chunk-OPUCWQMK.js";
 
 // src/components/typography/LabelStrong.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-YRFCWL73.js → chunk-XQIQOMNE.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-7BSME2ZU.js";
+} from "./chunk-IH5SIRJL.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-CZFFMEAS.js → chunk-YG5BANJH.js}

@@ -1,12 +1,12 @@
 import {
   themeOr
-} from "./chunk-VNQE6KEX.js";
+} from "./chunk-UAUAYQ3C.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   darkGradient
-} from "./chunk-XUWFUTR4.js";
+} from "./chunk-KPAVY3UH.js";
 
 // src/styles/common.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-W2N5QUG6.js → chunk-YXAKRSFW.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-GQVNE3NU.js";
+} from "./chunk-D4DFISYR.js";
 import {
   Icon
-} from "./chunk-TNDSUTUN.js";
+} from "./chunk-LAGOF7IU.js";
 import {
   standardBorderRadius
-} from "./chunk-CZFFMEAS.js";
+} from "./chunk-YG5BANJH.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-7COKMITX.js → chunk-ZR2TARGX.js}

@@ -1,9 +1,9 @@
 import {
   toNonTypographicReactNodes
-} from "./chunk-4X67A2CS.js";
+} from "./chunk-HNK2KIC7.js";
 import {
   applyTypography
-} from "./chunk-OUHQXQOJ.js";
+} from "./chunk-OPUCWQMK.js";
 
 // src/components/typography/Code.tsx
 import styled from "@emotion/styled";

package/dist/components/Badge.cjs

@@ -196,7 +196,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -220,10 +219,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/components/Badge.js

@@ -1,25 +1,25 @@
 import {
   Badge,
   badgeSmVPadding
-} from "../chunk-VWD7T5MQ.js";
-import "../chunk-ZO35RX7V.js";
-import "../chunk-LGXMGWLV.js";
-import "../chunk-V523QTZQ.js";
-import "../chunk-YRZ3VNBI.js";
-import "../chunk-HPZVUEDJ.js";
-import "../chunk-7COKMITX.js";
-import "../chunk-DIKOS5R6.js";
-import "../chunk-AZOVE32P.js";
-import "../chunk-HVDX4OZJ.js";
-import "../chunk-OMY3WTAU.js";
-import "../chunk-OZQ5WPLN.js";
+} from "../chunk-ERNTWEIJ.js";
+import "../chunk-AKGW3FMJ.js";
+import "../chunk-RQLRNKOP.js";
+import "../chunk-GGWFUEDW.js";
+import "../chunk-XLKL3DNK.js";
+import "../chunk-HLZNFEDV.js";
+import "../chunk-ZR2TARGX.js";
+import "../chunk-IXAXRBFS.js";
+import "../chunk-4EV5IUUJ.js";
+import "../chunk-PBLWYVQF.js";
+import "../chunk-QON4D7N2.js";
+import "../chunk-BNHCCR3C.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-7BSME2ZU.js";
-import "../chunk-4X67A2CS.js";
+import "../chunk-IH5SIRJL.js";
+import "../chunk-HNK2KIC7.js";
 import "../chunk-OPV246QW.js";
-import "../chunk-AAFUVYVP.js";
-import "../chunk-OUHQXQOJ.js";
-import "../chunk-TNDSUTUN.js";
+import "../chunk-SCIQSZSW.js";
+import "../chunk-OPUCWQMK.js";
+import "../chunk-LAGOF7IU.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -134,12 +134,12 @@ import "../chunk-VI6WTKMV.js";
 import "../chunk-QW2INB5A.js";
 import "../chunk-JLD7MGLC.js";
 import "../chunk-DW6LFUI2.js";
-import "../chunk-CZFFMEAS.js";
-import "../chunk-VNQE6KEX.js";
+import "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   Badge,