@pautena/react-design-system 1.0.1 → 2.0.0-alpha.1b

package/dist/Label/Label.mjs

@@ -1,61 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import d from "@mui/material/Box";
-import { useTheme as h } from "@mui/material/styles";
-const m = {
-  root: "RdsLabel-root"
-};
-function x({
-  text: o,
-  color: e,
-  variant: r = "default",
-  textTransform: s = "capitalize",
-  sx: i
-}) {
-  const { palette: t, typography: n } = h(), a = {
-    default: t.mode === "light" ? t.grey[100] : t.grey[900],
-    primary: t.primary.light,
-    secondary: t.secondary.light,
-    info: t.info.light,
-    warning: t.warning.light,
-    error: t.error.light,
-    success: t.success.light
-  }, l = {
-    default: t.getContrastText(a.default),
-    primary: t.primary.contrastText,
-    secondary: t.secondary.contrastText,
-    info: t.info.contrastText,
-    warning: t.warning.contrastText,
-    error: t.error.contrastText,
-    success: t.success.contrastText
-  }, c = e || a[r], g = e ? t.getContrastText(e) : l[r];
-  return /* @__PURE__ */ f(
-    d,
-    {
-      height: 24,
-      minWidth: 22,
-      display: "inline-flex",
-      justifyContent: "center",
-      alignItems: "center",
-      bgcolor: c,
-      color: g,
-      fontSize: n.caption.fontSize,
-      fontWeight: n.fontWeightBold,
-      lineHeight: 0,
-      textTransform: s,
-      whiteSpace: "nowrap",
-      borderRadius: 2,
-      role: "label",
-      "aria-label": `${o} ${r} label`,
-      py: 0,
-      px: 1,
-      sx: { cursor: "default", ...i },
-      children: o
-    }
-  );
-}
-export {
-  x as Label,
-  x as default,
-  m as labelClasses
-};
-//# sourceMappingURL=Label.mjs.map

package/dist/Label/Label.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.mjs","sources":["../../src/Label/Label.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\n/**\n * Props for the Label component\n */\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n  /**\n   * Background color. Overrides variant\n   */\n  color?: string;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport function Label({\n  text,\n  color: colorProp,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  const bgcolor = colorProp ? colorProp : backgroundColor[variant];\n  const color = colorProp\n    ? palette.getContrastText(colorProp)\n    : textColor[variant];\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={bgcolor}\n      color={color}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n}\n\nexport default Label;\n"],"names":["labelClasses","Label","text","colorProp","variant","textTransform","sx","palette","typography","useTheme","backgroundColor","textColor","bgcolor","color","jsx","Box"],"mappings":";;;AAYO,MAAMA,IAAe;AAAA,EAC1B,MAAM;AACR;AAiCO,SAASC,EAAM;AAAA,EACpB,MAAAC;AAAA,EACA,OAAOC;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,IAAAC;AACF,GAAe;AACb,QAAM,EAAE,SAAAC,GAAS,YAAAC,EAAA,IAAeC,EAAA,GAE1BC,IAAgD;AAAA,IACpD,SAASH,EAAQ,SAAS,UAAUA,EAAQ,KAAK,GAAG,IAAIA,EAAQ,KAAK,GAAG;AAAA,IACxE,SAASA,EAAQ,QAAQ;AAAA,IACzB,WAAWA,EAAQ,UAAU;AAAA,IAC7B,MAAMA,EAAQ,KAAK;AAAA,IACnB,SAASA,EAAQ,QAAQ;AAAA,IACzB,OAAOA,EAAQ,MAAM;AAAA,IACrB,SAASA,EAAQ,QAAQ;AAAA,EAAA,GAGrBI,IAA0C;AAAA,IAC9C,SAASJ,EAAQ,gBAAgBG,EAAgB,OAAO;AAAA,IACxD,SAASH,EAAQ,QAAQ;AAAA,IACzB,WAAWA,EAAQ,UAAU;AAAA,IAC7B,MAAMA,EAAQ,KAAK;AAAA,IACnB,SAASA,EAAQ,QAAQ;AAAA,IACzB,OAAOA,EAAQ,MAAM;AAAA,IACrB,SAASA,EAAQ,QAAQ;AAAA,EAAA,GAGrBK,IAAUT,KAAwBO,EAAgBN,CAAO,GACzDS,IAAQV,IACVI,EAAQ,gBAAgBJ,CAAS,IACjCQ,EAAUP,CAAO;AAErB,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,SAAAH;AAAA,MACA,OAAAC;AAAA,MACA,UAAUL,EAAW,QAAQ;AAAA,MAC7B,YAAYA,EAAW;AAAA,MACvB,YAAY;AAAA,MACZ,eAAAH;AAAA,MACA,YAAW;AAAA,MACX,cAAc;AAAA,MACd,MAAK;AAAA,MACL,cAAY,GAAGH,CAAI,IAAIE,CAAO;AAAA,MAC9B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI,EAAE,QAAQ,WAAW,GAAGE,EAAA;AAAA,MAE3B,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/Label/index.d.ts

@@ -1,2 +0,0 @@
-export type { LabelProps, LabelVariant } from './Label';
-export { default, default as Label, labelClasses } from './Label';