@useloops/design-system 1.4.705 → 1.4.707

package/dist/esm/systems/WebCore/Button/Button.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{styled as o}from"@mui/material";import"react";import{omitProps as r}from"../../../utils/shouldForwardProp.js";import{primary as e,secondary as i,outlined as a,subtle as s,buttonPadding as n,getIconSizing as u,getButtonSizing as c,getButtonTypography as l}from"../ButtonBase/Button.variant-helpers.js";import m from"../ButtonBase/ButtonBase.js";const p=o(m,{shouldForwardProp:r("variation","destructive","sizing")})(({theme:t,variation:o,sizing:r,destructive:m})=>({color:t.custom.palette.text.primary,...r&&{...l(r)},...r&&{...c(r)},...r&&{...u(r)},...n(),"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&:focus:before":{backgroundColor:t.custom.palette.interaction.hover},"&:active:before":{backgroundColor:t.custom.palette.interaction.press},"&:disabled":{backgroundColor:t.custom.palette.interaction.disabled,color:t.custom.palette.text.disabled},..."subtle"===o&&{...s(t,m)},..."outlined"===o&&{...a(t,m)},..."secondary"===o&&{...i(t,m)},..."primary"===o&&{...e(t,m)}})),d=({sizing:o="lg",variation:r="primary",...e})=>t(p,{variation:r,sizing:o,...e});export{d as default};
+import{jsx as o}from"react/jsx-runtime";import{styled as t}from"@mui/material";import"react";import{omitProps as r}from"../../../utils/shouldForwardProp.js";import{primary as e,secondary as i,outlined as a,subtle as s,buttonPadding as n,getIconSizing as u,getButtonSizing as l,getButtonTypography as c}from"../ButtonBase/Button.variant-helpers.js";import m from"../ButtonBase/ButtonBase.js";const d=t(m,{shouldForwardProp:r("variation","destructive","sizing")})(({theme:o,variation:t,sizing:r,destructive:m})=>({color:o.custom.palette.text.primary,...r&&{...c(r)},...r&&{...l(r)},...r&&{...u(r)},...n(),"&:hover:before":{backgroundColor:o.custom.palette.interaction.hover},"&:focus:before":{backgroundColor:o.custom.palette.interaction.hover},"&:active:before":{backgroundColor:o.custom.palette.interaction.press},..."subtle"===t&&{...s(o,m)},..."outlined"===t&&{...a(o,m)},..."secondary"===t&&{...i(o,m)},..."primary"===t&&{...e(o,m)},"&.Mui-disabled, &.Mui-disabled:hover":{backgroundColor:o.custom.palette.interaction.disabled,color:o.custom.palette.text.disabled,"&:before":{backgroundColor:"transparent"}}})),p=({sizing:t="lg",variation:r="primary",...e})=>o(d,{variation:r,sizing:t,...e});export{p as default};

package/dist/esm/systems/WebCore/KbdGroup/Kbd.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as t}from"@mui/material";import{Text as o}from"../Text/Text.js";const r=t("kbd")(({theme:e})=>({display:"flex",minWidth:20,boxSizing:"border-box",justifyContent:"center",alignItems:"center",backgroundColor:e.custom.palette.surface.default,border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.sm),padding:"2px 4px"})),i=({children:t})=>e(r,{children:e(o,{size:"sm",secondary:!0,sx:{lineHeight:"110%",fontFamily:'"SF Compact", "Segoe UI Symbol", "Segoe Fluent Icons", "Segoe UI Emoji", "Founders Grotesk", sans-serif'},children:t})});export{i as default};
+import{jsx as e}from"react/jsx-runtime";import{styled as t}from"@mui/material";import{Text as o}from"../Text/Text.js";const r=t("kbd")(({theme:e})=>({display:"flex",boxSizing:"border-box",justifyContent:"center",alignItems:"center",height:20,minWidth:20,padding:"0 4px",backgroundColor:e.custom.palette.surface.default,border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.sm)})),s=({children:t,sx:s})=>e(r,{sx:s,children:e(o,{size:"sm",secondary:!0,sx:{lineHeight:"110%",fontFamily:'"SF Compact", "Segoe UI Symbol", "Segoe Fluent Icons", "Segoe UI Emoji", "Founders Grotesk", sans-serif'},children:t})});export{s as default};

package/dist/systems/WebCore/Button/Button.js

@@ -1 +1 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material");require("react");var r=require("../../../utils/shouldForwardProp.js"),o=require("../ButtonBase/Button.variant-helpers.js"),i=require("../ButtonBase/ButtonBase.js");const a=e.styled(i,{shouldForwardProp:r.omitProps("variation","destructive","sizing")})(({theme:t,variation:e,sizing:r,destructive:i})=>({color:t.custom.palette.text.primary,...r&&{...o.getButtonTypography(r)},...r&&{...o.getButtonSizing(r)},...r&&{...o.getIconSizing(r)},...o.buttonPadding(),"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&:focus:before":{backgroundColor:t.custom.palette.interaction.hover},"&:active:before":{backgroundColor:t.custom.palette.interaction.press},"&:disabled":{backgroundColor:t.custom.palette.interaction.disabled,color:t.custom.palette.text.disabled},..."subtle"===e&&{...o.subtle(t,i)},..."outlined"===e&&{...o.outlined(t,i)},..."secondary"===e&&{...o.secondary(t,i)},..."primary"===e&&{...o.primary(t,i)}}));module.exports=({sizing:e="lg",variation:r="primary",...o})=>t.jsx(a,{variation:r,sizing:e,...o});
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material");require("react");var r=require("../../../utils/shouldForwardProp.js"),o=require("../ButtonBase/Button.variant-helpers.js"),i=require("../ButtonBase/ButtonBase.js");const a=t.styled(i,{shouldForwardProp:r.omitProps("variation","destructive","sizing")})(({theme:e,variation:t,sizing:r,destructive:i})=>({color:e.custom.palette.text.primary,...r&&{...o.getButtonTypography(r)},...r&&{...o.getButtonSizing(r)},...r&&{...o.getIconSizing(r)},...o.buttonPadding(),"&:hover:before":{backgroundColor:e.custom.palette.interaction.hover},"&:focus:before":{backgroundColor:e.custom.palette.interaction.hover},"&:active:before":{backgroundColor:e.custom.palette.interaction.press},..."subtle"===t&&{...o.subtle(e,i)},..."outlined"===t&&{...o.outlined(e,i)},..."secondary"===t&&{...o.secondary(e,i)},..."primary"===t&&{...o.primary(e,i)},"&.Mui-disabled, &.Mui-disabled:hover":{backgroundColor:e.custom.palette.interaction.disabled,color:e.custom.palette.text.disabled,"&:before":{backgroundColor:"transparent"}}}));module.exports=({sizing:t="lg",variation:r="primary",...o})=>e.jsx(a,{variation:r,sizing:t,...o});

package/dist/systems/WebCore/KbdGroup/Kbd.d.ts

@@ -1,6 +1,8 @@
+import { SxProps, Theme } from '@mui/material';
 import { FunctionComponent, PropsWithChildren } from 'react';
 
 interface KbdProps extends PropsWithChildren {
+    sx?: SxProps<Theme>;
 }
 declare const Kbd: FunctionComponent<KbdProps>;
 

package/dist/systems/WebCore/KbdGroup/Kbd.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("../Text/Text.js");const s=t.styled("kbd")(({theme:e})=>({display:"flex",minWidth:20,boxSizing:"border-box",justifyContent:"center",alignItems:"center",backgroundColor:e.custom.palette.surface.default,border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.sm),padding:"2px 4px"}));module.exports=({children:t})=>e.jsx(s,{children:e.jsx(r.Text,{size:"sm",secondary:!0,sx:{lineHeight:"110%",fontFamily:'"SF Compact", "Segoe UI Symbol", "Segoe Fluent Icons", "Segoe UI Emoji", "Founders Grotesk", sans-serif'},children:t})});
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),s=require("../Text/Text.js");const r=t.styled("kbd")(({theme:e})=>({display:"flex",boxSizing:"border-box",justifyContent:"center",alignItems:"center",height:20,minWidth:20,padding:"0 4px",backgroundColor:e.custom.palette.surface.default,border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.sm)}));module.exports=({children:t,sx:i})=>e.jsx(r,{sx:i,children:e.jsx(s.Text,{size:"sm",secondary:!0,sx:{lineHeight:"110%",fontFamily:'"SF Compact", "Segoe UI Symbol", "Segoe Fluent Icons", "Segoe UI Emoji", "Founders Grotesk", sans-serif'},children:t})});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.705",
+    "version": "1.4.707",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",