@grantbii/design-system 1.24.0 → 1.24.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/atoms/BrandLogo.js +1 -0
- package/core/atoms/BrandLogo.js.map +1 -1
- package/core/molecules/Checkbox.d.ts +0 -1
- package/core/molecules/Checkbox.js +6 -1
- package/core/molecules/Checkbox.js.map +1 -1
- package/core/organisms/Dropdown.d.ts +3 -2
- package/core/organisms/Dropdown.js +11 -5
- package/core/organisms/Dropdown.js.map +1 -1
- package/package.json +5 -5
- package/tsconfig.tsbuildinfo +1 -1
package/core/atoms/BrandLogo.js
CHANGED
|
@@ -31,6 +31,7 @@ const ORIGINAL_HEIGHT = 80;
|
|
|
31
31
|
const variantToLogomarkSrc = (colorVariant) => colorVariant === "full" ? fullColorLogomark : reversedColorLogomark;
|
|
32
32
|
const variantToLogoSrc = (colorVariant) => colorVariant === "full" ? fullColorLogo : reversedColorLogo;
|
|
33
33
|
const BrandImage = styled(Image) `
|
|
34
|
+
display: block;
|
|
34
35
|
border-radius: ${(props) => props.$borderRadius};
|
|
35
36
|
|
|
36
37
|
@media (width < ${Responsive.widthBreakpoint.laptop}) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrandLogo.js","sourceRoot":"","sources":["../../../core/atoms/BrandLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,aAAa,MAAM,4CAA4C,CAAC;AACvE,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAC/E,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAC/E,OAAO,qBAAqB,MAAM,oDAAoD,CAAC;AACvF,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AAelD,MAAM,SAAS,GAAG,CAAC,EACjB,YAAY,GAAG,MAAM,EACrB,UAAU,GAAG,KAAK,EAClB,gBAAgB,GAAG,OAAO,EAC1B,iBAAiB,GAAG,MAAM,EAC1B,cAAc,GAAG,OAAO,EACxB,eAAe,GAAG,MAAM,EACxB,YAAY,GAAG,KAAK,EACpB,GAAG,GAAG,UAAU,GACD,EAAE,EAAE;IACnB,MAAM,GAAG,GAAG,UAAU;QACpB,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC;QACpC,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAEnC,MAAM,UAAU,GAAG;QACjB,GAAG;QACH,GAAG;QACH,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,eAAe;QACvB,iBAAiB,EAAE,gBAAgB;QACnC,kBAAkB,EAAE,iBAAiB;QACrC,eAAe,EAAE,cAAc;QAC/B,gBAAgB,EAAE,eAAe;QACjC,aAAa,EAAE,YAAY;QAC3B,WAAW,EAAE,UAAU;KACxB,CAAC;IAEF,OAAO,KAAC,UAAU,OAAK,UAAU,GAAI,CAAC;AACxC,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,oBAAoB,GAAG,CAAC,YAA0B,EAAE,EAAE,CAC1D,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC;AAEtE,MAAM,gBAAgB,GAAG,CAAC,YAA0B,EAAE,EAAE,CACtD,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC;AAW9D,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAiB
|
|
1
|
+
{"version":3,"file":"BrandLogo.js","sourceRoot":"","sources":["../../../core/atoms/BrandLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,aAAa,MAAM,4CAA4C,CAAC;AACvE,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAC/E,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAC/E,OAAO,qBAAqB,MAAM,oDAAoD,CAAC;AACvF,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AAelD,MAAM,SAAS,GAAG,CAAC,EACjB,YAAY,GAAG,MAAM,EACrB,UAAU,GAAG,KAAK,EAClB,gBAAgB,GAAG,OAAO,EAC1B,iBAAiB,GAAG,MAAM,EAC1B,cAAc,GAAG,OAAO,EACxB,eAAe,GAAG,MAAM,EACxB,YAAY,GAAG,KAAK,EACpB,GAAG,GAAG,UAAU,GACD,EAAE,EAAE;IACnB,MAAM,GAAG,GAAG,UAAU;QACpB,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC;QACpC,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAEnC,MAAM,UAAU,GAAG;QACjB,GAAG;QACH,GAAG;QACH,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,eAAe;QACvB,iBAAiB,EAAE,gBAAgB;QACnC,kBAAkB,EAAE,iBAAiB;QACrC,eAAe,EAAE,cAAc;QAC/B,gBAAgB,EAAE,eAAe;QACjC,aAAa,EAAE,YAAY;QAC3B,WAAW,EAAE,UAAU;KACxB,CAAC;IAEF,OAAO,KAAC,UAAU,OAAK,UAAU,GAAI,CAAC;AACxC,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,oBAAoB,GAAG,CAAC,YAA0B,EAAE,EAAE,CAC1D,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC;AAEtE,MAAM,gBAAgB,GAAG,CAAC,YAA0B,EAAE,EAAE,CACtD,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC;AAW9D,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAiB;;mBAE9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa;;oBAE7B,UAAU,CAAC,eAAe,CAAC,MAAM;aACxC,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB;cAC9D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB;;;qBAG5B,UAAU,CAAC,eAAe,CAAC,MAAM;aACzC,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe;cAC1D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,gBAAgB;;CAE9C,CAAC","sourcesContent":["import Image from \"next/image\";\nimport styled from \"styled-components\";\nimport fullColorLogo from \"../assets/logos/brand_logo-full_color.webp\";\nimport reversedColorLogo from \"../assets/logos/brand_logo-reversed_color.webp\";\nimport fullColorLogomark from \"../assets/logos/brand_logomark-full_color.webp\";\nimport reversedColorLogomark from \"../assets/logos/brand_logomark-reversed_color.webp\";\nimport * as Responsive from \"../atoms/Responsive\";\n\ntype ColorVariant = \"full\" | \"reversed\";\n\ntype BrandLogoProps = {\n colorVariant?: ColorVariant;\n isLogomark?: boolean;\n smallScreenWidth?: string;\n smallScreenHeight?: string;\n bigScreenWidth?: string;\n bigScreenHeight?: string;\n borderRadius?: string;\n alt?: string;\n};\n\nconst BrandLogo = ({\n colorVariant = \"full\",\n isLogomark = false,\n smallScreenWidth = \"125px\",\n smallScreenHeight = \"40px\",\n bigScreenWidth = \"150px\",\n bigScreenHeight = \"48px\",\n borderRadius = \"0px\",\n alt = \"Grantbii\",\n}: BrandLogoProps) => {\n const src = isLogomark\n ? variantToLogomarkSrc(colorVariant)\n : variantToLogoSrc(colorVariant);\n\n const imageProps = {\n src,\n alt,\n priority: true,\n width: ORIGINAL_WIDTH,\n height: ORIGINAL_HEIGHT,\n $smallScreenWidth: smallScreenWidth,\n $smallScreenHeight: smallScreenHeight,\n $bigScreenWidth: bigScreenWidth,\n $bigScreenHeight: bigScreenHeight,\n $borderRadius: borderRadius,\n $isLogomark: isLogomark,\n };\n\n return <BrandImage {...imageProps} />;\n};\n\nexport default BrandLogo;\n\nconst ORIGINAL_WIDTH = 250;\nconst ORIGINAL_HEIGHT = 80;\n\nconst variantToLogomarkSrc = (colorVariant: ColorVariant) =>\n colorVariant === \"full\" ? fullColorLogomark : reversedColorLogomark;\n\nconst variantToLogoSrc = (colorVariant: ColorVariant) =>\n colorVariant === \"full\" ? fullColorLogo : reversedColorLogo;\n\ntype BrandImageProps = {\n $isLogomark: boolean;\n $smallScreenWidth: string;\n $smallScreenHeight: string;\n $bigScreenWidth: string;\n $bigScreenHeight: string;\n $borderRadius: string;\n};\n\nconst BrandImage = styled(Image)<BrandImageProps>`\n display: block;\n border-radius: ${(props) => props.$borderRadius};\n\n @media (width < ${Responsive.widthBreakpoint.laptop}) {\n width: ${(props) =>\n props.$isLogomark ? props.$smallScreenHeight : props.$smallScreenWidth};\n height: ${(props) => props.$smallScreenHeight};\n }\n\n @media (width >= ${Responsive.widthBreakpoint.laptop}) {\n width: ${(props) =>\n props.$isLogomark ? props.$bigScreenHeight : props.$bigScreenWidth};\n height: ${(props) => props.$bigScreenHeight};\n }\n`;\n"]}
|
|
@@ -7,5 +7,10 @@ export default Checkbox;
|
|
|
7
7
|
const BaseCheckbox = styled.input `
|
|
8
8
|
accent-color: ${Color.brand.grantbiiBlue};
|
|
9
9
|
`;
|
|
10
|
-
const CheckboxLabel = ({ id, label }) => (_jsx(
|
|
10
|
+
const CheckboxLabel = ({ id, label }) => (_jsx(BaseCheckboxLabel, { htmlFor: `${id ?? label}-checkbox`, children: label }));
|
|
11
|
+
const BaseCheckboxLabel = styled.label `
|
|
12
|
+
&:hover {
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
}
|
|
15
|
+
`;
|
|
11
16
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../core/molecules/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../core/molecules/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAO1C,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,GAAG,aAAa,EACF,EAAE,EAAE,CAAC,CACnB,MAAC,aAAa,eACX,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,mBAAK,EACvE,KAAC,YAAY,OAAK,aAAa,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAC,UAAU,GAAG,EACxE,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,mBAAK,IAC1D,CACjB,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;kBACf,KAAK,CAAC,KAAK,CAAC,YAAY;CACzC,CAAC;AAOF,MAAM,aAAa,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAsB,EAAE,EAAE,CAAC,CAC3D,KAAC,iBAAiB,IAAC,OAAO,EAAE,GAAG,EAAE,IAAI,KAAK,WAAW,YAClD,KAAK,GACY,CACrB,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAA;;;;CAIrC,CAAC","sourcesContent":["import type { DetailedHTMLProps, InputHTMLAttributes, ReactNode } from \"react\";\nimport styled from \"styled-components\";\nimport { Color } from \"../atoms\";\nimport { LabelledInput } from \"../shared\";\n\ntype CheckboxProps = {\n label: ReactNode;\n labelBefore?: boolean;\n} & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;\n\nconst Checkbox = ({\n id,\n label,\n labelBefore = false,\n ...checkboxProps\n}: CheckboxProps) => (\n <LabelledInput>\n {label && labelBefore ? <CheckboxLabel id={id} label={label} /> : <></>}\n <BaseCheckbox {...checkboxProps} id={`${id}-checkbox`} type=\"checkbox\" />\n {label && !labelBefore ? <CheckboxLabel id={id} label={label} /> : <></>}\n </LabelledInput>\n);\n\nexport default Checkbox;\n\nconst BaseCheckbox = styled.input`\n accent-color: ${Color.brand.grantbiiBlue};\n`;\n\ntype CheckboxLabelProps = {\n id?: string;\n label: ReactNode;\n};\n\nconst CheckboxLabel = ({ id, label }: CheckboxLabelProps) => (\n <BaseCheckboxLabel htmlFor={`${id ?? label}-checkbox`}>\n {label}\n </BaseCheckboxLabel>\n);\n\nconst BaseCheckboxLabel = styled.label`\n &:hover {\n cursor: pointer;\n }\n`;\n"]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import type { DetailedHTMLProps, SelectHTMLAttributes } from "react";
|
|
1
|
+
import type { ComponentPropsWithoutRef, DetailedHTMLProps, SelectHTMLAttributes } from "react";
|
|
2
2
|
import { type Option } from "../types";
|
|
3
|
+
type DropdownOption = Option & Omit<ComponentPropsWithoutRef<"option">, keyof Option | "children">;
|
|
3
4
|
export type DropdownProps = {
|
|
4
|
-
options:
|
|
5
|
+
options: DropdownOption[];
|
|
5
6
|
defaultLabel?: string;
|
|
6
7
|
} & DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
|
|
7
8
|
declare const Dropdown: ({ options, defaultLabel, ...selectProps }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import styled from "styled-components";
|
|
3
|
-
import { Color } from "../atoms";
|
|
4
|
-
import { InputValidation } from "../shared";
|
|
3
|
+
import { Color, Typography } from "../atoms";
|
|
5
4
|
import {} from "../types";
|
|
6
|
-
const Dropdown = ({ options, defaultLabel, ...selectProps }) => (_jsxs(Select, { ...selectProps, children: [_jsx("option", { hidden: true, disabled: true, value: "", children: defaultLabel ?? "-" }), options.map((
|
|
5
|
+
const Dropdown = ({ options, defaultLabel, ...selectProps }) => (_jsxs(Select, { ...selectProps, children: [_jsx("option", { hidden: true, disabled: true, value: "", children: defaultLabel ?? "-" }), options.map(({ label, ...optionProps }) => (_jsx("option", { ...optionProps, children: label }, optionProps.value)))] }));
|
|
7
6
|
export default Dropdown;
|
|
8
7
|
const Select = styled.select `
|
|
9
8
|
padding: 12px 16px;
|
|
10
|
-
background-color: ${Color.neutral.white};
|
|
11
9
|
border-radius: 8px;
|
|
12
10
|
|
|
13
|
-
|
|
11
|
+
font-size: 16px;
|
|
12
|
+
font-weight: ${Typography.weight.medium};
|
|
13
|
+
|
|
14
|
+
background-color: transparent;
|
|
15
|
+
border: 1px solid ${Color.neutral.grey2};
|
|
16
|
+
|
|
17
|
+
&:active {
|
|
18
|
+
background-color: ${Color.accent.blue3};
|
|
19
|
+
}
|
|
14
20
|
`;
|
|
15
21
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../core/organisms/Dropdown.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../core/organisms/Dropdown.tsx"],"names":[],"mappings":";AAKA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAe,MAAM,UAAU,CAAC;AAavC,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,WAAW,EAAiB,EAAE,EAAE,CAAC,CAC7E,MAAC,MAAM,OAAK,WAAW,aACrB,iBAAQ,MAAM,QAAC,QAAQ,QAAC,KAAK,EAAC,EAAE,YAC7B,YAAY,IAAI,GAAG,GACb,EAER,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,CAAC,CAC1C,oBAAoC,WAAW,YAC5C,KAAK,IADK,WAAW,CAAC,KAAK,CAErB,CACV,CAAC,IACK,CACV,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;iBAKX,UAAU,CAAC,MAAM,CAAC,MAAM;;;sBAGnB,KAAK,CAAC,OAAO,CAAC,KAAK;;;wBAGjB,KAAK,CAAC,MAAM,CAAC,KAAK;;CAEzC,CAAC","sourcesContent":["import type {\n ComponentPropsWithoutRef,\n DetailedHTMLProps,\n SelectHTMLAttributes,\n} from \"react\";\nimport styled from \"styled-components\";\nimport { Color, Typography } from \"../atoms\";\nimport { type Option } from \"../types\";\n\ntype DropdownOption = Option &\n Omit<ComponentPropsWithoutRef<\"option\">, keyof Option | \"children\">;\n\nexport type DropdownProps = {\n options: DropdownOption[];\n defaultLabel?: string;\n} & DetailedHTMLProps<\n SelectHTMLAttributes<HTMLSelectElement>,\n HTMLSelectElement\n>;\n\nconst Dropdown = ({ options, defaultLabel, ...selectProps }: DropdownProps) => (\n <Select {...selectProps}>\n <option hidden disabled value=\"\">\n {defaultLabel ?? \"-\"}\n </option>\n\n {options.map(({ label, ...optionProps }) => (\n <option key={optionProps.value} {...optionProps}>\n {label}\n </option>\n ))}\n </Select>\n);\n\nexport default Dropdown;\n\nconst Select = styled.select`\n padding: 12px 16px;\n border-radius: 8px;\n\n font-size: 16px;\n font-weight: ${Typography.weight.medium};\n\n background-color: transparent;\n border: 1px solid ${Color.neutral.grey2};\n\n &:active {\n background-color: ${Color.accent.blue3};\n }\n`;\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.24.
|
|
5
|
+
"version": "1.24.2",
|
|
6
6
|
"description": "Grantbii's Design System",
|
|
7
7
|
"homepage": "https://design.grantbii.com",
|
|
8
8
|
"repository": {
|
|
@@ -47,16 +47,16 @@
|
|
|
47
47
|
"@vitest/browser-playwright": "4.1.5",
|
|
48
48
|
"@vitest/coverage-v8": "4.1.5",
|
|
49
49
|
"eslint": "9.39.4",
|
|
50
|
-
"eslint-config-next": "16.2.
|
|
50
|
+
"eslint-config-next": "16.2.6",
|
|
51
51
|
"eslint-config-prettier": "10.1.8",
|
|
52
52
|
"eslint-plugin-storybook": "10.3.6",
|
|
53
53
|
"husky": "9.1.7",
|
|
54
54
|
"lint-staged": "16.4.0",
|
|
55
|
-
"next": "16.2.
|
|
55
|
+
"next": "16.2.6",
|
|
56
56
|
"playwright": "1.59.1",
|
|
57
57
|
"prettier": "3.8.3",
|
|
58
|
-
"react": "19.2.
|
|
59
|
-
"react-dom": "19.2.
|
|
58
|
+
"react": "19.2.6",
|
|
59
|
+
"react-dom": "19.2.6",
|
|
60
60
|
"storybook": "10.3.6",
|
|
61
61
|
"styled-components": "6.4.1",
|
|
62
62
|
"typescript": "6.0.3",
|