@gobolt/genesis 0.0.10 → 0.1.0

package/dist/utils/icon-util.js

@@ -0,0 +1,89 @@
+import { jsx as t } from "react/jsx-runtime";
+import { STATE as r } from "../constants/index.js";
+import { G as i } from "../iconBase-LROS5hdG.js";
+import { a as d } from "../index-BRUI9igj.js";
+import { R as m, a as p, b as v, c as g } from "../MinusCircleOutlined-Shz0RRQV.js";
+import { R as z } from "../ClockCircleOutlined-BaXQuLIn.js";
+import { d as l } from "../presets-Djh_L_6R.js";
+import * as n from "react";
+import { I as o } from "../AntdIcon-nCNB0J1E.js";
+import { R as C } from "../CloseCircleFilled-B9e7yFwo.js";
+import { R as S } from "../ExclamationCircleFilled-BHELVsTg.js";
+var h = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm176.5 585.7l-28.6 39a7.99 7.99 0 01-11.2 1.7L483.3 569.8a7.92 7.92 0 01-3.3-6.5V288c0-4.4 3.6-8 8-8h48.1c4.4 0 8 3.6 8 8v247.5l142.6 103.1c3.6 2.5 4.4 7.5 1.8 11.1z" } }] }, name: "clock-circle", theme: "filled" }, R = function(e, a) {
+  return /* @__PURE__ */ n.createElement(o, l({}, e, {
+    ref: a,
+    icon: h
+  }));
+}, f = /* @__PURE__ */ n.forwardRef(R);
+process.env.NODE_ENV !== "production" && (f.displayName = "ClockCircleFilled");
+var I = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm192 472c0 4.4-3.6 8-8 8H328c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h368c4.4 0 8 3.6 8 8v48z" } }] }, name: "minus-circle", theme: "filled" }, y = function(e, a) {
+  return /* @__PURE__ */ n.createElement(o, l({}, e, {
+    ref: a,
+    icon: I
+  }));
+}, u = /* @__PURE__ */ n.forwardRef(y);
+process.env.NODE_ENV !== "production" && (u.displayName = "MinusCircleFilled");
+function w(c) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" }, child: [] }] })(c);
+}
+function F(c) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" }, child: [] }] })(c);
+}
+const s = 14, T = (c, e) => {
+  switch (c) {
+    case r.error:
+      return e.colors.status.error.onsurface;
+    case r.success:
+      return e.colors.status.success.onsurface;
+    case r.warning:
+      return e.colors.status.warning.default;
+    case r.removed:
+      return e.colors.status.generic.default;
+    case r.progress:
+      return e.colors.timebox.evening.default;
+    case r.info:
+    default:
+      return e.colors.status.info.onsurface;
+  }
+}, V = (c, e, a = !0) => {
+  if (!a)
+    switch (c) {
+      case r.warning:
+        return /* @__PURE__ */ t(
+          g,
+          {
+            style: { color: e, fontSize: s }
+          }
+        );
+      case r.error:
+        return /* @__PURE__ */ t(v, { style: { color: e, fontSize: s } });
+      case r.success:
+        return /* @__PURE__ */ t(d, { style: { color: e, fontSize: s } });
+      case r.progress:
+        return /* @__PURE__ */ t(z, { style: { color: e, fontSize: s } });
+      case r.removed:
+        return /* @__PURE__ */ t(p, { style: { color: e, fontSize: s } });
+      case r.info:
+      default:
+        return /* @__PURE__ */ t(m, { style: { color: e, fontSize: s } });
+    }
+  switch (c) {
+    case r.warning:
+      return /* @__PURE__ */ t(S, { style: { color: e, fontSize: s } });
+    case r.error:
+      return /* @__PURE__ */ t(C, { style: { color: e, fontSize: s } });
+    case r.success:
+      return /* @__PURE__ */ t(w, { style: { color: e, fontSize: s } });
+    case r.progress:
+      return /* @__PURE__ */ t(f, { style: { color: e, fontSize: s } });
+    case r.removed:
+      return /* @__PURE__ */ t(u, { style: { color: e, fontSize: s } });
+    case r.info:
+    default:
+      return /* @__PURE__ */ t(F, { style: { color: e, fontSize: s + 8 } });
+  }
+};
+export {
+  V as getBadgeStateIcon,
+  T as getIconColor
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.0.10",
+  "version": "0.1.0",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",
@@ -44,10 +44,13 @@
     "@fontsource/roboto-mono": "^5.1.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.1",
+    "@storybook/addon-a11y": "^8.5.0",
+    "@storybook/addon-docs": "^8.5.0",
     "@storybook/addon-essentials": "^8.5.0",
     "@storybook/addon-interactions": "^8.5.0",
     "@storybook/addon-links": "^8.5.0",
     "@storybook/addon-mdx-gfm": "^8.5.0",
+    "@storybook/addon-styling": "^1.3.7",
     "@storybook/blocks": "^8.5.0",
     "@storybook/manager-api": "^8.5.2",
     "@storybook/react": "^8.5.0",
@@ -55,6 +58,10 @@
     "@storybook/test": "^8.5.0",
     "@storybook/test-runner": "^0.19.1",
     "@storybook/theming": "^8.5.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.6.0",
     "@types/jest": "^29.5.11",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
@@ -62,6 +69,7 @@
     "@typescript-eslint/parser": "^6.10.0",
     "@vitejs/plugin-react": "^4.2.1",
     "@vitest/browser": "^2.0.2",
+    "chalk": "^5.4.1",
     "eslint": "^8.57.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
@@ -71,36 +79,35 @@
     "jsdom": "^23.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "rollup-plugin-css-only": "^4.5.2",
     "rollup-plugin-dts": "^6.1.1",
     "storybook": "8.5.0",
     "tsx": "^4.19.2",
     "typescript": "^5.2.2",
     "vite": "^5.0.0",
+    "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-plugin-dts": "^3.6.4",
     "vite-plugin-lib-inject-css": "^1.3.0",
-    "vitest": "^2.1.8",
-    "@storybook/addon-a11y": "^8.5.0",
-    "@storybook/addon-docs": "^8.5.0",
-    "@storybook/addon-styling": "^1.3.7",
-    "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.6.0",
-    "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-tsconfig-paths": "^5.1.4",
-    "rollup-plugin-css-only": "^4.5.2",
-    "chalk": "^5.4.1"
+    "vitest": "^2.1.8"
   },
   "dependencies": {
-    "@secondcloset/types": "^3.4.6",
     "@ant-design/icons": "^5.5.2",
     "@mdx-js/react": "^3.0.1",
+    "@secondcloset/types": "^3.4.6",
     "antd": "^5.23.1",
+    "clsx": "^1.2.1",
     "date-fns": "^3.6.0",
+    "dayjs": "^1.11.13",
+    "msw": "^2.7.1",
+    "msw-storybook-addon": "^2.0.4",
     "react-error-boundary": "^4.0.11",
+    "react-icons": "^5.5.0",
+    "react-router-dom": "^7.2.0",
     "react-toastify": "^11.0.3",
+    "recharts": "^2.15.1",
     "styled-components": "^6.1.14",
-    "typescript": "^5.2.2",
-    "clsx": "^1.1.0"
+    "typescript": "^5.2.2"
   },
   "sideEffects": [
     "**/*.css"
@@ -125,5 +132,10 @@
   "bugs": {
     "url": "https://github.com/SecondCloset/genesis/issues"
   },
-  "homepage": "https://github.com/SecondCloset/genesis#readme"
+  "homepage": "https://github.com/SecondCloset/genesis#readme",
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  }
 }

package/dist/AntdIcon-BoLh1dP8.js

@@ -1,202 +0,0 @@
-import { w as L, d as b, _ as l, g as U, I, u as W, e as N, f as R, c as q, h, a as F, i as G } from "./warning-C63HNL9U.js";
-import * as m from "react";
-import x, { useContext as H, useEffect as J } from "react";
-function S(n) {
-  var o;
-  return n == null || (o = n.getRootNode) === null || o === void 0 ? void 0 : o.call(n);
-}
-function K(n) {
-  return S(n) instanceof ShadowRoot;
-}
-function M(n) {
-  return K(n) ? S(n) : null;
-}
-function Q(n) {
-  return n.replace(/-(.)/g, function(o, e) {
-    return e.toUpperCase();
-  });
-}
-function V(n, o) {
-  L(n, "[@ant-design/icons] ".concat(o));
-}
-function _(n) {
-  return b(n) === "object" && typeof n.name == "string" && typeof n.theme == "string" && (b(n.icon) === "object" || typeof n.icon == "function");
-}
-function k() {
-  var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  return Object.keys(n).reduce(function(o, e) {
-    var r = n[e];
-    switch (e) {
-      case "class":
-        o.className = r, delete o.class;
-        break;
-      default:
-        delete o[e], o[Q(e)] = r;
-    }
-    return o;
-  }, {});
-}
-function T(n, o, e) {
-  return e ? /* @__PURE__ */ x.createElement(n.tag, l(l({
-    key: o
-  }, k(n.attrs)), e), (n.children || []).map(function(r, t) {
-    return T(r, "".concat(o, "-").concat(n.tag, "-").concat(t));
-  })) : /* @__PURE__ */ x.createElement(n.tag, l({
-    key: o
-  }, k(n.attrs)), (n.children || []).map(function(r, t) {
-    return T(r, "".concat(o, "-").concat(n.tag, "-").concat(t));
-  }));
-}
-function z(n) {
-  return U(n)[0];
-}
-function E(n) {
-  return n ? Array.isArray(n) ? n : [n] : [];
-}
-var X = `
-.anticon {
-  display: inline-flex;
-  align-items: center;
-  color: inherit;
-  font-style: normal;
-  line-height: 0;
-  text-align: center;
-  text-transform: none;
-  vertical-align: -0.125em;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.anticon > * {
-  line-height: 1;
-}
-
-.anticon svg {
-  display: inline-block;
-}
-
-.anticon::before {
-  display: none;
-}
-
-.anticon .anticon-icon {
-  display: block;
-}
-
-.anticon[tabindex] {
-  cursor: pointer;
-}
-
-.anticon-spin::before,
-.anticon-spin {
-  display: inline-block;
-  -webkit-animation: loadingCircle 1s infinite linear;
-  animation: loadingCircle 1s infinite linear;
-}
-
-@-webkit-keyframes loadingCircle {
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes loadingCircle {
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-`, Y = function(o) {
-  var e = H(I), r = e.csp, t = e.prefixCls, c = e.layer, a = X;
-  t && (a = a.replace(/anticon/g, t)), c && (a = "@layer ".concat(c, ` {
-`).concat(a, `
-}`)), J(function() {
-    var s = o.current, f = M(s);
-    W(a, "@ant-design-icons", {
-      prepend: !0,
-      csp: r,
-      attachTo: f
-    });
-  }, []);
-}, Z = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"], C = {
-  primaryColor: "#333",
-  secondaryColor: "#E6E6E6",
-  calculated: !1
-};
-function nn(n) {
-  var o = n.primaryColor, e = n.secondaryColor;
-  C.primaryColor = o, C.secondaryColor = e || z(o), C.calculated = !!e;
-}
-function on() {
-  return l({}, C);
-}
-var d = function(o) {
-  var e = o.icon, r = o.className, t = o.onClick, c = o.style, a = o.primaryColor, s = o.secondaryColor, f = N(o, Z), y = m.useRef(), u = C;
-  if (a && (u = {
-    primaryColor: a,
-    secondaryColor: s || z(a)
-  }), Y(y), V(_(e), "icon should be icon definiton, but got ".concat(e)), !_(e))
-    return null;
-  var i = e;
-  return i && typeof i.icon == "function" && (i = l(l({}, i), {}, {
-    icon: i.icon(u.primaryColor, u.secondaryColor)
-  })), T(i.icon, "svg-".concat(i.name), l(l({
-    className: r,
-    onClick: t,
-    style: c,
-    "data-icon": i.name,
-    width: "1em",
-    height: "1em",
-    fill: "currentColor",
-    "aria-hidden": "true"
-  }, f), {}, {
-    ref: y
-  }));
-};
-d.displayName = "IconReact";
-d.getTwoToneColors = on;
-d.setTwoToneColors = nn;
-function $(n) {
-  var o = E(n), e = R(o, 2), r = e[0], t = e[1];
-  return d.setTwoToneColors({
-    primaryColor: r,
-    secondaryColor: t
-  });
-}
-function en() {
-  var n = d.getTwoToneColors();
-  return n.calculated ? [n.primaryColor, n.secondaryColor] : n.primaryColor;
-}
-var rn = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
-$(G.primary);
-var v = /* @__PURE__ */ m.forwardRef(function(n, o) {
-  var e = n.className, r = n.icon, t = n.spin, c = n.rotate, a = n.tabIndex, s = n.onClick, f = n.twoToneColor, y = N(n, rn), u = m.useContext(I), i = u.prefixCls, g = i === void 0 ? "anticon" : i, j = u.rootClassName, A = q(j, g, h(h({}, "".concat(g, "-").concat(r.name), !!r.name), "".concat(g, "-spin"), !!t || r.name === "loading"), e), p = a;
-  p === void 0 && s && (p = -1);
-  var P = c ? {
-    msTransform: "rotate(".concat(c, "deg)"),
-    transform: "rotate(".concat(c, "deg)")
-  } : void 0, B = E(f), w = R(B, 2), O = w[0], D = w[1];
-  return /* @__PURE__ */ m.createElement("span", F({
-    role: "img",
-    "aria-label": r.name
-  }, y, {
-    ref: o,
-    tabIndex: p,
-    onClick: s,
-    className: A
-  }), /* @__PURE__ */ m.createElement(d, {
-    icon: r,
-    primaryColor: O,
-    secondaryColor: D,
-    style: P
-  }));
-});
-v.displayName = "AntdIcon";
-v.getTwoToneColor = en;
-v.setTwoToneColor = $;
-export {
-  v as I,
-  M as g
-};

package/dist/ExclamationCircleFilled-C0Kj5KQV.js

@@ -1,21 +0,0 @@
-import { a as l } from "./warning-C63HNL9U.js";
-import * as e from "react";
-import { I as r } from "./AntdIcon-BoLh1dP8.js";
-var t = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, name: "check-circle", theme: "filled" }, o = function(c, a) {
-  return /* @__PURE__ */ e.createElement(r, l({}, c, {
-    ref: a,
-    icon: t
-  }));
-}, n = /* @__PURE__ */ e.forwardRef(o);
-process.env.NODE_ENV !== "production" && (n.displayName = "CheckCircleFilled");
-var s = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "exclamation-circle", theme: "filled" }, m = function(c, a) {
-  return /* @__PURE__ */ e.createElement(r, l({}, c, {
-    ref: a,
-    icon: s
-  }));
-}, d = /* @__PURE__ */ e.forwardRef(m);
-process.env.NODE_ENV !== "production" && (d.displayName = "ExclamationCircleFilled");
-export {
-  n as R,
-  d as a
-};