@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.
- package/README.md +4 -6
- package/dist/{Typography-B2J8CPnt.js → Typography-8BO7aTuQ.js} +7 -6
- package/dist/components/Avatar/Avatar.js +4 -3
- package/dist/components/Avatar/__tests__/Avatar.test.js +1 -1
- package/dist/components/Badge/Badge.js +4 -3
- package/dist/components/Badge/__tests__/Badge.test.js +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/Breadcrumb/__tests__/Breadcrumb.test.js +1 -1
- package/dist/components/Button/Button.d.ts +4 -3
- package/dist/components/Button/Button.js +28 -24
- package/dist/components/Button/IconButton.d.ts +8 -0
- package/dist/components/Button/IconButton.js +29 -0
- package/dist/components/Button/UtilityButton.d.ts +5 -0
- package/dist/components/Button/UtilityButton.js +29 -0
- package/dist/components/Button/__stories__/Button.stories.d.ts +0 -4
- package/dist/components/Button/__stories__/IconButton.stories.d.ts +8 -0
- package/dist/components/Button/__stories__/UtilityButton.stories.d.ts +7 -0
- package/dist/components/Button/__tests__/Button.test.js +5 -4
- package/dist/components/Button/icon-button-styles.d.ts +12 -0
- package/dist/components/Button/icon-button-styles.js +65 -0
- package/dist/components/Button/index.d.ts +4 -0
- package/dist/components/Button/index.js +6 -2
- package/dist/components/Button/styles.d.ts +4 -3
- package/dist/components/Button/styles.js +37 -37
- package/dist/components/Card/__tests__/Card.test.js +1 -1
- package/dist/components/Checkbox/Checkbox.js +4 -3
- package/dist/components/Checkbox/__tests__/Checkbox.test.js +1 -1
- package/dist/components/Dashboard/__stories__/DashboardLayoutContent.js +4 -3
- package/dist/components/Dashboard/__stories__/DashboardLayoutHeader.js +5 -4
- package/dist/components/Dashboard/__tests__/Dashboard.test.js +1 -1
- package/dist/components/DatePicker/__tests__/DatePicker.test.js +1 -1
- package/dist/components/DateRangePicker/__tests__/DateRangePicker.test.js +1 -1
- package/dist/components/ErrorBoundary/ErrorBoundary.js +8 -7
- package/dist/components/ErrorBoundary/__tests__/ErrorBoundary.test.js +1 -1
- package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.js +4 -3
- package/dist/components/Form/Form.js +1 -1
- package/dist/components/Form/__stories__/FormStory.js +26 -25
- package/dist/components/Form/__tests__/form.test.js +2 -2
- package/dist/components/Form/index.js +1 -1
- package/dist/components/FormBrandon/Form.js +1 -1
- package/dist/components/FormBrandon/__stories__/FormStory.js +4 -3
- package/dist/components/FormBrandon/__tests__/form.test.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/__tests__/Input.test.js +1 -1
- package/dist/components/Layout/Content/ResponsiveContent.js +4 -3
- package/dist/components/Layout/MainLayout/MainLayout.js +1 -1
- package/dist/components/Layout/__tests__/Layout.test.js +1 -1
- package/dist/components/Message/Message.js +11 -10
- package/dist/components/Message/__tests__/Message.test.js +1 -1
- package/dist/components/Notification/Notification.js +4 -3
- package/dist/components/Notification/NotificationBadge/__tests__/NotificationBadge.test.js +1 -1
- package/dist/components/Notification/__tests__/Notification.test.js +1 -1
- package/dist/components/Popover/__tests__/Popover.test.js +1 -1
- package/dist/components/Progress/Progress.js +44 -50
- package/dist/components/Progress/Progress.util.js +4 -3
- package/dist/components/Progress/ProgressText.js +4 -3
- package/dist/components/Progress/__tests__/Progress.test.js +1 -1
- package/dist/components/Radio/Radio.js +4 -3
- package/dist/components/Radio/RadioGroup.js +1 -1
- package/dist/components/Radio/__tests__/RadioGroup.test.js +1 -1
- package/dist/components/Row/Row.js +1 -1
- package/dist/components/Row/RowActions/RowActions.js +4 -3
- package/dist/components/Row/RowLabelValue/RowLabelValue.js +5 -4
- package/dist/components/Row/__tests__/Row.test.js +1 -1
- package/dist/components/SegmentedControls/__tests__/SegmentedControls.test.js +1 -1
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Select/__tests__/Select.test.js +1 -1
- package/dist/components/Shapes/__tests__/Shapes.test.js +1 -1
- package/dist/components/Switch/__stories__/Switch.stories.d.ts +2 -1
- package/dist/components/Switch/__tests__/Switch.test.js +1 -1
- package/dist/components/Table/__mocks__/table-mocks.js +6 -5
- package/dist/components/Table/__tests__/Table.test.js +1 -1
- package/dist/components/Tabs/__tests__/Tabs.test.js +1 -1
- package/dist/components/Tile/__tests__/Tile.test.js +1 -1
- package/dist/components/Toast/Toast.js +3 -2
- package/dist/components/Toast/__tests__/Toast.test.js +2 -2
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +4 -3
- package/dist/components/Tooltip/__tests__/Tooltip.test.js +1 -1
- package/dist/components/Typography/Typography.js +1 -1
- package/dist/components/Typography/__tests__/Typography.test.js +2 -2
- package/dist/components/Typography/index.js +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +56 -52
- package/dist/constants/index.d.ts +2 -0
- package/dist/constants/index.js +14 -13
- package/dist/genesis/GenesisThemeBreakdown.js +4 -3
- package/dist/index.js +61 -57
- package/dist/providers/GenesisProvider.js +1 -1
- package/dist/providers/ToastProvider.js +5 -4
- package/dist/providers/index.js +1 -1
- package/dist/providers/useGenesis.js +1 -1
- package/dist/{setup-aZdxWCJq.js → setup-rcqlwLGQ.js} +1 -1
- package/dist/styles/design-tokens/border-tokens/BorderTokenList.js +4 -3
- package/dist/styles/design-tokens/sizing-tokens/SizingTokenList.js +7 -6
- package/dist/styles/design-tokens/variables.d.ts +2 -0
- package/dist/styles/design-tokens/variables.js +581 -579
- package/dist/styles/theme/genesis-theme.d.ts +2 -0
- package/dist/styles/theme/genesis-theme.js +306 -247
- package/dist/styles/theme/genesis-theme.types.d.ts +7 -0
- package/dist/styles/theme/theme-tree/ThemeTree.js +4 -3
- package/dist/test/setup.js +2 -2
- 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-
|
|
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
|
|
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
|
-
|
|
1652
|
+
qo as ThemeTree
|
|
1652
1653
|
};
|
package/dist/test/setup.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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
|
+
"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
|
}
|