@functionalui/functionalui 0.1.8 → 0.2.3

package/dist/chip/index.d.ts

@@ -0,0 +1,159 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const Chip: FC<P>;
+
+declare enum ChipSizes {
+    Tiny = 1,
+    Small = 2,
+    Medium = 3,
+    Big = 4
+}
+
+declare enum ChipStyles {
+    Filled = 1,
+    Outlined = 2
+}
+
+declare enum ColorPalettes {
+    Transparent = 1,// (0, 1)
+    Grey1 = 2,
+    Grey2 = 3,
+    Grey3 = 4,
+    Grey4 = 5,
+    Grey5 = 6,
+    Grey6 = 7,
+    Grey7 = 8,
+    Grey8 = 9,
+    Grey9 = 10,
+    Grey10 = 11,// (2, 11)
+    Primary1 = 12,
+    Primary2 = 13,
+    Primary3 = 14,
+    Primary4 = 15,
+    Primary5 = 16,
+    Primary6 = 17,
+    Primary7 = 18,
+    Primary8 = 19,
+    Primary9 = 20,// (12, 20)
+    Secondary1 = 21,
+    Secondary2 = 22,
+    Secondary3 = 23,
+    Secondary4 = 24,
+    Secondary5 = 25,
+    Secondary6 = 26,
+    Secondary7 = 27,
+    Secondary8 = 28,
+    Secondary9 = 29,// (21, 29)
+    Red1 = 30,
+    Red2 = 31,
+    Red3 = 32,
+    Red4 = 33,
+    Red5 = 34,
+    Red6 = 35,
+    Red7 = 36,
+    Red8 = 37,
+    Red9 = 38,// (30, 38)
+    Green1 = 39,
+    Green2 = 40,
+    Green3 = 41,
+    Green4 = 42,
+    Green5 = 43,
+    Green6 = 44,
+    Green7 = 45,
+    Green8 = 46,
+    Green9 = 47,// (39, 47)
+    Blue1 = 48,
+    Blue2 = 49,
+    Blue3 = 50,
+    Blue4 = 51,
+    Blue5 = 52,
+    Blue6 = 53,
+    Blue7 = 54,
+    Blue8 = 55,
+    Blue9 = 56,// (48, 56)
+    Yellow1 = 57,
+    Yellow2 = 58,
+    Yellow3 = 59,
+    Yellow4 = 60,
+    Yellow5 = 61,
+    Yellow6 = 62,
+    Yellow7 = 63,
+    Yellow8 = 64,
+    Yellow9 = 65,// (57, 65)
+    Accent1_1 = 66,
+    Accent1_2 = 67,
+    Accent1_3 = 68,
+    Accent1_4 = 69,
+    Accent1_5 = 70,
+    Accent1_6 = 71,
+    Accent1_7 = 72,
+    Accent1_8 = 73,
+    Accent1_9 = 74,// (57, 65)
+    Accent2_1 = 75,
+    Accent2_2 = 76,
+    Accent2_3 = 77,
+    Accent2_4 = 78,
+    Accent2_5 = 79,
+    Accent2_6 = 80,
+    Accent2_7 = 81,
+    Accent2_8 = 82,
+    Accent2_9 = 83
+}
+
+declare enum ColorSets {
+    Transparents = 1,
+    Greys = 2,
+    Primarys = 3,
+    Secondarys = 4,
+    Reds = 5,
+    Greens = 6,
+    Blues = 7,
+    Yellows = 8,
+    Accents1 = 9,
+    Accents2 = 10
+}
+
+declare enum FontSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9,
+    Size10 = 10
+}
+
+declare interface P {
+    children: ReactNode;
+    paddings?: "top bottom" | "left right" | "all";
+    margin?: Spacings | undefined;
+    marginTop?: Spacings | undefined;
+    marginBottom?: Spacings | undefined;
+    marginLeft?: Spacings | undefined;
+    marginRight?: Spacings | undefined;
+    bgColor?: ColorPalettes;
+    chipStyle?: ChipStyles;
+    fontSize?: FontSizes;
+    chipColor?: ColorSets;
+    size?: ChipSizes;
+}
+
+declare enum Spacings {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7,
+    Size7 = 8,
+    Size8 = 9,
+    Size9 = 10,
+    Auto = 11
+}
+
+export { }

package/dist/chip/index.mjs

@@ -0,0 +1,132 @@
+import { jsx as p } from "react/jsx-runtime";
+import { C as O } from "../component-C1Gs4nVu.js";
+import { L as _ } from "../component-DRXQXr2G.js";
+import { T as v } from "../component-BvHdlcdE.js";
+import { C as l, a as E } from "../generics-D33J7ILI.js";
+import { a as L, c as T } from "../values-CSE3dLnv.js";
+import { a as I, B as M, R as e, S as o, d as n, f as k } from "../generics-C-WSPclF.js";
+import { b as H } from "../classes-CVxy1f4M.js";
+var c = /* @__PURE__ */ ((d) => (d[d.Tiny = 1] = "Tiny", d[d.Small = 2] = "Small", d[d.Medium = 3] = "Medium", d[d.Big = 4] = "Big", d))(c || {});
+const i = {
+  1: {
+    fontSize: n.Size1,
+    paddingTop: o.Size0,
+    paddingBottom: o.Size0,
+    paddingLeft: o.Size1,
+    paddingRight: o.Size1,
+    borderRadius: e.Size7
+  },
+  2: {
+    fontSize: n.Size2,
+    paddingTop: o.Size1,
+    paddingBottom: o.Size1,
+    paddingLeft: o.Size2,
+    paddingRight: o.Size2,
+    borderRadius: e.Size7
+  },
+  3: {
+    fontSize: n.Size3,
+    paddingTop: o.Size2,
+    paddingBottom: o.Size2,
+    paddingLeft: o.Size3,
+    paddingRight: o.Size3,
+    borderRadius: e.Size7
+  },
+  4: {
+    fontSize: n.Size4,
+    paddingTop: o.Size3,
+    paddingBottom: o.Size3,
+    paddingLeft: o.Size4,
+    paddingRight: o.Size4,
+    borderRadius: e.Size7
+  }
+};
+var y = /* @__PURE__ */ ((d) => (d[d.Filled = 1] = "Filled", d[d.Outlined = 2] = "Outlined", d))(y || {});
+const a = {
+  1: {
+    bgColor: l.Primary5,
+    font: {
+      fontColor: l.Grey9
+    }
+  },
+  2: {
+    border: {
+      borderColor: l.Primary5,
+      borderStyle: M.Solid,
+      borderWidth: I.Size2
+    },
+    font: {
+      // fontColor: ColorPalettes.Primary5,
+    }
+  }
+}, q = ({
+  children: d,
+  chipColor: r = E.Primarys,
+  paddings: C = "all",
+  margin: P,
+  marginTop: F,
+  marginBottom: W,
+  marginLeft: h,
+  marginRight: x,
+  fontSize: f,
+  // style,
+  chipStyle: t = y.Filled,
+  size: g = c.Medium
+}) => {
+  var m, S, s, b, u, R, z, B;
+  return /* @__PURE__ */ p(_, { display: H.Flex, children: /* @__PURE__ */ p(
+    O,
+    {
+      ...Y(C, g),
+      margin: P,
+      marginTop: F,
+      marginBottom: W,
+      marginLeft: h,
+      marginRight: x,
+      borderRadius: i[g].borderRadius,
+      borderColor: (m = a[t].border) == null ? void 0 : m.borderColor,
+      borderStyle: (S = a[t].border) == null ? void 0 : S.borderStyle,
+      borderWidth: (s = a[t].border) == null ? void 0 : s.borderWidth,
+      style: {
+        backgroundColor: (b = a[t]) != null && b.bgColor ? L[T[r][0] + 2] : void 0,
+        color: (R = (u = a[t]) == null ? void 0 : u.font) != null && R.fontColor ? (B = (z = a[t]) == null ? void 0 : z.font) == null ? void 0 : B.fontColor : L[T[r][0] + 4]
+      },
+      children: /* @__PURE__ */ p(
+        v,
+        {
+          style: {
+            display: "inline-block",
+            transform: "translateY(-1px)",
+            color: "inherit"
+          },
+          fontSize: f || i[g].fontSize,
+          fontWeight: k.Size3,
+          children: d
+        }
+      )
+    }
+  ) });
+}, Y = (d, r) => {
+  switch (d) {
+    case "all":
+      return {
+        paddingTop: i[r].paddingTop,
+        paddingBottom: i[r].paddingBottom,
+        paddingLeft: i[r].paddingLeft,
+        paddingRight: i[r].paddingRight
+      };
+    case "left right":
+      return {
+        paddingLeft: i[r].paddingLeft,
+        paddingRight: i[r].paddingRight
+      };
+    default:
+      return {
+        paddingTop: i[r].paddingTop,
+        paddingBottom: i[r].paddingBottom
+      };
+  }
+};
+export {
+  q as Chip
+};