@gobolt/genesis 0.2.5 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/_virtual/index5.cjs +1 -1
  2. package/dist/_virtual/index5.js +4 -4
  3. package/dist/_virtual/index6.cjs +1 -1
  4. package/dist/_virtual/index6.js +4 -4
  5. package/dist/components/Button/Button.d.ts +2 -1
  6. package/dist/components/Button/__stories__/Button.stories.d.ts +1 -0
  7. package/dist/components/Button/icon-button-styles.d.ts +1 -1
  8. package/dist/components/Button/styles.cjs +12 -12
  9. package/dist/components/Button/styles.d.ts +1 -1
  10. package/dist/components/Button/styles.js +9 -9
  11. package/dist/components/Card/__stories__/Card.stories.d.ts +2 -0
  12. package/dist/components/Input/Input.cjs +1 -1
  13. package/dist/components/Input/Input.js +20 -14
  14. package/dist/components/Notification/NotificationBadge/styles.cjs +19 -5
  15. package/dist/components/Notification/NotificationBadge/styles.js +16 -2
  16. package/dist/components/SegmentedControls/styles.cjs +21 -7
  17. package/dist/components/SegmentedControls/styles.d.ts +1 -1
  18. package/dist/components/SegmentedControls/styles.js +24 -10
  19. package/dist/components/Select/Select.cjs +2 -2
  20. package/dist/components/Select/Select.js +16 -15
  21. package/dist/components/Select/__stories__/Select.stories.d.ts +1 -0
  22. package/dist/components/Select/styles.cjs +37 -10
  23. package/dist/components/Select/styles.js +39 -12
  24. package/dist/components/Table/TableControls/PrimaryTableControlsRow.cjs +1 -1
  25. package/dist/components/Table/TableControls/PrimaryTableControlsRow.js +1 -1
  26. package/dist/components/shared/DropdownChevron.cjs +1 -0
  27. package/dist/components/shared/DropdownChevron.js +27 -0
  28. package/dist/constants/index.cjs +1 -1
  29. package/dist/constants/index.d.ts +2 -0
  30. package/dist/constants/index.js +13 -12
  31. package/dist/index.cjs +1 -1
  32. package/dist/index.d.ts +1 -0
  33. package/dist/index.js +57 -50
  34. package/dist/node_modules/antd/es/typography/hooks/useCopyClick.cjs +1 -1
  35. package/dist/node_modules/antd/es/typography/hooks/useCopyClick.js +1 -1
  36. package/dist/node_modules/react-icons/pi/index.cjs +1 -0
  37. package/dist/node_modules/react-icons/pi/index.js +12 -0
  38. package/dist/node_modules/react-icons/tb/index.cjs +1 -1
  39. package/dist/node_modules/react-icons/tb/index.js +4 -8
  40. package/dist/styles/theme/genesis-theme.cjs +1 -1
  41. package/dist/styles/theme/genesis-theme.js +292 -223
  42. package/dist/styles/theme/genesis-theme.types.d.ts +1 -0
  43. package/dist/styles/theme/index.d.ts +1 -0
  44. package/dist/utils/icon-util.cjs +1 -1
  45. package/dist/utils/icon-util.js +24 -24
  46. package/package.json +1 -1
  47. package/dist/components/Select/DropdownChevron.cjs +0 -1
  48. package/dist/components/Select/DropdownChevron.js +0 -23
  49. /package/dist/components/{Select → shared}/DropdownChevron.d.ts +0 -0
@@ -153,6 +153,7 @@ export type ColorMode = {
153
153
  primary: ColorState;
154
154
  secondary: ColorState;
155
155
  tertiary: ColorState;
156
+ destructive: ColorState;
156
157
  success: ColorState;
157
158
  warning: ColorState;
158
159
  danger: ColorState;
@@ -1 +1,2 @@
1
1
  export * from './genesis-theme';
2
+ export type { GenesisTheme } from './genesis-theme.types';
@@ -1 +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;
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"),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;
@@ -1,30 +1,30 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import { STATE as r } from "../constants/index.js";
3
3
  import { FaCircleCheck as i } from "../node_modules/react-icons/fa6/index.js";
4
- import { HiOutlineCheckCircle as c, HiOutlineGlobe as f } from "../node_modules/react-icons/hi/index.js";
5
- import { TbInfoCircleFilled as u, TbFiles as a } from "../node_modules/react-icons/tb/index.js";
6
- import { LuTag as l } from "../node_modules/react-icons/lu/index.js";
7
- import m from "../node_modules/@ant-design/icons/es/icons/InfoCircleOutlined.js";
4
+ import { HiOutlineCheckCircle as f, HiOutlineGlobe as c } from "../node_modules/react-icons/hi/index.js";
5
+ import { PiInfo as u, PiInfoFill as a } from "../node_modules/react-icons/pi/index.js";
6
+ import { TbFiles as l } from "../node_modules/react-icons/tb/index.js";
7
+ import { LuTag as m } from "../node_modules/react-icons/lu/index.js";
8
8
  import p from "../node_modules/@ant-design/icons/es/icons/MinusCircleOutlined.js";
9
9
  import S from "../node_modules/@ant-design/icons/es/icons/ClockCircleOutlined.js";
10
10
  import g from "../node_modules/@ant-design/icons/es/icons/CloseCircleOutlined.js";
11
- import d from "../node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.js";
12
- import y from "../node_modules/@ant-design/icons/es/icons/MinusCircleFilled.js";
13
- import z from "../node_modules/@ant-design/icons/es/icons/ClockCircleFilled.js";
14
- import I from "../node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js";
11
+ import y from "../node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.js";
12
+ import z from "../node_modules/@ant-design/icons/es/icons/MinusCircleFilled.js";
13
+ import I from "../node_modules/@ant-design/icons/es/icons/ClockCircleFilled.js";
14
+ import d from "../node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js";
15
15
  import w from "../node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.js";
16
- const s = 16, B = (o) => {
16
+ const s = 16, A = (o) => {
17
17
  switch (o.toLowerCase()) {
18
18
  case "orders":
19
- return /* @__PURE__ */ t(l, {});
19
+ return /* @__PURE__ */ t(m, {});
20
20
  case "warehouse":
21
- return /* @__PURE__ */ t(f, {});
21
+ return /* @__PURE__ */ t(c, {});
22
22
  case "availability":
23
- return /* @__PURE__ */ t(a, {});
23
+ return /* @__PURE__ */ t(l, {});
24
24
  default:
25
25
  return null;
26
26
  }
27
- }, E = (o, e) => {
27
+ }, B = (o, e) => {
28
28
  switch (o) {
29
29
  case r.error:
30
30
  return e.colors.status.error.onsurface;
@@ -40,7 +40,7 @@ const s = 16, B = (o) => {
40
40
  default:
41
41
  return e.colors.status.info.onsurface;
42
42
  }
43
- }, G = (o, e, n = !0) => {
43
+ }, E = (o, e, n = !0) => {
44
44
  if (!o)
45
45
  return null;
46
46
  if (!n)
@@ -48,7 +48,7 @@ const s = 16, B = (o) => {
48
48
  // isFilled is false
49
49
  case r.warning:
50
50
  return /* @__PURE__ */ t(
51
- d,
51
+ y,
52
52
  {
53
53
  style: { color: e, fontSize: s }
54
54
  }
@@ -56,34 +56,34 @@ const s = 16, B = (o) => {
56
56
  case r.error:
57
57
  return /* @__PURE__ */ t(g, { style: { color: e, fontSize: s } });
58
58
  case r.success:
59
- return /* @__PURE__ */ t(c, { style: { color: e, fontSize: s } });
59
+ return /* @__PURE__ */ t(f, { style: { color: e, fontSize: s } });
60
60
  case r.progress:
61
61
  return /* @__PURE__ */ t(S, { style: { color: e, fontSize: s } });
62
62
  case r.removed:
63
63
  return /* @__PURE__ */ t(p, { style: { color: e, fontSize: s } });
64
64
  case r.info:
65
65
  default:
66
- return /* @__PURE__ */ t(m, { style: { color: e, fontSize: s } });
66
+ return /* @__PURE__ */ t(u, { style: { color: e, fontSize: s } });
67
67
  }
68
68
  switch (o) {
69
69
  // isFilled is true
70
70
  case r.warning:
71
71
  return /* @__PURE__ */ t(w, { style: { color: e, fontSize: s } });
72
72
  case r.error:
73
- return /* @__PURE__ */ t(I, { style: { color: e, fontSize: s } });
73
+ return /* @__PURE__ */ t(d, { style: { color: e, fontSize: s } });
74
74
  case r.success:
75
75
  return /* @__PURE__ */ t(i, { style: { color: e, fontSize: s } });
76
76
  case r.progress:
77
- return /* @__PURE__ */ t(z, { style: { color: e, fontSize: s } });
77
+ return /* @__PURE__ */ t(I, { style: { color: e, fontSize: s } });
78
78
  case r.removed:
79
- return /* @__PURE__ */ t(y, { style: { color: e, fontSize: s } });
79
+ return /* @__PURE__ */ t(z, { style: { color: e, fontSize: s } });
80
80
  case r.info:
81
81
  default:
82
- return /* @__PURE__ */ t(u, { style: { color: e, fontSize: s + 8 } });
82
+ return /* @__PURE__ */ t(a, { style: { color: e, fontSize: s } });
83
83
  }
84
84
  };
85
85
  export {
86
- G as getBadgeStateIcon,
87
- B as getIcon,
88
- E as getIconColor
86
+ E as getBadgeStateIcon,
87
+ A as getIcon,
88
+ B as getIconColor
89
89
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gobolt/genesis",
3
- "version": "0.2.5",
3
+ "version": "0.2.7",
4
4
  "description": "genesis design system",
5
5
  "author": "gobolt",
6
6
  "license": "MIT",
@@ -1 +0,0 @@
1
- "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;
@@ -1,23 +0,0 @@
1
- import { jsx as l } from "react/jsx-runtime";
2
- const d = (e) => /* @__PURE__ */ l(
3
- "svg",
4
- {
5
- xmlns: "http://www.w3.org/2000/svg",
6
- width: 20,
7
- height: 20,
8
- fill: "none",
9
- ...e,
10
- children: /* @__PURE__ */ l(
11
- "path",
12
- {
13
- fill: "#222",
14
- fillRule: "evenodd",
15
- 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",
16
- clipRule: "evenodd"
17
- }
18
- )
19
- }
20
- );
21
- export {
22
- d as default
23
- };