@gobolt/genesis 0.1.3 → 0.1.6

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 (103) hide show
  1. package/README.md +4 -6
  2. package/dist/{Typography-B2J8CPnt.js → Typography-8BO7aTuQ.js} +7 -6
  3. package/dist/components/Avatar/Avatar.js +4 -3
  4. package/dist/components/Avatar/__tests__/Avatar.test.js +1 -1
  5. package/dist/components/Badge/Badge.js +4 -3
  6. package/dist/components/Badge/__tests__/Badge.test.js +1 -1
  7. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  8. package/dist/components/Breadcrumb/__tests__/Breadcrumb.test.js +1 -1
  9. package/dist/components/Button/Button.d.ts +4 -3
  10. package/dist/components/Button/Button.js +28 -24
  11. package/dist/components/Button/IconButton.d.ts +8 -0
  12. package/dist/components/Button/IconButton.js +29 -0
  13. package/dist/components/Button/UtilityButton.d.ts +5 -0
  14. package/dist/components/Button/UtilityButton.js +29 -0
  15. package/dist/components/Button/__stories__/Button.stories.d.ts +0 -4
  16. package/dist/components/Button/__stories__/IconButton.stories.d.ts +8 -0
  17. package/dist/components/Button/__stories__/UtilityButton.stories.d.ts +7 -0
  18. package/dist/components/Button/__tests__/Button.test.js +5 -4
  19. package/dist/components/Button/icon-button-styles.d.ts +12 -0
  20. package/dist/components/Button/icon-button-styles.js +65 -0
  21. package/dist/components/Button/index.d.ts +4 -0
  22. package/dist/components/Button/index.js +6 -2
  23. package/dist/components/Button/styles.d.ts +4 -3
  24. package/dist/components/Button/styles.js +37 -37
  25. package/dist/components/Card/__tests__/Card.test.js +1 -1
  26. package/dist/components/Checkbox/Checkbox.js +4 -3
  27. package/dist/components/Checkbox/__tests__/Checkbox.test.js +1 -1
  28. package/dist/components/Dashboard/__stories__/DashboardLayoutContent.js +4 -3
  29. package/dist/components/Dashboard/__stories__/DashboardLayoutHeader.js +5 -4
  30. package/dist/components/Dashboard/__tests__/Dashboard.test.js +1 -1
  31. package/dist/components/DatePicker/__tests__/DatePicker.test.js +1 -1
  32. package/dist/components/DateRangePicker/__tests__/DateRangePicker.test.js +1 -1
  33. package/dist/components/ErrorBoundary/ErrorBoundary.js +8 -7
  34. package/dist/components/ErrorBoundary/__tests__/ErrorBoundary.test.js +1 -1
  35. package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.js +4 -3
  36. package/dist/components/Form/Form.js +1 -1
  37. package/dist/components/Form/__stories__/FormStory.js +26 -25
  38. package/dist/components/Form/__tests__/form.test.js +2 -2
  39. package/dist/components/Form/index.js +1 -1
  40. package/dist/components/FormBrandon/Form.js +1 -1
  41. package/dist/components/FormBrandon/__stories__/FormStory.js +4 -3
  42. package/dist/components/FormBrandon/__tests__/form.test.js +1 -1
  43. package/dist/components/Input/Input.js +1 -1
  44. package/dist/components/Input/__tests__/Input.test.js +1 -1
  45. package/dist/components/Layout/Content/ResponsiveContent.js +4 -3
  46. package/dist/components/Layout/MainLayout/MainLayout.js +1 -1
  47. package/dist/components/Layout/__tests__/Layout.test.js +1 -1
  48. package/dist/components/Message/Message.js +11 -10
  49. package/dist/components/Message/__tests__/Message.test.js +1 -1
  50. package/dist/components/Notification/Notification.js +4 -3
  51. package/dist/components/Notification/NotificationBadge/__tests__/NotificationBadge.test.js +1 -1
  52. package/dist/components/Notification/__tests__/Notification.test.js +1 -1
  53. package/dist/components/Popover/__tests__/Popover.test.js +1 -1
  54. package/dist/components/Progress/Progress.js +44 -50
  55. package/dist/components/Progress/Progress.util.js +4 -3
  56. package/dist/components/Progress/ProgressText.js +4 -3
  57. package/dist/components/Progress/__tests__/Progress.test.js +1 -1
  58. package/dist/components/Radio/Radio.js +4 -3
  59. package/dist/components/Radio/RadioGroup.js +1 -1
  60. package/dist/components/Radio/__tests__/RadioGroup.test.js +1 -1
  61. package/dist/components/Row/Row.js +1 -1
  62. package/dist/components/Row/RowActions/RowActions.js +4 -3
  63. package/dist/components/Row/RowLabelValue/RowLabelValue.js +5 -4
  64. package/dist/components/Row/__tests__/Row.test.js +1 -1
  65. package/dist/components/SegmentedControls/__tests__/SegmentedControls.test.js +1 -1
  66. package/dist/components/Select/Select.js +1 -1
  67. package/dist/components/Select/__tests__/Select.test.js +1 -1
  68. package/dist/components/Shapes/__tests__/Shapes.test.js +1 -1
  69. package/dist/components/Switch/__stories__/Switch.stories.d.ts +2 -1
  70. package/dist/components/Switch/__tests__/Switch.test.js +1 -1
  71. package/dist/components/Table/__mocks__/table-mocks.js +6 -5
  72. package/dist/components/Table/__tests__/Table.test.js +1 -1
  73. package/dist/components/Tabs/__tests__/Tabs.test.js +1 -1
  74. package/dist/components/Tile/__tests__/Tile.test.js +1 -1
  75. package/dist/components/Toast/Toast.js +3 -2
  76. package/dist/components/Toast/__tests__/Toast.test.js +2 -2
  77. package/dist/components/Toast/index.js +1 -1
  78. package/dist/components/Tooltip/Tooltip.js +4 -3
  79. package/dist/components/Tooltip/__tests__/Tooltip.test.js +1 -1
  80. package/dist/components/Typography/Typography.js +1 -1
  81. package/dist/components/Typography/__tests__/Typography.test.js +2 -2
  82. package/dist/components/Typography/index.js +1 -1
  83. package/dist/components/index.d.ts +4 -0
  84. package/dist/components/index.js +56 -52
  85. package/dist/constants/index.d.ts +2 -0
  86. package/dist/constants/index.js +14 -13
  87. package/dist/genesis/GenesisThemeBreakdown.js +4 -3
  88. package/dist/index.js +61 -57
  89. package/dist/providers/GenesisProvider.js +1 -1
  90. package/dist/providers/ToastProvider.js +5 -4
  91. package/dist/providers/index.js +1 -1
  92. package/dist/providers/useGenesis.js +1 -1
  93. package/dist/{setup-aZdxWCJq.js → setup-rcqlwLGQ.js} +1 -1
  94. package/dist/styles/design-tokens/border-tokens/BorderTokenList.js +4 -3
  95. package/dist/styles/design-tokens/sizing-tokens/SizingTokenList.js +7 -6
  96. package/dist/styles/design-tokens/variables.d.ts +2 -0
  97. package/dist/styles/design-tokens/variables.js +581 -579
  98. package/dist/styles/theme/genesis-theme.d.ts +2 -0
  99. package/dist/styles/theme/genesis-theme.js +306 -247
  100. package/dist/styles/theme/genesis-theme.types.d.ts +7 -0
  101. package/dist/styles/theme/theme-tree/ThemeTree.js +4 -3
  102. package/dist/test/setup.js +2 -2
  103. package/package.json +13 -1
@@ -117,6 +117,10 @@ type ColorLayer = {
117
117
  hover?: string;
118
118
  pressed?: string;
119
119
  focus?: string;
120
+ info?: string;
121
+ success?: string;
122
+ error?: string;
123
+ empty?: string;
120
124
  };
121
125
  type ColorState = {
122
126
  active: ColorLayer;
@@ -134,6 +138,7 @@ type ColorState = {
134
138
  hollow?: ColorLayer;
135
139
  info?: ColorLayer;
136
140
  utility?: ColorLayer;
141
+ icon?: ColorLayer;
137
142
  default?: ColorLayer;
138
143
  selected?: ColorLayer;
139
144
  border?: ColorLayer;
@@ -142,6 +147,7 @@ type ColorState = {
142
147
  "copy-dark"?: string;
143
148
  "border-light"?: string;
144
149
  primary?: string;
150
+ progress?: ColorLayer;
145
151
  };
146
152
  export type ColorMode = {
147
153
  primary: ColorState;
@@ -203,6 +209,7 @@ type Row = CommonContainer;
203
209
  type Components = {
204
210
  button: Button;
205
211
  utilityButton: Button;
212
+ iconButton: Button;
206
213
  input: Input;
207
214
  row: Row;
208
215
  badge: Badge;
@@ -2,11 +2,12 @@ import { jsxs as J, Fragment as yt, jsx as D } from "react/jsx-runtime";
2
2
  import * as l from "react";
3
3
  import h, { useContext as ae, useRef as Z, useMemo as xt, useEffect as me, useState as te, createElement as $t } from "react";
4
4
  import "../../../providers/BreakpointThemeProvider.js";
5
- import { u as Et, a as Ot } from "../../../Typography-B2J8CPnt.js";
5
+ import { u as Et, a as Ot } from "../../../Typography-8BO7aTuQ.js";
6
6
  import "../../../components/Avatar/styles.js";
7
7
  import "../../../components/Badge/styles.js";
8
8
  import "../../../components/Breadcrumb/styles.js";
9
9
  import "../../../components/Button/styles.js";
10
+ import "../../../components/Button/icon-button-styles.js";
10
11
  import "../../../components/Card/styles.js";
11
12
  import "../../../components/Checkbox/styles.js";
12
13
  import "../../../components/DateRangePicker/DateRangePicker.js";
@@ -1479,7 +1480,7 @@ var Ln = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "fa
1479
1480
  }));
1480
1481
  }, vt = /* @__PURE__ */ l.forwardRef(Hn);
1481
1482
  process.env.NODE_ENV !== "production" && (vt.displayName = "MinusOutlined");
1482
- const Ko = () => {
1483
+ const qo = () => {
1483
1484
  const { theme: e } = Et(), [t, o] = te(!1), [n, r] = te({ key: "", value: null }), [i, d] = te([]), [c, s] = te(""), [m, a] = te(!0), [f, u] = te([]);
1484
1485
  if (me(() => {
1485
1486
  e && (console.log("Theme changed, updating tree data:", e), u(O(e)));
@@ -1648,5 +1649,5 @@ const Ko = () => {
1648
1649
  ] });
1649
1650
  };
1650
1651
  export {
1651
- Ko as ThemeTree
1652
+ qo as ThemeTree
1652
1653
  };
@@ -1,8 +1,8 @@
1
1
  import "react/jsx-runtime";
2
- import { b as i, h as B, c as u, d as o, j as d, a as n, k as T, l as g, m as A, n as x, o as f, p as q, q as p, u as m, v as c, w as b, x as h, y as R, z as D, A as E, B as Q, C as I, f as F, D as L, E as P, F as V, G as k, H as w, I as S, J as v, K as M, L as H, M as N, N as O, O as W, P as j, Q as z, R as C, S as G, g as X, T as J, U as K, V as U, W as Y, X as Z, Y as _, Z as $, _ as ee, $ as ae, a0 as le, a1 as se, a2 as te, a3 as ye, a4 as re, i as ie, a5 as Be, a6 as ue, a7 as oe, a8 as de, a9 as ne, aa as Te, ab as ge, ac as Ae, ad as xe, ae as fe, af as qe, ag as pe, ah as me, ai as ce, aj as be, ak as he, al as Re, am as De, an as Ee, ao as Qe, r as Ie, e as Fe, s as Le, ap as Pe, aq as Ve, X as ke, ar as we, as as Se } from "../setup-aZdxWCJq.js";
2
+ import { b as i, h as B, c as u, d as o, j as d, a as n, k as T, l as g, m as A, n as x, o as f, p as q, q as p, u as m, v as c, w as b, x as h, y as R, z as D, A as E, B as Q, C as I, f as F, D as L, E as P, F as V, G as k, H as w, I as S, J as v, K as M, L as H, M as N, N as O, O as W, P as j, Q as z, R as C, S as G, g as X, T as J, U as K, V as U, W as Y, X as Z, Y as _, Z as $, _ as ee, $ as ae, a0 as le, a1 as se, a2 as te, a3 as ye, a4 as re, i as ie, a5 as Be, a6 as ue, a7 as oe, a8 as de, a9 as ne, aa as Te, ab as ge, ac as Ae, ad as xe, ae as fe, af as qe, ag as pe, ah as me, ai as ce, aj as be, ak as he, al as Re, am as De, an as Ee, ao as Qe, r as Ie, e as Fe, s as Le, ap as Pe, aq as Ve, X as ke, ar as we, as as Se } from "../setup-rcqlwLGQ.js";
3
3
  import "../providers/GenesisProvider.js";
4
4
  import "../providers/BreakpointThemeProvider.js";
5
- import "../Typography-B2J8CPnt.js";
5
+ import "../Typography-8BO7aTuQ.js";
6
6
  import "../setup.types-CgFq66QX.js";
7
7
  export {
8
8
  i as act,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gobolt/genesis",
3
- "version": "0.1.3",
3
+ "version": "0.1.6",
4
4
  "description": "genesis design system",
5
5
  "author": "gobolt",
6
6
  "license": "MIT",
@@ -13,6 +13,11 @@
13
13
  "types": "./dist/index.d.ts",
14
14
  "import": "./dist/index.js",
15
15
  "default": "./dist/index.js"
16
+ },
17
+ "./*": {
18
+ "types": "./dist/*.d.ts",
19
+ "import": "./dist/*.js",
20
+ "default": "./dist/*.js"
16
21
  }
17
22
  },
18
23
  "files": [
@@ -146,5 +151,12 @@
146
151
  "resolutions": {
147
152
  "glob": "^10.3.10",
148
153
  "rimraf": "^5.0.5"
154
+ },
155
+ "typesVersions": {
156
+ "*": {
157
+ "*": [
158
+ "./dist/*"
159
+ ]
160
+ }
149
161
  }
150
162
  }