@gobolt/genesis 0.0.7

package/README.md

@@ -0,0 +1,86 @@
+# GENESIS Design System
+
+![Rating](https://img.shields.io/badge/rating-5%2F5-brightgreen) ![License](https://img.shields.io/badge/license-MIT-green)
+
+[Storybook hosted on Google Cloud](https://genesis-storybook-365607811897.us-central1.run.app/?path=/docs/genesis-design-system-design-tokens-color-tokens--docs)
+
+The GENESIS design system standardizes our colors, fonts, and sizing tokens across all our apps. 
+
+It unifies frontend app development around these core libraries:
+
+- [Antd](https://ant.design/) v5
+- [Styled Components](https://styled-components.com/) v5
+- [Typescript](https://www.typescriptlang.org/) v5
+- [React](https://react.dev/) v18
+
+This library is intended to be universally imported into both React & React-Native apps.
+
+## 📦 Development
+
+```bash
+pnpm install
+pnpm start
+```
+
+To scaffold a new component, run `pnpm generate` and follow the prompts
+
+## 🔨 Usage
+
+Install the GENESIS library
+
+```
+pnpm install @second-closet/genesis
+```
+
+The `GenesisProvider` must included within the application as it supplies the Genesis Theme. 
+
+```jsx
+import { Button, GenesisProvider } from '@gobolt/genesis';
+
+const Demo = () = {
+
+    const onClick = (value) => {
+        console.log("Genesis button clicked with value: ", value);
+    }
+
+    return (
+        <GenesisProvider>
+            <Button onClick={onClick}>Ship</Button>
+        </GenesisProvider>
+    )
+ };
+```
+
+The library exports both the components and their types which are documented in our storybook.
+
+## 🧪 Testing
+
+```
+pnpm test 
+```
+
+[husky](https://typicode.github.io/husky/) has been configured to automatically run the tests on push to Github and will enforce that all tests pass.  
+
+## 🚀 Publishing 
+
+This project uses [rollup](https://rollupjs.org/) to create the package and [changesets](https://github.com/changesets/changesets) to manage it's versions. We only need to run changesets when we're ready to release and publish the library.
+
+```
+npx changeset
+npx changeset version
+npm publish
+```
+
+## 📙 Storybook Deployment to Google Cloud
+
+```
+just deploy
+```
+
+See the .justfile which simplifies this [Storybook GCP script on Notion](https://www.notion.so/gobolt/Deploy-Genesis-Storybook-to-GCP-1759f4303960806e8d88cf1e751cb19d).
+
+requires: [just](https://github.com/casey/just) 
+
+```
+brew install just
+```

package/dist/AntdIcon-Bsnbyy6g.js

@@ -0,0 +1,200 @@
+import { w as L, b, a as c, g as U, I, u as W, d as N, e as R, f as q, c as F, h, _ as G } from "./index-BWys7dkb.js";
+import * as f 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, c(c({
+    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, c({
+    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, i = X;
+  t && (i = i.replace(/anticon/g, t)), J(function() {
+    var l = o.current, s = M(l);
+    W(i, "@ant-design-icons", {
+      prepend: !0,
+      csp: r,
+      attachTo: s
+    });
+  }, []);
+}, Z = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"], m = {
+  primaryColor: "#333",
+  secondaryColor: "#E6E6E6",
+  calculated: !1
+};
+function nn(n) {
+  var o = n.primaryColor, e = n.secondaryColor;
+  m.primaryColor = o, m.secondaryColor = e || z(o), m.calculated = !!e;
+}
+function on() {
+  return c({}, m);
+}
+var d = function(o) {
+  var e = o.icon, r = o.className, t = o.onClick, i = o.style, l = o.primaryColor, s = o.secondaryColor, y = N(o, Z), C = f.useRef(), u = m;
+  if (l && (u = {
+    primaryColor: l,
+    secondaryColor: s || z(l)
+  }), Y(C), V(_(e), "icon should be icon definiton, but got ".concat(e)), !_(e))
+    return null;
+  var a = e;
+  return a && typeof a.icon == "function" && (a = c(c({}, a), {}, {
+    icon: a.icon(u.primaryColor, u.secondaryColor)
+  })), T(a.icon, "svg-".concat(a.name), c(c({
+    className: r,
+    onClick: t,
+    style: i,
+    "data-icon": a.name,
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, y), {}, {
+    ref: C
+  }));
+};
+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"];
+$(q.primary);
+var v = /* @__PURE__ */ f.forwardRef(function(n, o) {
+  var e = n.className, r = n.icon, t = n.spin, i = n.rotate, l = n.tabIndex, s = n.onClick, y = n.twoToneColor, C = N(n, rn), u = f.useContext(I), a = u.prefixCls, g = a === void 0 ? "anticon" : a, j = u.rootClassName, A = F(j, g, h(h({}, "".concat(g, "-").concat(r.name), !!r.name), "".concat(g, "-spin"), !!t || r.name === "loading"), e), p = l;
+  p === void 0 && s && (p = -1);
+  var P = i ? {
+    msTransform: "rotate(".concat(i, "deg)"),
+    transform: "rotate(".concat(i, "deg)")
+  } : void 0, B = E(y), w = R(B, 2), O = w[0], D = w[1];
+  return /* @__PURE__ */ f.createElement("span", G({
+    role: "img",
+    "aria-label": r.name
+  }, C, {
+    ref: o,
+    tabIndex: p,
+    onClick: s,
+    className: A
+  }), /* @__PURE__ */ f.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
+};