@lightsparkdev/ui 1.0.12 → 1.0.14

package/dist/{chunk-GLSWZ36Y.cjs → chunk-OEJWIKG7.cjs}

@@ -1,38 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJDWL6PDJcjs = require('./chunk-JDWL6PDJ.cjs');
+var _chunkU6CIT7U5cjs = require('./chunk-U6CIT7U5.cjs');
 
 
 
 
 
 
-var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+var _chunk3QEUCAATcjs = require('./chunk-3QEUCAAT.cjs');
 
 
-var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
+var _chunkXRNCL5CAcjs = require('./chunk-XRNCL5CA.cjs');
 
 
-var _chunkQWXH7CSVcjs = require('./chunk-QWXH7CSV.cjs');
+var _chunkQ4RAJLKPcjs = require('./chunk-Q4RAJLKP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkATCXH4ZAcjs = require('./chunk-ATCXH4ZA.cjs');
+var _chunkIXUJXA5Dcjs = require('./chunk-IXUJXA5D.cjs');
 
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
-var _chunkHCOW6636cjs = require('./chunk-HCOW6636.cjs');
+var _chunkF6XEXDWUcjs = require('./chunk-F6XEXDWU.cjs');
 
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 
 
@@ -51,7 +51,7 @@ function withDefaults(textInputProps) {
     width: textInputProps.width || "full",
     type: textInputProps.type || "text",
     disabled: Boolean(textInputProps.disabled),
-    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkLQ7N5FRYcjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunk3QEUCAATcjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
@@ -168,7 +168,7 @@ function TextInput(textInputProps) {
           focused,
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: props.icon.name, width: iconWidth })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: props.icon.name, width: iconWidth })
         }
       ),
       isIconRight ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: input })
@@ -194,18 +194,18 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLQ7N5FRYcjs.InputSubtext,
+      _chunk3QEUCAATcjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQWXH7CSVcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ4RAJLKPcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkHCOW6636cjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkF6XEXDWUcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -216,10 +216,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunkRROZ5XYPcjs.IconContainer.toString()} {
+  & ${_chunkZFJVBBROcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -233,10 +233,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkC6XJ7ZJFcjs.getFontColor.call(void 0, theme, colorProp) : _chunkLQ7N5FRYcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkCUOCAP4Wcjs.getFontColor.call(void 0, theme, colorProp) : _chunk3QEUCAATcjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkLQ7N5FRYcjs.textInputStyle};
+  ${_chunk3QEUCAATcjs.textInputStyle};
 
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
@@ -259,7 +259,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -269,7 +269,7 @@ var RightButton = _styled2.default.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -281,7 +281,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
+  margin-top: ${_chunk3QEUCAATcjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -295,18 +295,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
+    margin-top: ${_chunk3QEUCAATcjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkATCXH4ZAcjs.CheckboxContainer.toString()} + &,
-  ${_chunkJDWL6PDJcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkATCXH4ZAcjs.CheckboxContainer.toString()},
-  & + ${_chunkJDWL6PDJcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
+  ${_chunkIXUJXA5Dcjs.CheckboxContainer.toString()} + &,
+  ${_chunkU6CIT7U5cjs.ToggleContainer.toString()} + &,
+  & + ${_chunkIXUJXA5Dcjs.CheckboxContainer.toString()},
+  & + ${_chunkU6CIT7U5cjs.ToggleContainer.toString()} {
+    margin-top: ${_chunk3QEUCAATcjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-PG25LYTU.cjs → chunk-OKWKREJU.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkLTAR34WVcjs = require('./chunk-LTAR34WV.cjs');
+var _chunkVGAI5SFRcjs = require('./chunk-VGAI5SFR.cjs');
 
 
-var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+var _chunk3QEUCAATcjs = require('./chunk-3QEUCAAT.cjs');
 
 
 
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkLTAR34WVcjs.SingleCodeInput,
+        _chunkVGAI5SFRcjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunkLQ7N5FRYcjs.textInputBorderColor};
+  background-color: ${_chunk3QEUCAATcjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/{chunk-RSZP4OJA.cjs → chunk-OUVGO7QH.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+var _chunk3QEUCAATcjs = require('./chunk-3QEUCAAT.cjs');
 
 // src/components/TextArea.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,7 +24,7 @@ function TextArea({
   readOnly = false
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLQ7N5FRYcjs.Label, { children: label }),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3QEUCAATcjs.Label, { children: label }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledTextArea,
       {
@@ -40,11 +40,11 @@ function TextArea({
         readOnly
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLQ7N5FRYcjs.InputSubtext, { text: error || hint })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3QEUCAATcjs.InputSubtext, { text: error || hint })
   ] });
 }
 var StyledTextArea = _styled2.default.textarea`
-  ${_chunkLQ7N5FRYcjs.textInputStyle}
+  ${_chunk3QEUCAATcjs.textInputStyle}
   resize: none;
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
 `;

package/dist/{chunk-53EV2WQY.js → chunk-OYZBOVOL.js}

@@ -1,15 +1,15 @@
 import {
   Loading
-} from "./chunk-24B3POUB.js";
+} from "./chunk-XDZPMJZG.js";
 import {
   UnstyledButton
-} from "./chunk-HGKK6OQJ.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   flexCenter
-} from "./chunk-AV62WHL7.js";
+} from "./chunk-A4MP3LYH.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   colors
 } from "./chunk-HO7LVJ3R.js";

package/dist/{chunk-KYPG23A5.cjs → chunk-OZ6V4UJ3.cjs}

@@ -5,16 +5,18 @@ var typographyStyles = ({
   block: blockProp,
   hideOverflow,
   displayProp,
-  textAlign
+  textAlign,
+  onClick
 }) => {
   const displayValue = blockProp || hideOverflow ? "block" : displayProp || null;
   return _react.css`
     /* Margins should always be set in parent style contexts eg Article: */
     margin: 0;
 
+    ${typeof onClick === "function" ? "cursor: pointer;" : ""}
     ${textAlign ? `text-align: ${textAlign};` : ""}
     ${displayValue ? `display: ${displayValue};` : ""}
-    ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" : ""}
+    ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;" : ""}
   `;
 };
 

package/dist/{chunk-PYV6DRBL.cjs → chunk-PRW5IDAH.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTETFIMNOcjs = require('./chunk-TETFIMNO.cjs');
+var _chunkNSUGNTKScjs = require('./chunk-NSUGNTKS.cjs');
 
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
 
@@ -26,13 +26,13 @@ function TextIconAligner({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkTETFIMNOcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkNSUGNTKScjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography,
     link: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, defaultTypography), { color: "link" })
   });
-  const content = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkRROZ5XYPcjs.Icon,
+    _chunkZFJVBBROcjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -41,7 +41,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkRROZ5XYPcjs.Icon,
+    _chunkZFJVBBROcjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

package/dist/{chunk-IGBNU4B5.cjs → chunk-PSHCQX72.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkDDRYWSRCcjs = require('./chunk-DDRYWSRC.cjs');
+var _chunk4NV7CLNVcjs = require('./chunk-4NV7CLNV.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, _chunkDDRYWSRCcjs.StatusIndicator, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props.status)),
+      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4NV7CLNVcjs.StatusIndicator, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props.status)),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeaderTitle, { children: props.title })
     ] }),
     props.children

package/dist/{chunk-ST3ESOEO.js → chunk-Q24YQBMB.js}

@@ -1,22 +1,22 @@
 import {
   Pill
-} from "./chunk-53EV2WQY.js";
+} from "./chunk-OYZBOVOL.js";
 import {
   TextInput
-} from "./chunk-4RHUIDWO.js";
+} from "./chunk-M5VGKEOK.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-IAGH4CKJ.js";
+} from "./chunk-GEE2G7BL.js";
 import {
   UnstyledButton
-} from "./chunk-HGKK6OQJ.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   useClipboard
 } from "./chunk-NFQP7P3D.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-QWXH7CSV.cjs → chunk-Q4RAJLKP.cjs}

@@ -3,7 +3,7 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
 
@@ -54,7 +54,7 @@ var styles = ({ theme }) => _css.css`
   border-radius: 8px !important;
   padding: 16px !important;
   z-index: ${_chunkZU72XWNEcjs.z.tooltip};
-  ${_chunkSWQDRB3Acjs.overlaySurface.call(void 0, { theme, important: true })};
+  ${_chunkRUDXRW4Rcjs.overlaySurface.call(void 0, { theme, important: true })};
 
   max-width: 260px;
   box-shadow:

package/dist/{chunk-7TBJ4QRU.js → chunk-Q4ZJ3X4P.js}

@@ -1,7 +1,7 @@
 // src/icons/ChevronLeft.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
 var ChevronLeft = ({
-  strokeWidth = "2",
+  strokeWidth = "1.5",
   strokeLinecap = "round",
   strokeLinejoin = "round"
 }) => /* @__PURE__ */ jsx(

package/dist/{chunk-6VYXAPL5.cjs → chunk-QBUNWSK7.cjs}

@@ -62,6 +62,14 @@ var defaultButtonsTheme = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5
         Large: 0
       }
     },
+    quaternary: {
+      defaultBackgroundColor: "transparent",
+      defaultBorderColor: "gray80",
+      defaultHoverBackgroundColor: "transparenta02",
+      defaultHoverBorderColor: "gray80",
+      defaultActiveBackgroundColor: "transparenta08",
+      defaultActiveBorderColor: "gray80"
+    },
     transparent: {
       defaultBackgroundColor: "transparent",
       defaultBorderColor: "transparent",

package/dist/{chunk-HCKCJR5Y.js → chunk-QNPCRFUV.js}

@@ -1,7 +1,10 @@
+import {
+  getTypography
+} from "./chunk-EWNQ3Z3L.js";
 import {
   buttonsThemeBase,
   defaultButtonsTheme
-} from "./chunk-BJSYSTAY.js";
+} from "./chunk-5WH6LRHH.js";
 import {
   cardFormThemeBase,
   defaultCardFormTheme
@@ -10,9 +13,6 @@ import {
   defaultLoadingTheme,
   loadingThemeBase
 } from "./chunk-LIVMIDVJ.js";
-import {
-  getTypography
-} from "./chunk-AZSSORPU.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
@@ -182,7 +182,7 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
   linkLight: "#0068C90F",
   inputBackground: colors.white,
   typography: getTypography("UmaAuthSdk" /* UmaAuthSdk */, {
-    main: "Inter",
+    main: "Manrope",
     code: "Monaco"
   }),
   content: extendBase(lightBaseTheme, {
@@ -201,12 +201,30 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
     defaultSize: "Medium",
     defaultBorderRadius: 999,
     defaultPaddingsY: {
-      ExtraSmall: 16,
-      Small: 16,
-      Schmedium: 16,
-      Medium: 16,
-      Mlarge: 16,
-      Large: 16
+      ExtraSmall: {
+        short: 14,
+        regular: 16
+      },
+      Small: {
+        short: 14,
+        regular: 16
+      },
+      Schmedium: {
+        short: 14,
+        regular: 16
+      },
+      Medium: {
+        short: 14,
+        regular: 16
+      },
+      Mlarge: {
+        short: 14,
+        regular: 16
+      },
+      Large: {
+        short: 14,
+        regular: 16
+      }
     },
     kinds: {
       primary: {
@@ -229,8 +247,16 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
         defaultBorderColor: "grayBlue94",
         defaultHoverBackgroundColor: "grayBlue88",
         defaultHoverBorderColor: "grayBlue88",
-        defaultActiveBackgroundColor: "grayBlue57",
-        defaultActiveBorderColor: "grayBlue57"
+        defaultActiveBackgroundColor: "grayBlue69",
+        defaultActiveBorderColor: "grayBlue69"
+      },
+      quaternary: {
+        defaultBackgroundColor: "transparent",
+        defaultBorderColor: "grayBlue80",
+        defaultHoverBackgroundColor: "grayBlue94",
+        defaultHoverBorderColor: "grayBlue80",
+        defaultActiveBackgroundColor: "grayBlue88",
+        defaultActiveBorderColor: "grayBlue80"
       },
       tertiary: {
         defaultColor: "bg",
@@ -280,7 +306,7 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
   link: colors.blue39,
   inputBackground: colors.gray5,
   typography: getTypography("UmaAuthSdk" /* UmaAuthSdk */, {
-    main: "Inter",
+    main: "Manrope",
     code: "Monaco"
   }),
   content: extendBase(lightBaseTheme, {
@@ -299,12 +325,30 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
     defaultSize: "Medium",
     defaultBorderRadius: 999,
     defaultPaddingsY: {
-      ExtraSmall: 16,
-      Small: 16,
-      Schmedium: 16,
-      Medium: 16,
-      Mlarge: 16,
-      Large: 16
+      ExtraSmall: {
+        short: 14,
+        regular: 16
+      },
+      Small: {
+        short: 14,
+        regular: 16
+      },
+      Schmedium: {
+        short: 14,
+        regular: 16
+      },
+      Medium: {
+        short: 14,
+        regular: 16
+      },
+      Mlarge: {
+        short: 14,
+        regular: 16
+      },
+      Large: {
+        short: 14,
+        regular: 16
+      }
     },
     kinds: {
       primary: {
@@ -330,8 +374,10 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
       transparent: {
         defaultBackgroundColor: "transparent",
         defaultBorderColor: "transparent",
-        defaultHoverBackgroundColor: "grayBlue94",
-        defaultHoverBorderColor: "transparent"
+        defaultHoverBackgroundColor: "transparenta02",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "transparenta08",
+        defaultActiveBorderColor: "transparent"
       },
       linkLight: {
         defaultColor: "link",
@@ -420,18 +466,35 @@ var bridgeBaseSettings = {
         defaultColor: "bg",
         defaultBackgroundColor: "blue39",
         defaultBorderColor: "blue39",
-        defaultHoverBackgroundColor: "blue37"
+        defaultHoverBackgroundColor: "blue37",
+        defaultHoverBorderColor: "blue37",
+        defaultActiveBackgroundColor: "blue22",
+        defaultActiveBorderColor: "blue22"
       },
       ghost: {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
         defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent"
+        defaultBorderColor: "transparent",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "transparent"
       },
       secondary: {
         defaultBackgroundColor: "transparent",
+        defaultBorderColor: "grayBlue80",
         defaultHoverBackgroundColor: "grayBlue94",
-        defaultBorderColor: "grayBlue80"
+        defaultHoverBorderColor: "grayBlue80",
+        defaultActiveBackgroundColor: "grayBlue88",
+        defaultActiveBorderColor: "grayBlue80"
+      },
+      transparent: {
+        defaultColor: "secondary",
+        defaultBackgroundColor: "transparent",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "transparenta02",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "transparenta08",
+        defaultActiveBorderColor: "transparent"
       }
     }
   }),

package/dist/{chunk-VXZ7H5N5.js → chunk-QSFCWODW.js}

@@ -1,15 +1,15 @@
 import {
   TextIconAligner
-} from "./chunk-GG7Q3VQ6.js";
+} from "./chunk-DIXTNCMZ.js";
 import {
   UnstyledButton
-} from "./chunk-HGKK6OQJ.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   getFocusOutline
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   Link
-} from "./chunk-PVEDEZJZ.js";
+} from "./chunk-UUKJNNJ5.js";
 import {
   elide
 } from "./chunk-EDN2QDCB.js";

package/dist/{chunk-BOZO2MC4.js → chunk-QVX254S6.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-HRNYKB2C.js";
+} from "./chunk-UNZTDJ63.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   TextInput
-} from "./chunk-4RHUIDWO.js";
+} from "./chunk-M5VGKEOK.js";
 import {
   Button
-} from "./chunk-WUPMVX4G.js";
+} from "./chunk-4EXNT44R.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-FYOO7WC6.cjs → chunk-R6JPNJPW.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
 
-var _chunkN5PWG2KYcjs = require('./chunk-N5PWG2KY.cjs');
+var _chunkID2SCAFFcjs = require('./chunk-ID2SCAFF.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Code.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Code(props) {
-  const propsWithDefaults = _chunkN5PWG2KYcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkID2SCAFFcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN5PWG2KYcjs.StyledCode, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkID2SCAFFcjs.StyledCode, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }