@grantbii/design-system 1.12.1 → 1.13.2
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/core/foundations/index.d.ts +2 -1
- package/core/foundations/index.js +2 -1
- package/core/foundations/index.js.map +1 -1
- package/core/foundations/loaders.d.ts +1 -0
- package/core/foundations/loaders.js +2 -0
- package/core/foundations/loaders.js.map +1 -0
- package/core/integrations/mappings.d.ts +1 -1
- package/core/integrations/mappings.js +1 -1
- package/core/integrations/mappings.js.map +1 -1
- package/package.json +24 -25
- package/stories/atoms/Dropdown.stories.js +2 -2
- package/stories/atoms/Dropdown.stories.js.map +1 -1
- package/stories/atoms/Input.stories.js +2 -2
- package/stories/atoms/Input.stories.js.map +1 -1
- package/stories/molecules/Badges.stories.js +2 -2
- package/stories/molecules/Badges.stories.js.map +1 -1
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export * as Responsive from "./responsive";
|
|
2
1
|
export * as Colors from "./colors";
|
|
3
2
|
export * as Flags from "./flags";
|
|
4
3
|
export * as Icons from "./icons";
|
|
4
|
+
export * as Loaders from "./loaders";
|
|
5
|
+
export * as Responsive from "./responsive";
|
|
5
6
|
export type * from "./types";
|
|
6
7
|
export * as Typography from "./typography";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export * as Responsive from "./responsive";
|
|
2
1
|
export * as Colors from "./colors";
|
|
3
2
|
export * as Flags from "./flags";
|
|
4
3
|
export * as Icons from "./icons";
|
|
4
|
+
export * as Loaders from "./loaders";
|
|
5
|
+
export * as Responsive from "./responsive";
|
|
5
6
|
export * as Typography from "./typography";
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../core/foundations/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../core/foundations/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAE3C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC","sourcesContent":["export * as Colors from \"./colors\";\nexport * as Flags from \"./flags\";\nexport * as Icons from \"./icons\";\nexport * as Loaders from \"./loaders\";\nexport * as Responsive from \"./responsive\";\nexport type * from \"./types\";\nexport * as Typography from \"./typography\";\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "react-spinners";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loaders.js","sourceRoot":"","sources":["../../../core/foundations/loaders.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC","sourcesContent":["export * from \"react-spinners\";\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { BaseEnumType } from "@grantbii/ui-core/enums";
|
|
2
2
|
import type { Option } from "../foundations";
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const enumToOptions: <EnumType extends BaseEnumType>(enumType: EnumType) => Option[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export const
|
|
1
|
+
export const enumToOptions = (enumType) => Object.values(enumType)
|
|
2
2
|
.filter((value) => value !== enumType.UNKNOWN)
|
|
3
3
|
.map((value) => ({ label: value, value }));
|
|
4
4
|
//# sourceMappingURL=mappings.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mappings.js","sourceRoot":"","sources":["../../../core/integrations/mappings.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"mappings.js","sourceRoot":"","sources":["../../../core/integrations/mappings.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,QAAkB,EACR,EAAE,CACZ,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;KACpB,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,OAAO,CAAC;KAC7C,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC","sourcesContent":["import type { BaseEnumType } from \"@grantbii/ui-core/enums\";\nimport type { Option } from \"../foundations\";\n\nexport const enumToOptions = <EnumType extends BaseEnumType>(\n enumType: EnumType,\n): Option[] =>\n Object.values(enumType)\n .filter((value) => value !== enumType.UNKNOWN)\n .map((value) => ({ label: value, value }));\n"]}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@grantbii/design-system",
|
|
3
3
|
"author": "Grantbii",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.13.2",
|
|
6
6
|
"description": "Grantbii's Design System",
|
|
7
7
|
"homepage": "https://design.grantbii.com",
|
|
8
8
|
"repository": {
|
|
@@ -26,42 +26,41 @@
|
|
|
26
26
|
"react-spinners": "0.17.0"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"@grantbii/ui-core": "^1.
|
|
30
|
-
"next": "^16.1
|
|
29
|
+
"@grantbii/ui-core": "^1.8.4",
|
|
30
|
+
"next": "^16.2.1",
|
|
31
31
|
"react": ">=18 <20",
|
|
32
32
|
"react-dom": ">=18 <20",
|
|
33
|
-
"styled-components": "^6.3.
|
|
33
|
+
"styled-components": "^6.3.12"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@chromatic-com/storybook": "5.
|
|
37
|
-
"@
|
|
38
|
-
"@
|
|
39
|
-
"@
|
|
40
|
-
"@storybook/addon-
|
|
41
|
-
"@storybook/addon-
|
|
42
|
-
"@storybook/
|
|
43
|
-
"@storybook/addon-vitest": "10.2.13",
|
|
44
|
-
"@storybook/nextjs-vite": "10.2.13",
|
|
36
|
+
"@chromatic-com/storybook": "5.1.1",
|
|
37
|
+
"@grantbii/ui-core": "1.8.4",
|
|
38
|
+
"@storybook/addon-a11y": "10.3.3",
|
|
39
|
+
"@storybook/addon-docs": "10.3.3",
|
|
40
|
+
"@storybook/addon-onboarding": "10.3.3",
|
|
41
|
+
"@storybook/addon-vitest": "10.3.3",
|
|
42
|
+
"@storybook/nextjs-vite": "10.3.3",
|
|
45
43
|
"@types/node": "22.18.0",
|
|
46
44
|
"@types/react": "19.2.14",
|
|
47
45
|
"@types/react-dom": "19.2.3",
|
|
48
|
-
"@vitest/browser": "4.
|
|
49
|
-
"@vitest/browser-playwright": "4.
|
|
50
|
-
"@vitest/coverage-v8": "4.
|
|
51
|
-
"eslint": "9.39.
|
|
52
|
-
"eslint-config-next": "16.1
|
|
53
|
-
"eslint-
|
|
46
|
+
"@vitest/browser": "4.1.1",
|
|
47
|
+
"@vitest/browser-playwright": "4.1.1",
|
|
48
|
+
"@vitest/coverage-v8": "4.1.1",
|
|
49
|
+
"eslint": "9.39.4",
|
|
50
|
+
"eslint-config-next": "16.2.1",
|
|
51
|
+
"eslint-config-prettier": "10.1.8",
|
|
52
|
+
"eslint-plugin-storybook": "10.3.3",
|
|
54
53
|
"husky": "9.1.7",
|
|
55
|
-
"lint-staged": "16.
|
|
56
|
-
"next": "16.1
|
|
54
|
+
"lint-staged": "16.4.0",
|
|
55
|
+
"next": "16.2.1",
|
|
57
56
|
"playwright": "1.58.2",
|
|
58
57
|
"prettier": "3.8.1",
|
|
59
58
|
"react": "19.2.4",
|
|
60
59
|
"react-dom": "19.2.4",
|
|
61
|
-
"storybook": "10.
|
|
62
|
-
"styled-components": "6.3.
|
|
63
|
-
"typescript": "
|
|
64
|
-
"vitest": "4.
|
|
60
|
+
"storybook": "10.3.3",
|
|
61
|
+
"styled-components": "6.3.12",
|
|
62
|
+
"typescript": "6.0.2",
|
|
63
|
+
"vitest": "4.1.1"
|
|
65
64
|
},
|
|
66
65
|
"lint-staged": {
|
|
67
66
|
"**/*.{html,css,json,md,yaml}": [
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Dropdown,
|
|
2
|
+
import { Dropdown, enumToOptions } from "@/.";
|
|
3
3
|
import { Objective } from "@grantbii/ui-core/grant/enums";
|
|
4
4
|
import { parseEnum } from "@grantbii/ui-core/enums";
|
|
5
5
|
import { useState } from "react";
|
|
@@ -13,7 +13,7 @@ const DropdownExample = ({ controlled }) => {
|
|
|
13
13
|
return _jsx(Dropdown, { ...(controlled ? controlledProps : uncontrolledProps) });
|
|
14
14
|
};
|
|
15
15
|
const baseProps = {
|
|
16
|
-
options:
|
|
16
|
+
options: enumToOptions(Objective),
|
|
17
17
|
defaultLabel: "Select grant objective",
|
|
18
18
|
};
|
|
19
19
|
const uncontrolledProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../stories/atoms/Dropdown.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../stories/atoms/Dropdown.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAsB,MAAM,KAAK,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,MAAM,eAAe,GAAG,CAAC,EAAE,UAAU,EAAgB,EAAE,EAAE;IACvD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAE9E,MAAM,eAAe,GAAkB;QACrC,GAAG,SAAS;QACZ,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB;QACvE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,oBAAoB,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;KACjE,CAAC;IAEF,OAAO,KAAC,QAAQ,OAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAI,CAAC;AAC9E,CAAC,CAAC;AAEF,MAAM,SAAS,GAAkB;IAC/B,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC;IACjC,YAAY,EAAE,wBAAwB;CACvC,CAAC;AAEF,MAAM,iBAAiB,GAAkB;IACvC,GAAG,SAAS;IACZ,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC","sourcesContent":["import { Dropdown, enumToOptions, type DropdownProps } from \"@/.\";\nimport { Objective } from \"@grantbii/ui-core/grant/enums\";\nimport { parseEnum } from \"@grantbii/ui-core/enums\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\nimport { useState } from \"react\";\n\ntype ExampleProps = {\n controlled: boolean;\n};\n\nconst DropdownExample = ({ controlled }: ExampleProps) => {\n const [selectedObjective, setSelectedObjective] = useState(Objective.UNKNOWN);\n\n const controlledProps: DropdownProps = {\n ...baseProps,\n value: selectedObjective === Objective.UNKNOWN ? \"\" : selectedObjective,\n onChange: (event) =>\n setSelectedObjective(parseEnum(event.target.value, Objective)),\n };\n\n return <Dropdown {...(controlled ? controlledProps : uncontrolledProps)} />;\n};\n\nconst baseProps: DropdownProps = {\n options: enumToOptions(Objective),\n defaultLabel: \"Select grant objective\",\n};\n\nconst uncontrolledProps: DropdownProps = {\n ...baseProps,\n defaultValue: \"\",\n};\n\nconst meta: Meta<typeof DropdownExample> = {\n title: \"Atoms/Dropdown\",\n component: DropdownExample,\n tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Controlled: Story = {\n args: {\n controlled: true,\n },\n};\n\nexport const Uncontrolled: Story = {\n args: {\n controlled: false,\n },\n};\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Input,
|
|
1
|
+
import { Input, enumToOptions } from "@/.";
|
|
2
2
|
import { CostItem } from "@grantbii/ui-core/grant/enums";
|
|
3
3
|
const meta = {
|
|
4
4
|
title: "Atoms/Input",
|
|
@@ -22,7 +22,7 @@ export const Datalist = {
|
|
|
22
22
|
args: {
|
|
23
23
|
placeholder: "Enter a cost item",
|
|
24
24
|
datalistId: "supportable-cost-items",
|
|
25
|
-
datalistOptions:
|
|
25
|
+
datalistOptions: enumToOptions(CostItem),
|
|
26
26
|
},
|
|
27
27
|
};
|
|
28
28
|
export const CustomError = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../stories/atoms/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../stories/atoms/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGzD,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE,WAAW,EAAE,kBAAkB,EAAE,IAAI,EAAE,OAAO,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,EAAE,EAAE;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,WAAW,EAAE,mBAAmB;QAChC,UAAU,EAAE,wBAAwB;QACpC,eAAe,EAAE,aAAa,CAAC,QAAQ,CAAC;KACzC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,SAAS,EAAE,IAAI;KAChB;CACF,CAAC","sourcesContent":["import { Input, enumToOptions } from \"@/.\";\nimport { CostItem } from \"@grantbii/ui-core/grant/enums\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof Input> = {\n title: \"Atoms/Input\",\n component: Input,\n tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const BasicInput: Story = {\n args: { placeholder: \"Type here\" },\n};\n\nexport const NumericalField: Story = {\n args: { placeholder: \"Numbers only\", type: \"number\" },\n};\n\nexport const EmailField: Story = {\n args: { placeholder: \"Enter your email\", type: \"email\" },\n};\n\nexport const MinimumLength: Story = {\n args: { placeholder: \"At least 10 characters\", minLength: 10 },\n};\n\nexport const Datalist: Story = {\n args: {\n placeholder: \"Enter a cost item\",\n datalistId: \"supportable-cost-items\",\n datalistOptions: enumToOptions(CostItem),\n },\n};\n\nexport const CustomError: Story = {\n args: {\n $hasError: true,\n },\n};\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Badges,
|
|
1
|
+
import { Badges, enumToOptions } from "@/.";
|
|
2
2
|
import { Objective } from "@grantbii/ui-core/grant/enums";
|
|
3
3
|
const meta = {
|
|
4
4
|
title: "Molecules/Badges",
|
|
@@ -6,7 +6,7 @@ const meta = {
|
|
|
6
6
|
tags: ["autodocs"],
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
9
|
-
const allBadgeProps =
|
|
9
|
+
const allBadgeProps = enumToOptions(Objective);
|
|
10
10
|
export const ScrollableVertical = {
|
|
11
11
|
args: {
|
|
12
12
|
allBadgeProps,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badges.stories.js","sourceRoot":"","sources":["../../../stories/molecules/Badges.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Badges.stories.js","sourceRoot":"","sources":["../../../stories/molecules/Badges.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAmB,MAAM,KAAK,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAG1D,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,aAAa,GAAiB,aAAa,CAAC,SAAS,CAAC,CAAC;AAE7D,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,aAAa;QACb,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,aAAa;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,aAAa;QACb,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC3C,IAAI,EAAE;QACJ,aAAa;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC","sourcesContent":["import { Badges, enumToOptions, type BadgeProps } from \"@/.\";\nimport { Objective } from \"@grantbii/ui-core/grant/enums\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof Badges> = {\n title: \"Molecules/Badges\",\n component: Badges,\n tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst allBadgeProps: BadgeProps[] = enumToOptions(Objective);\n\nexport const ScrollableVertical: Story = {\n args: {\n allBadgeProps,\n scrollable: true,\n vertical: true,\n },\n};\n\nexport const UnscrollableVertical: Story = {\n args: {\n allBadgeProps,\n scrollable: false,\n vertical: true,\n },\n};\n\nexport const ScrollableHorizontal: Story = {\n args: {\n allBadgeProps,\n scrollable: true,\n vertical: false,\n },\n};\n\nexport const UnscrollableHorizontal: Story = {\n args: {\n allBadgeProps,\n scrollable: false,\n vertical: false,\n },\n};\n"]}
|