@lightsparkdev/ui 1.0.9 → 1.0.11

package/dist/{chunk-2HIH3J6K.js → chunk-MNMGIPSQ.js}

@@ -7,17 +7,17 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-W5NH2F3D.js";
+} from "./chunk-UGHP4KVZ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   getColor,
   themeOr
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-HYUF4RXZ.js";
 import {
   __objRest,
   __spreadProps,

package/dist/chunk-MPUHSMAP.js

@@ -0,0 +1,35 @@
+import {
+  getPropDefaultsBase
+} from "./chunk-BVEHA6GI.js";
+import {
+  typographyStyles
+} from "./chunk-X5SBSJ3Z.js";
+import {
+  applyTypography
+} from "./chunk-FH6BM3M7.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/typography/base/LabelStrong.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function LabelStrongString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsx(StyledLabelStrong, __spreadProps(__spreadValues({}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return getPropDefaultsBase(props, { as: props.tag || "span" });
+}
+var StyledLabelStrong = styled.span`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Label Strong", size, colorProp)}
+  ${typographyStyles}
+`;
+
+export {
+  LabelStrongString,
+  getPropDefaults,
+  StyledLabelStrong
+};

package/dist/{chunk-PFBJ4FWY.js → chunk-N5BFM67M.js}

@@ -1,15 +1,15 @@
 import {
   TextIconAligner
-} from "./chunk-LTVF3OV7.js";
+} from "./chunk-PGBN4QPX.js";
 import {
   UnstyledButton
-} from "./chunk-EYWGUIVP.js";
+} from "./chunk-7SNXBUCU.js";
 import {
   getFocusOutline
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YBJVTNAP.js";
 import {
   Link
-} from "./chunk-ELHOJIVP.js";
+} from "./chunk-TIX47F5U.js";
 import {
   elide
 } from "./chunk-EDN2QDCB.js";
@@ -43,7 +43,7 @@ function TextButton({
   let rightIconProp = rightIcon;
   if (typeof rightIcon === "undefined" && typeof leftIcon === "undefined") {
     rightIconProp = {
-      name: "RightArrow"
+      name: "ArrowRight"
     };
   }
   const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";

package/dist/{chunk-K3DMPJSX.js → chunk-NCLVA6JY.js}

@@ -1,19 +1,19 @@
 import {
   icons_exports
-} from "./chunk-FQNP43IR.js";
+} from "./chunk-XYP5XYVU.js";
 import {
   invertFillColor,
   invertStrokeColor
 } from "./chunk-VI6WTKMV.js";
 import {
   rootFontSizePx
-} from "./chunk-ZMK4RE5I.js";
-import {
-  getFontColor
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-YBJVTNAP.js";
 import {
   isString
 } from "./chunk-EDN2QDCB.js";
+import {
+  getFontColor
+} from "./chunk-HYUF4RXZ.js";
 
 // src/components/Icon/Icon.tsx
 import styled from "@emotion/styled";
@@ -24,15 +24,15 @@ function Icon({
   width,
   tutorialStep,
   id,
-  mr = 0,
-  ml = 0,
+  mr: mrProp = 0,
+  ml: mlProp = 0,
   color = void 0,
   verticalAlign = "middle"
 }) {
   const IconComponent = icons_exports[name] || null;
   const w = parseFloat((width / rootFontSizePx).toFixed(2));
-  const mrRems = parseFloat((mr / rootFontSizePx).toFixed(2));
-  const mlRems = parseFloat((ml / rootFontSizePx).toFixed(2));
+  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / rootFontSizePx).toFixed(2))}em` : mrProp;
+  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / rootFontSizePx).toFixed(2))}em` : mlProp;
   const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / rootFontSizePx).toFixed(2));
   return /* @__PURE__ */ jsx(
     IconContainer,
@@ -40,8 +40,8 @@ function Icon({
       id,
       className,
       w,
-      mr: mrRems,
-      ml: mlRems,
+      mr,
+      ml,
       verticalAlign: va,
       fontColor: color,
       "data-tutorial-tip": tutorialStep == null ? void 0 : tutorialStep.toString(),
@@ -56,8 +56,8 @@ var IconContainer = styled.span`
     width: ${w}em;
     /* ensure no shrink in flex containers: */
     min-width: ${w}em;
-    ${mr ? `margin-right: ${mr}em;` : ""}
-    ${ml ? `margin-left: ${ml}em;` : ""}
+    ${mr ? `margin-right: ${mr};` : ""}
+    ${ml ? `margin-left: ${ml};` : ""}
   `}
 
   vertical-align: ${({ verticalAlign }) => isString(verticalAlign) ? verticalAlign : `${verticalAlign}em`};

package/dist/{chunk-3NCG3JGI.js → chunk-NHRJSG5K.js}

@@ -1,12 +1,12 @@
 import {
   Tooltip
-} from "./chunk-GUGOSES5.js";
+} from "./chunk-EVYCZKU3.js";
 import {
   toReactNodes
-} from "./chunk-NXSA7WNB.js";
+} from "./chunk-2I22MYIY.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NCLVA6JY.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";

package/dist/{chunk-4SNEOOFX.cjs → chunk-NL2PRKWN.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkVZEYA2KHcjs = require('./chunk-VZEYA2KH.cjs');
+var _chunkQ7C5LR6Icjs = require('./chunk-Q7C5LR6I.cjs');
 
 
-var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 // src/components/TextIconAligner.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
@@ -27,13 +27,13 @@ function TextIconAligner({
     text: defaultTypography,
     nextLink: defaultTypography
   };
-  const nodesWithTypography = _chunkVZEYA2KHcjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunkQ7C5LR6Icjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  const content = _chunkLHXL6GOOcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunk36SDWEWYcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkI6Y7IHF5cjs.Icon,
+    _chunkUMU7TYANcjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -42,7 +42,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkI6Y7IHF5cjs.Icon,
+    _chunkUMU7TYANcjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

package/dist/{chunk-NROZVENV.cjs → chunk-NPK4DLGQ.cjs}

@@ -7,17 +7,17 @@
 
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 
 
@@ -49,24 +49,24 @@ function Select(_a) {
   const styles = {
     container: (styles2, state) => {
       return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
-        width: _chunkNVVAOGNLcjs.fieldWidth,
-        maxWidth: _chunkNVVAOGNLcjs.maxFieldWidth,
+        width: _chunkBCPM2M3Ycjs.fieldWidth,
+        maxWidth: _chunkBCPM2M3Ycjs.maxFieldWidth,
         zIndex: _chunkZU72XWNEcjs.z.select
       });
     },
     control: (styles2, state) => {
       return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
         transition: "none",
-        padding: state.menuIsOpen || state.isFocused ? `${_chunkNVVAOGNLcjs.textInputPaddingPx - 1}px` : _chunkNVVAOGNLcjs.textInputPadding,
+        padding: state.menuIsOpen || state.isFocused ? `${_chunkBCPM2M3Ycjs.textInputPaddingPx - 1}px` : _chunkBCPM2M3Ycjs.textInputPadding,
         boxShadow: "none",
         background: theme.bg,
         minHeight: 0,
         fontSize: 14,
         borderWidth: state.menuIsOpen || state.isFocused ? "2px" : "1px",
         "&:hover": {
-          borderColor: state.menuIsOpen ? _chunkNVVAOGNLcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkNVVAOGNLcjs.textInputBorderColor.call(void 0, { theme })
+          borderColor: state.menuIsOpen ? _chunkBCPM2M3Ycjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkBCPM2M3Ycjs.textInputBorderColor.call(void 0, { theme })
         },
-        borderColor: state.menuIsOpen || state.isFocused ? _chunkNVVAOGNLcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkNVVAOGNLcjs.textInputBorderColor.call(void 0, { theme })
+        borderColor: state.menuIsOpen || state.isFocused ? _chunkBCPM2M3Ycjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkBCPM2M3Ycjs.textInputBorderColor.call(void 0, { theme })
       });
     },
     indicatorsContainer: (styles2) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
@@ -89,13 +89,13 @@ function Select(_a) {
     option: (styles2, props) => {
       const optionStyles = getOptionStyles ? getOptionStyles(styles2, props) : {};
       return _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
-        color: props.isFocused ? _chunkJX6HEEEQcjs.getColor.call(void 0, theme, _chunkNVVAOGNLcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkNVVAOGNLcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkJX6HEEEQcjs.getColor.call(void 0, theme, _chunkNVVAOGNLcjs.defaultTextInputTypography.color),
+        color: props.isFocused ? _chunk7EIZIKLRcjs.getColor.call(void 0, theme, _chunkBCPM2M3Ycjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkBCPM2M3Ycjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunk7EIZIKLRcjs.getColor.call(void 0, theme, _chunkBCPM2M3Ycjs.defaultTextInputTypography.color),
         fontWeight: 600,
         cursor: "pointer",
-        backgroundColor: props.isFocused ? _chunkJX6HEEEQcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
+        backgroundColor: props.isFocused ? _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
         WebkitTapHighlightColor: theme.c1Neutral,
         "&:active": {
-          backgroundColor: _chunkJX6HEEEQcjs.themeOr.call(void 0, 
+          backgroundColor: _chunk7EIZIKLRcjs.themeOr.call(void 0, 
             theme.c05Neutral,
             theme.c5Neutral
           )({ theme })
@@ -134,7 +134,7 @@ function Select(_a) {
         menuPortalTarget: document.body,
         ref: selectRef,
         components: {
-          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Chevron", width: 16 })
+          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Chevron", width: 16 })
           // Option: (option) => {
           //   return <div>Option</div>;
           // },