@gobolt/genesis 0.2.4 → 0.2.6

package/dist/styles/theme/genesis-theme.types.d.ts

@@ -153,6 +153,7 @@ export type ColorMode = {
     primary: ColorState;
     secondary: ColorState;
     tertiary: ColorState;
+    destructive: ColorState;
     success: ColorState;
     warning: ColorState;
     danger: ColorState;

package/dist/styles/theme/index.d.ts

@@ -1 +1,2 @@
 export * from './genesis-theme';
+export type { GenesisTheme } from './genesis-theme.types';

package/dist/utils/icon-util.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("../constants/index.cjs"),o=require("../node_modules/react-icons/fa6/index.cjs"),i=require("../node_modules/react-icons/hi/index.cjs"),c=require("../node_modules/react-icons/tb/index.cjs"),l=require("../node_modules/react-icons/lu/index.cjs"),a=require("../node_modules/@ant-design/icons/es/icons/InfoCircleOutlined.cjs"),T=require("../node_modules/@ant-design/icons/es/icons/MinusCircleOutlined.cjs"),S=require("../node_modules/@ant-design/icons/es/icons/ClockCircleOutlined.cjs"),f=require("../node_modules/@ant-design/icons/es/icons/CloseCircleOutlined.cjs"),d=require("../node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.cjs"),x=require("../node_modules/@ant-design/icons/es/icons/MinusCircleFilled.cjs"),C=require("../node_modules/@ant-design/icons/es/icons/ClockCircleFilled.cjs"),g=require("../node_modules/@ant-design/icons/es/icons/CloseCircleFilled.cjs"),E=require("../node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.cjs"),t=16,A=n=>{switch(n.toLowerCase()){case"orders":return s.jsx(l.LuTag,{});case"warehouse":return s.jsx(i.HiOutlineGlobe,{});case"availability":return s.jsx(c.TbFiles,{});default:return null}},j=(n,e)=>{switch(n){case r.STATE.error:return e.colors.status.error.onsurface;case r.STATE.success:return e.colors.status.success.onsurface;case r.STATE.warning:return e.colors.status.warning.default;case r.STATE.removed:return e.colors.status.generic.default;case r.STATE.progress:return e.colors.timebox.evening.default;case r.STATE.info:default:return e.colors.status.info.onsurface}},q=(n,e,u=!0)=>{if(!n)return null;if(!u)switch(n){case r.STATE.warning:return s.jsx(d,{style:{color:e,fontSize:t}});case r.STATE.error:return s.jsx(f,{style:{color:e,fontSize:t}});case r.STATE.success:return s.jsx(i.HiOutlineCheckCircle,{style:{color:e,fontSize:t}});case r.STATE.progress:return s.jsx(S,{style:{color:e,fontSize:t}});case r.STATE.removed:return s.jsx(T,{style:{color:e,fontSize:t}});case r.STATE.info:default:return s.jsx(a,{style:{color:e,fontSize:t}})}switch(n){case r.STATE.warning:return s.jsx(E,{style:{color:e,fontSize:t}});case r.STATE.error:return s.jsx(g,{style:{color:e,fontSize:t}});case r.STATE.success:return s.jsx(o.FaCircleCheck,{style:{color:e,fontSize:t}});case r.STATE.progress:return s.jsx(C,{style:{color:e,fontSize:t}});case r.STATE.removed:return s.jsx(x,{style:{color:e,fontSize:t}});case r.STATE.info:default:return s.jsx(c.TbInfoCircleFilled,{style:{color:e,fontSize:t+8}})}};exports.getBadgeStateIcon=q;exports.getIcon=A;exports.getIconColor=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("../constants/index.cjs"),o=require("../node_modules/react-icons/fa6/index.cjs"),c=require("../node_modules/react-icons/hi/index.cjs"),i=require("../node_modules/react-icons/pi/index.cjs"),l=require("../node_modules/react-icons/tb/index.cjs"),a=require("../node_modules/react-icons/lu/index.cjs"),T=require("../node_modules/@ant-design/icons/es/icons/MinusCircleOutlined.cjs"),S=require("../node_modules/@ant-design/icons/es/icons/ClockCircleOutlined.cjs"),f=require("../node_modules/@ant-design/icons/es/icons/CloseCircleOutlined.cjs"),d=require("../node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.cjs"),x=require("../node_modules/@ant-design/icons/es/icons/MinusCircleFilled.cjs"),g=require("../node_modules/@ant-design/icons/es/icons/ClockCircleFilled.cjs"),E=require("../node_modules/@ant-design/icons/es/icons/CloseCircleFilled.cjs"),C=require("../node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.cjs"),t=16,A=n=>{switch(n.toLowerCase()){case"orders":return s.jsx(a.LuTag,{});case"warehouse":return s.jsx(c.HiOutlineGlobe,{});case"availability":return s.jsx(l.TbFiles,{});default:return null}},j=(n,e)=>{switch(n){case r.STATE.error:return e.colors.status.error.onsurface;case r.STATE.success:return e.colors.status.success.onsurface;case r.STATE.warning:return e.colors.status.warning.default;case r.STATE.removed:return e.colors.status.generic.default;case r.STATE.progress:return e.colors.timebox.evening.default;case r.STATE.info:default:return e.colors.status.info.onsurface}},q=(n,e,u=!0)=>{if(!n)return null;if(!u)switch(n){case r.STATE.warning:return s.jsx(d,{style:{color:e,fontSize:t}});case r.STATE.error:return s.jsx(f,{style:{color:e,fontSize:t}});case r.STATE.success:return s.jsx(c.HiOutlineCheckCircle,{style:{color:e,fontSize:t}});case r.STATE.progress:return s.jsx(S,{style:{color:e,fontSize:t}});case r.STATE.removed:return s.jsx(T,{style:{color:e,fontSize:t}});case r.STATE.info:default:return s.jsx(i.PiInfo,{style:{color:e,fontSize:t}})}switch(n){case r.STATE.warning:return s.jsx(C,{style:{color:e,fontSize:t}});case r.STATE.error:return s.jsx(E,{style:{color:e,fontSize:t}});case r.STATE.success:return s.jsx(o.FaCircleCheck,{style:{color:e,fontSize:t}});case r.STATE.progress:return s.jsx(g,{style:{color:e,fontSize:t}});case r.STATE.removed:return s.jsx(x,{style:{color:e,fontSize:t}});case r.STATE.info:default:return s.jsx(i.PiInfoFill,{style:{color:e,fontSize:t}})}};exports.getBadgeStateIcon=q;exports.getIcon=A;exports.getIconColor=j;

package/dist/utils/icon-util.js

@@ -1,30 +1,30 @@
 import { jsx as t } from "react/jsx-runtime";
 import { STATE as r } from "../constants/index.js";
 import { FaCircleCheck as i } from "../node_modules/react-icons/fa6/index.js";
-import { HiOutlineCheckCircle as c, HiOutlineGlobe as f } from "../node_modules/react-icons/hi/index.js";
-import { TbInfoCircleFilled as u, TbFiles as a } from "../node_modules/react-icons/tb/index.js";
-import { LuTag as l } from "../node_modules/react-icons/lu/index.js";
-import m from "../node_modules/@ant-design/icons/es/icons/InfoCircleOutlined.js";
+import { HiOutlineCheckCircle as f, HiOutlineGlobe as c } from "../node_modules/react-icons/hi/index.js";
+import { PiInfo as u, PiInfoFill as a } from "../node_modules/react-icons/pi/index.js";
+import { TbFiles as l } from "../node_modules/react-icons/tb/index.js";
+import { LuTag as m } from "../node_modules/react-icons/lu/index.js";
 import p from "../node_modules/@ant-design/icons/es/icons/MinusCircleOutlined.js";
 import S from "../node_modules/@ant-design/icons/es/icons/ClockCircleOutlined.js";
 import g from "../node_modules/@ant-design/icons/es/icons/CloseCircleOutlined.js";
-import d from "../node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.js";
-import y from "../node_modules/@ant-design/icons/es/icons/MinusCircleFilled.js";
-import z from "../node_modules/@ant-design/icons/es/icons/ClockCircleFilled.js";
-import I from "../node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js";
+import y from "../node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.js";
+import z from "../node_modules/@ant-design/icons/es/icons/MinusCircleFilled.js";
+import I from "../node_modules/@ant-design/icons/es/icons/ClockCircleFilled.js";
+import d from "../node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js";
 import w from "../node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.js";
-const s = 16, B = (o) => {
+const s = 16, A = (o) => {
   switch (o.toLowerCase()) {
     case "orders":
-      return /* @__PURE__ */ t(l, {});
+      return /* @__PURE__ */ t(m, {});
     case "warehouse":
-      return /* @__PURE__ */ t(f, {});
+      return /* @__PURE__ */ t(c, {});
     case "availability":
-      return /* @__PURE__ */ t(a, {});
+      return /* @__PURE__ */ t(l, {});
     default:
       return null;
   }
-}, E = (o, e) => {
+}, B = (o, e) => {
   switch (o) {
     case r.error:
       return e.colors.status.error.onsurface;
@@ -40,7 +40,7 @@ const s = 16, B = (o) => {
     default:
       return e.colors.status.info.onsurface;
   }
-}, G = (o, e, n = !0) => {
+}, E = (o, e, n = !0) => {
   if (!o)
     return null;
   if (!n)
@@ -48,7 +48,7 @@ const s = 16, B = (o) => {
       // isFilled is false
       case r.warning:
         return /* @__PURE__ */ t(
-          d,
+          y,
           {
             style: { color: e, fontSize: s }
           }
@@ -56,34 +56,34 @@ const s = 16, B = (o) => {
       case r.error:
         return /* @__PURE__ */ t(g, { style: { color: e, fontSize: s } });
       case r.success:
-        return /* @__PURE__ */ t(c, { style: { color: e, fontSize: s } });
+        return /* @__PURE__ */ t(f, { style: { color: e, fontSize: s } });
       case r.progress:
         return /* @__PURE__ */ t(S, { 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 } });
+        return /* @__PURE__ */ t(u, { style: { color: e, fontSize: s } });
     }
   switch (o) {
     // isFilled is true
     case r.warning:
       return /* @__PURE__ */ t(w, { style: { color: e, fontSize: s } });
     case r.error:
-      return /* @__PURE__ */ t(I, { style: { color: e, fontSize: s } });
+      return /* @__PURE__ */ t(d, { style: { color: e, fontSize: s } });
     case r.success:
       return /* @__PURE__ */ t(i, { style: { color: e, fontSize: s } });
     case r.progress:
-      return /* @__PURE__ */ t(z, { style: { color: e, fontSize: s } });
+      return /* @__PURE__ */ t(I, { style: { color: e, fontSize: s } });
     case r.removed:
-      return /* @__PURE__ */ t(y, { style: { color: e, fontSize: s } });
+      return /* @__PURE__ */ t(z, { style: { color: e, fontSize: s } });
     case r.info:
     default:
-      return /* @__PURE__ */ t(u, { style: { color: e, fontSize: s + 8 } });
+      return /* @__PURE__ */ t(a, { style: { color: e, fontSize: s } });
   }
 };
 export {
-  G as getBadgeStateIcon,
-  B as getIcon,
-  E as getIconColor
+  E as getBadgeStateIcon,
+  A as getIcon,
+  B as getIconColor
 };

package/dist/utils/styled.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components");function i(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(l,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return l.default=t,Object.freeze(l)}const n=i(s),a=typeof navigator<"u"&&navigator.product==="ReactNative";let e;if(a)try{e=require("styled-components/native")}catch{console.warn("Failed to load styled-components/native, falling back to web"),e=n}else e=n;const c=e.default,u=e.ThemeProvider,d=e.useTheme;e.css;const f=a?()=>null:n.createGlobalStyle;exports.ThemeProvider=u;exports.createGlobalStyle=f;exports.default=c;exports.styled=c;exports.useTheme=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=e.createGlobalStyle,l=e.ThemeProvider,r=e.useTheme;exports.default=e;exports.ThemeProvider=l;exports.createGlobalStyle=t;exports.useTheme=r;

package/dist/utils/styled.d.ts

@@ -1,7 +1,6 @@
-import * as styledComponents from "styled-components";
-export declare const styled: any;
-export declare const ThemeProvider: any;
-export declare const useTheme: any;
-export declare const css: any;
-export declare const createGlobalStyle: (() => any) | typeof styledComponents.createGlobalStyle;
+import { default as styled, createGlobalStyle as styledCreateGlobalStyle, ThemeProvider as styledThemeProvider, useTheme as styledUseTheme, css as styledCss } from 'styled-components';
+export declare const createGlobalStyle: typeof styledCreateGlobalStyle;
+export declare const ThemeProvider: typeof styledThemeProvider;
+export declare const useTheme: typeof styledUseTheme;
+export declare const css: typeof styledCss;
 export default styled;

package/dist/utils/styled.js

@@ -1,23 +1,9 @@
-import * as t from "styled-components";
-const o = typeof navigator < "u" && navigator.product === "ReactNative";
-let e;
-if (o)
-  try {
-    e = require("styled-components/native");
-  } catch {
-    console.warn(
-      "Failed to load styled-components/native, falling back to web"
-    ), e = t;
-  }
-else
-  e = t;
-const l = e.default, s = e.ThemeProvider, n = e.useTheme;
-e.css;
-const r = o ? () => null : t.createGlobalStyle;
+import { useTheme as e, ThemeProvider as o, createGlobalStyle as r } from "styled-components";
+import { default as T } from "styled-components";
+const a = r, s = o, m = e;
 export {
   s as ThemeProvider,
-  r as createGlobalStyle,
-  l as default,
-  l as styled,
-  n as useTheme
+  a as createGlobalStyle,
+  T as default,
+  m as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",
@@ -70,15 +70,11 @@
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-native": ">=0.70.0",
     "styled-components": "^6.0.0"
   },
   "peerDependenciesMeta": {
     "react-dom": {
       "optional": true
-    },
-    "react-native": {
-      "optional": true
     }
   },
   "devDependencies": {
@@ -152,7 +148,6 @@
     "debounce": "^2.2.0",
     "react-error-boundary": "^4.0.11",
     "react-icons": "^5.5.0",
-    "react-native-web": "^0.19.13",
     "react-router-dom": "^7.2.0",
     "react-toastify": "^11.0.3",
     "recharts": "^2.15.1",

package/dist/components/Button/Button.native.d.ts

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-export interface ButtonProps {
-    children: React.ReactNode;
-    type?: "primary" | "secondary" | "tertiary" | "utility" | "icon";
-    size?: "small" | "normal" | "large";
-    disabled?: boolean;
-    loading?: boolean;
-    onClick?: () => void;
-    isIconButton?: boolean;
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/dist/components/Button/__stories__/Button.native.stories.d.ts

@@ -1,8 +0,0 @@
-import { default as Button } from '../Button.native';
-import { Meta, StoryObj } from '@storybook/react';
-declare const ButtonMeta: Meta<typeof Button>;
-export default ButtonMeta;
-type ButtonStory = StoryObj<typeof Button>;
-export declare const Default: ButtonStory;
-export declare const Primary: ButtonStory;
-export declare const Secondary: ButtonStory;

package/dist/components/Button/styles.native.d.ts

@@ -1,2 +0,0 @@
-export declare const Button: any;
-export declare const ButtonText: any;

package/dist/components/Select/DropdownChevron.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),n=l=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",...l,children:e.jsx("path",{fill:"#222",fillRule:"evenodd",d:"M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})});module.exports=n;

package/dist/components/Select/DropdownChevron.js

@@ -1,23 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-const d = (e) => /* @__PURE__ */ l(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 20,
-    height: 20,
-    fill: "none",
-    ...e,
-    children: /* @__PURE__ */ l(
-      "path",
-      {
-        fill: "#222",
-        fillRule: "evenodd",
-        d: "M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414Z",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
-export {
-  d as default
-};