@lightsparkdev/ui 1.0.7 → 1.0.8

package/dist/{chunk-MJ4HZKPZ.cjs → chunk-DBB5TKTS.cjs}

@@ -1,38 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkPGULRMMVcjs = require('./chunk-PGULRMMV.cjs');
+var _chunkYZVHWN44cjs = require('./chunk-YZVHWN44.cjs');
 
 
 
 
 
 
-var _chunkQR6XKKRKcjs = require('./chunk-QR6XKKRK.cjs');
+var _chunkKLC2OBTGcjs = require('./chunk-KLC2OBTG.cjs');
 
 
-var _chunkIXV57HL7cjs = require('./chunk-IXV57HL7.cjs');
+var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
 
 
-var _chunkEKTDBUWDcjs = require('./chunk-EKTDBUWD.cjs');
+var _chunkVNFSKZW2cjs = require('./chunk-VNFSKZW2.cjs');
 
 
-var _chunkYHQVDAZWcjs = require('./chunk-YHQVDAZW.cjs');
+var _chunkLZ24FX6Ccjs = require('./chunk-LZ24FX6C.cjs');
 
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
 
 
 var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
@@ -50,7 +50,7 @@ function TextInput(props) {
   if (props.inputRefCb && !props.inputRef) {
     console.warn("TextInput: inputRef should be provided with inputRefCb.");
   }
-  const typography = _chunkLKKJVJCGcjs.__spreadValues.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, _chunkQR6XKKRKcjs.defaultTextInputTypography), props.typography);
+  const typography = _chunkLKKJVJCGcjs.__spreadValues.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, _chunkKLC2OBTGcjs.defaultTextInputTypography), props.typography);
   const handleKeyDown = (e) => {
     if (e.key === "Enter" && props.onEnter) {
       props.onEnter();
@@ -115,7 +115,8 @@ function TextInput(props) {
           const event = e;
           props.onBeforeInput(event);
         }
-      }
+      },
+      borderRadius: props.borderRadius
     }
   );
   if (props.icon) {
@@ -131,7 +132,7 @@ function TextInput(props) {
           focused,
           hasValue: Boolean(props.value),
           colorProp: typography.color,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: props.icon.name, width: iconWidth })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: props.icon.name, width: iconWidth })
         }
       ),
       isIconRight ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: input }),
@@ -168,14 +169,14 @@ function TextInput(props) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQR6XKKRKcjs.InputSubtext,
+      _chunkKLC2OBTGcjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHQVDAZWcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLZ24FX6Ccjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 TextInput.defaultProps = {
@@ -184,7 +185,7 @@ TextInput.defaultProps = {
   hint: null
 };
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkIXV57HL7cjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkZBBVZQKJcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -195,14 +196,14 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
   input {
     padding-right: 34px;
   }
 
-  & ${_chunkCB3IFR2Xcjs.IconContainer.toString()} {
+  & ${_chunkBY47I7ZPcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -216,10 +217,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkPDZ23BEDcjs.getFontColor.call(void 0, theme, colorProp) : _chunkQR6XKKRKcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkWTHHP7G2cjs.getFontColor.call(void 0, theme, colorProp) : _chunkKLC2OBTGcjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkQR6XKKRKcjs.textInputStyle};
+  ${_chunkKLC2OBTGcjs.textInputStyle};
 
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
@@ -233,7 +234,7 @@ var Input = _styled2.default.input`
       color 600000s 0s !important;
   }
 `;
-var RightButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -243,7 +244,7 @@ var RightButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -255,7 +256,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkQR6XKKRKcjs.inputSpacingPx}px;
+  margin-top: ${_chunkKLC2OBTGcjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -269,18 +270,18 @@ var InputContainer = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkQR6XKKRKcjs.inputSpacingPx}px;
+    margin-top: ${_chunkKLC2OBTGcjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkEKTDBUWDcjs.CheckboxContainer.toString()} + &,
-  ${_chunkPGULRMMVcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkEKTDBUWDcjs.CheckboxContainer.toString()},
-  & + ${_chunkPGULRMMVcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkQR6XKKRKcjs.inputSpacingPx}px;
+  ${_chunkVNFSKZW2cjs.CheckboxContainer.toString()} + &,
+  ${_chunkYZVHWN44cjs.ToggleContainer.toString()} + &,
+  & + ${_chunkVNFSKZW2cjs.CheckboxContainer.toString()},
+  & + ${_chunkYZVHWN44cjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkKLC2OBTGcjs.inputSpacingPx}px;
   }
 `;
 

package/dist/{chunk-MI5TUKMX.js → chunk-DBMGV4DX.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-JQV6H76U.js";
+} from "./chunk-DNRHVCOE.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   standardBorderRadius
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-APUV4UN4.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-7LT4PQQ7.js → chunk-DGS7USD6.js}

@@ -1,18 +1,18 @@
 import {
   TextIconAligner
-} from "./chunk-27TVNUBD.js";
+} from "./chunk-PFYBJXL5.js";
 import {
   Link
 } from "./chunk-34MTU3ER.js";
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   elide
 } from "./chunk-EDN2QDCB.js";
 import {
   getFocusOutline
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-APUV4UN4.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-JQV6H76U.js → chunk-DNRHVCOE.js}

@@ -1,6 +1,6 @@
 import {
   rootFontSizePx
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-APUV4UN4.js";
 
 // src/styles/utils.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-DWGNUG6W.js → chunk-DPSSQNBK.js}

@@ -1,38 +1,38 @@
 import {
   ToggleContainer
-} from "./chunk-KH5NEXIW.js";
+} from "./chunk-ONE4Q37F.js";
 import {
   InputSubtext,
   defaultTextInputTypography,
   inputSpacingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "./chunk-OGJLMW37.js";
+} from "./chunk-RZMG2TID.js";
 import {
   applyTypography
-} from "./chunk-L3BNIBK3.js";
+} from "./chunk-GHXNMLAB.js";
 import {
   CheckboxContainer
-} from "./chunk-AJ6OTIB2.js";
+} from "./chunk-VCHMPHHC.js";
 import {
   Tooltip
-} from "./chunk-FLYNOCPZ.js";
+} from "./chunk-5W523NQP.js";
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon,
   IconContainer
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   standardBorderRadius
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-APUV4UN4.js";
 import {
   getFontColor
-} from "./chunk-I4NIA4SD.js";
+} from "./chunk-W5I53DTZ.js";
 import {
   __spreadValues
 } from "./chunk-LOPKRCGI.js";
@@ -115,7 +115,8 @@ function TextInput(props) {
           const event = e;
           props.onBeforeInput(event);
         }
-      }
+      },
+      borderRadius: props.borderRadius
     }
   );
   if (props.icon) {

package/dist/{chunk-CULDUDP3.js → chunk-E4YBYEWH.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-OGJLMW37.js";
+} from "./chunk-RZMG2TID.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/{chunk-H47HIU2F.js → chunk-E7RKIBJY.js}

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

package/dist/{chunk-BED5BMM6.js → chunk-EEB6DWY3.js}

@@ -1,9 +1,9 @@
 import {
   SingleCodeInput
-} from "./chunk-CULDUDP3.js";
+} from "./chunk-E4YBYEWH.js";
 import {
   textInputBorderColor
-} from "./chunk-OGJLMW37.js";
+} from "./chunk-RZMG2TID.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-EGOOSBGG.js

@@ -0,0 +1,21 @@
+// src/components/typography/typographyStyles.tsx
+import { css } from "@emotion/react";
+var typographyStyles = ({
+  /* theme, size, colorProp, */
+  block: blockProp,
+  hideOverflow,
+  displayProp
+}) => {
+  const displayValue = blockProp || hideOverflow ? "block" : displayProp || null;
+  return css`
+    /* Margins should always be set in parent style contexts eg Article: */
+    margin: 0;
+
+    ${displayValue ? `display: ${displayValue};` : ""}
+    ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis;" : ""}
+  `;
+};
+
+export {
+  typographyStyles
+};

package/dist/{chunk-ZGPNVPST.js → chunk-EJZ3BXS3.js}

@@ -1,9 +1,9 @@
 import {
   Loading
-} from "./chunk-7GCXP2EW.js";
+} from "./chunk-RT4SDUU6.js";
 import {
   renderTypography
-} from "./chunk-SUTN4O34.js";
+} from "./chunk-4IC7HDY4.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -12,26 +12,26 @@ import {
 } from "./chunk-34MTU3ER.js";
 import {
   applyTypography
-} from "./chunk-L3BNIBK3.js";
+} from "./chunk-GHXNMLAB.js";
 import {
   Tooltip
-} from "./chunk-FLYNOCPZ.js";
+} from "./chunk-5W523NQP.js";
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   getFocusOutline
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-APUV4UN4.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-I4NIA4SD.js";
+} from "./chunk-W5I53DTZ.js";
 import {
   TokenSize
-} from "./chunk-ENBUKLVT.js";
+} from "./chunk-24PXYMSU.js";
 import {
   __objRest,
   __spreadProps,
@@ -52,7 +52,8 @@ var buttonKinds = [
   "purple55",
   "blue43",
   "blue39",
-  "danger"
+  "danger",
+  "tertiary"
 ];
 var roundPaddingsX = {
   [TokenSize.ExtraSmall]: 10,

package/dist/{chunk-XKHTSGK3.cjs → chunk-EM7O6Y3M.cjs}

@@ -4,10 +4,10 @@ var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -22,7 +22,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
 
   html {
-    font-size: ${_chunkMNAZ4BDQcjs.rootFontSizeRems}rem;
+    font-size: ${_chunkPYL3O7AFcjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -52,7 +52,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkMNAZ4BDQcjs.standardLineHeightEms}em;
+    line-height: ${_chunkPYL3O7AFcjs.standardLineHeightEms}em;
   }
 
   code {
@@ -99,7 +99,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkPDZ23BEDcjs.useThemeBg.call(void 0, );
+  const bg = _chunkWTHHP7G2cjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-XQBJ74JW.cjs → chunk-EQ4V4QBD.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkZJTRXOA5cjs = require('./chunk-ZJTRXOA5.cjs');
+var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
 
 
-var _chunkYHQVDAZWcjs = require('./chunk-YHQVDAZW.cjs');
+var _chunkLZ24FX6Ccjs = require('./chunk-LZ24FX6C.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkZJTRXOA5cjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkGCE3EVF6cjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHQVDAZWcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLZ24FX6Ccjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-BPPGWPEN.cjs → chunk-EXGU7HIU.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCIGDU5PLcjs = require('./chunk-CIGDU5PL.cjs');
+var _chunkXZKD27Y2cjs = require('./chunk-XZKD27Y2.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -30,7 +30,7 @@ function Radio({
         onChange: handleRadioClick
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCIGDU5PLcjs.Label, { children: option.label })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZKD27Y2cjs.Label, { children: option.label })
   ] }, option.label)) });
 }
 var RadioContainer = _styled2.default.div`

package/dist/{chunk-QDMQOT22.js → chunk-EXTVW2LU.js}

@@ -1,9 +1,9 @@
 import {
   Heading
-} from "./chunk-FQIT2EG7.js";
+} from "./chunk-JSOZMOEJ.js";
 import {
   ButtonRowContainer
-} from "./chunk-J5EHGDRO.js";
+} from "./chunk-CHXBDWS3.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -11,7 +11,7 @@ import {
   flexCenter,
   overflowAutoWithoutScrollbars,
   size
-} from "./chunk-JQV6H76U.js";
+} from "./chunk-DNRHVCOE.js";
 import {
   cardBorderRadiusPx,
   darkGradientBg,
@@ -19,10 +19,10 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-APUV4UN4.js";
 import {
   themeOr
-} from "./chunk-I4NIA4SD.js";
+} from "./chunk-W5I53DTZ.js";
 import {
   bp,
   useBreakpoints

package/dist/{chunk-EKU37RBB.js → chunk-F4RWDLPI.js}

@@ -1,12 +1,12 @@
 import {
   Tooltip
-} from "./chunk-FLYNOCPZ.js";
+} from "./chunk-5W523NQP.js";
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   __async
 } from "./chunk-LOPKRCGI.js";

package/dist/{chunk-SCB4M3K3.js → chunk-FBU6BGRP.js}

@@ -1,30 +1,47 @@
 import {
   toNonTypographicReactNodes
-} from "./chunk-J2NLRI2M.js";
+} from "./chunk-UC6SP4KJ.js";
+import {
+  typographyStyles
+} from "./chunk-EGOOSBGG.js";
 import {
   applyTypography
-} from "./chunk-L3BNIBK3.js";
+} from "./chunk-GHXNMLAB.js";
 
 // src/components/typography/LabelStrong.tsx
 import styled from "@emotion/styled";
 import { jsx } from "@emotion/react/jsx-runtime";
 var LabelStrong = ({
-  content,
-  color,
-  size = "Medium",
+  block = false,
   children,
-  block = false
+  color,
+  content,
+  display,
+  hideOverflow = false,
+  id,
+  size = "Medium"
 }) => {
   let reactNodes = children || null;
   if (content) {
     reactNodes = toNonTypographicReactNodes(content);
   }
-  return /* @__PURE__ */ jsx(StyledLabelStrong, { size, colorProp: color, block, children: reactNodes });
+  return /* @__PURE__ */ jsx(
+    StyledLabelStrong,
+    {
+      size,
+      colorProp: color,
+      block,
+      id,
+      hideOverflow,
+      displayProp: display,
+      children: reactNodes
+    }
+  );
 };
 var StyledLabelStrong = styled.span`
   ${({ theme, size, colorProp }) => applyTypography(theme, "Label Strong", size, colorProp)}
   ${({ block }) => block ? "display: block;" : ""}
-  cursor: inherit;
+  ${typographyStyles}
 `;
 
 export {

package/dist/{chunk-6L3PB65W.js → chunk-FH3E64BU.js}

@@ -1,27 +1,46 @@
 import {
   toNonTypographicReactNodes
-} from "./chunk-J2NLRI2M.js";
+} from "./chunk-UC6SP4KJ.js";
+import {
+  typographyStyles
+} from "./chunk-EGOOSBGG.js";
 import {
   applyTypography
-} from "./chunk-L3BNIBK3.js";
+} from "./chunk-GHXNMLAB.js";
 
 // src/components/typography/Code.tsx
 import styled from "@emotion/styled";
 import { jsx } from "@emotion/react/jsx-runtime";
 var Code = ({
-  content,
+  block = false,
+  children,
   color,
-  size = "Medium",
-  children
+  content,
+  display,
+  hideOverflow = false,
+  id,
+  size = "Medium"
 }) => {
   let reactNodes = children || null;
   if (content) {
     reactNodes = toNonTypographicReactNodes(content);
   }
-  return /* @__PURE__ */ jsx(StyledCode, { size, colorProp: color, children: reactNodes });
+  return /* @__PURE__ */ jsx(
+    StyledCode,
+    {
+      block,
+      colorProp: color,
+      displayProp: display,
+      hideOverflow,
+      id,
+      size,
+      children: reactNodes
+    }
+  );
 };
-var StyledCode = styled.div`
+var StyledCode = styled.span`
   ${({ theme, size, colorProp }) => applyTypography(theme, "Code", size, colorProp)}
+  ${typographyStyles}
 `;
 
 export {

package/dist/{chunk-Q4CBVF2A.cjs → chunk-FJZXLAEH.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQ4BUF3EOcjs = require('./chunk-Q4BUF3EO.cjs');
+var _chunkO7UTME4Vcjs = require('./chunk-O7UTME4V.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -15,7 +15,7 @@ function GradientCardHeader(props) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardHeaderWrapper, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Gradients, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ4BUF3EOcjs.StatusIndicator, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, props.status)),
+      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO7UTME4Vcjs.StatusIndicator, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, props.status)),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeaderTitle, { children: props.title })
     ] }),
     props.children