bianic-ui 2.0.0 → 2.1.0-beta.0
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 +49 -49
- package/dist/cjs/index.js +14 -6
- package/dist/cjs/lib.css +1 -1
- package/dist/cjs/types/components/Forms/{FormLabel.d.ts → Label/FormLabel.d.ts} +6 -2
- package/dist/cjs/types/components/Forms/Label/FormLabelSimulation.d.ts +4 -0
- package/dist/cjs/types/components/Forms/index.d.ts +1 -0
- package/dist/cjs/types/components/index.d.ts +1 -1
- package/dist/cjs/types/stories/Form/Label/FormLabel.stories.d.ts +13 -0
- package/dist/cjs/types/stories/Form/Label/Label.stories.d.ts +24 -0
- package/dist/esm/index.js +14 -7
- package/dist/esm/lib.css +1 -1
- package/dist/esm/types/components/Forms/{FormLabel.d.ts → Label/FormLabel.d.ts} +6 -2
- package/dist/esm/types/components/Forms/Label/FormLabelSimulation.d.ts +4 -0
- package/dist/esm/types/components/Forms/index.d.ts +1 -0
- package/dist/esm/types/components/index.d.ts +1 -1
- package/dist/esm/types/stories/Form/Label/FormLabel.stories.d.ts +13 -0
- package/dist/esm/types/stories/Form/Label/Label.stories.d.ts +24 -0
- package/dist/index.d.ts +22 -1
- package/package.json +97 -97
- package/src/style/color.css +627 -627
- package/src/style/scrollbar.css +78 -78
- package/tailwind.config.js +543 -543
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
interface FormLabelProps {
|
|
2
|
+
export interface FormLabelProps {
|
|
3
|
+
size?: 'sm' | 'md';
|
|
4
|
+
fontWeight?: 'normal' | 'semibold';
|
|
3
5
|
children: React.ReactNode;
|
|
4
6
|
className?: string;
|
|
5
7
|
htmlFor?: string;
|
|
@@ -7,12 +9,14 @@ interface FormLabelProps {
|
|
|
7
9
|
required?: boolean;
|
|
8
10
|
}
|
|
9
11
|
declare const FormLabel: {
|
|
10
|
-
({ children, className, htmlFor, readOnly, required, }: FormLabelProps): React.JSX.Element;
|
|
12
|
+
({ children, className, htmlFor, readOnly, required, size, fontWeight, }: FormLabelProps): React.JSX.Element;
|
|
11
13
|
defaultProps: {
|
|
12
14
|
className: string;
|
|
13
15
|
htmlFor: undefined;
|
|
14
16
|
required: boolean;
|
|
15
17
|
readOnly: boolean;
|
|
18
|
+
size: string;
|
|
19
|
+
fontWeight: string;
|
|
16
20
|
};
|
|
17
21
|
};
|
|
18
22
|
export default FormLabel;
|
|
@@ -9,3 +9,4 @@ export { SegmentButtonItem, SegmentButtonGroup } from './SegmentButton';
|
|
|
9
9
|
export { FormGroup, FormGroupButton, FormGroupLabel } from './Group';
|
|
10
10
|
export { DropdownContainer, DropdownItem } from './Dropdown';
|
|
11
11
|
export { DatePicker, PickerCalendar } from './DatePicker';
|
|
12
|
+
export { default as FormLabel } from './Label/FormLabel';
|
|
@@ -10,7 +10,7 @@ export { default as Color } from './Color';
|
|
|
10
10
|
export { default as Divider } from './Divider/Divider';
|
|
11
11
|
export { default as FileTree } from './FileTree';
|
|
12
12
|
export { MenuContainer, MenuItem } from './Menu';
|
|
13
|
-
export { TextInput, Radio, TextArea, Checkbox, SelectInput, LiveSearch, Toggle, SegmentButtonItem, SegmentButtonGroup, FormGroup, FormGroupButton, FormGroupLabel, DropdownItem, DropdownContainer, DatePicker, PickerCalendar, } from './Forms';
|
|
13
|
+
export { TextInput, Radio, TextArea, Checkbox, SelectInput, LiveSearch, Toggle, SegmentButtonItem, SegmentButtonGroup, FormLabel, FormGroup, FormGroupButton, FormGroupLabel, DropdownItem, DropdownContainer, DatePicker, PickerCalendar, } from './Forms';
|
|
14
14
|
export * from './Icons';
|
|
15
15
|
export { default as InfoPanel } from './InfoPanel';
|
|
16
16
|
export { default as Modal } from './Modal/Modal';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ className, children, htmlFor, required, readOnly, fontWeight, size, }: import("../../../components/Forms/Label/FormLabel").FormLabelProps) => import("react").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
args: {};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Simulation: Story;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: {
|
|
6
|
+
({ children, className, htmlFor, readOnly, required, size, fontWeight, }: import("../../../components/Forms/Label/FormLabel").FormLabelProps): import("react").JSX.Element;
|
|
7
|
+
defaultProps: {
|
|
8
|
+
className: string;
|
|
9
|
+
htmlFor: undefined;
|
|
10
|
+
required: boolean;
|
|
11
|
+
readOnly: boolean;
|
|
12
|
+
size: string;
|
|
13
|
+
fontWeight: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
parameters: {
|
|
17
|
+
layout: string;
|
|
18
|
+
};
|
|
19
|
+
tags: string[];
|
|
20
|
+
args: {};
|
|
21
|
+
};
|
|
22
|
+
export default meta;
|
|
23
|
+
type Story = StoryObj<typeof meta>;
|
|
24
|
+
export declare const Demo: Story;
|
package/dist/index.d.ts
CHANGED
|
@@ -470,6 +470,27 @@ interface PickerCalendarProps extends ComponentPropsWithRef<'div'> {
|
|
|
470
470
|
|
|
471
471
|
declare const PickerCalendar: React$1.FC<PickerCalendarProps>;
|
|
472
472
|
|
|
473
|
+
interface FormLabelProps {
|
|
474
|
+
size?: 'sm' | 'md';
|
|
475
|
+
fontWeight?: 'normal' | 'semibold';
|
|
476
|
+
children: React$1.ReactNode;
|
|
477
|
+
className?: string;
|
|
478
|
+
htmlFor?: string;
|
|
479
|
+
readOnly?: boolean;
|
|
480
|
+
required?: boolean;
|
|
481
|
+
}
|
|
482
|
+
declare const FormLabel: {
|
|
483
|
+
({ children, className, htmlFor, readOnly, required, size, fontWeight, }: FormLabelProps): React$1.JSX.Element;
|
|
484
|
+
defaultProps: {
|
|
485
|
+
className: string;
|
|
486
|
+
htmlFor: undefined;
|
|
487
|
+
required: boolean;
|
|
488
|
+
readOnly: boolean;
|
|
489
|
+
size: string;
|
|
490
|
+
fontWeight: string;
|
|
491
|
+
};
|
|
492
|
+
};
|
|
493
|
+
|
|
473
494
|
interface IconProps {
|
|
474
495
|
className?: string;
|
|
475
496
|
size?: number | string;
|
|
@@ -796,4 +817,4 @@ interface WindowProps extends ComponentPropsWithRef<'div'> {
|
|
|
796
817
|
}
|
|
797
818
|
declare function Window({ size, title, zIndex, onClose, ...rest }: WindowProps): React$1.JSX.Element;
|
|
798
819
|
|
|
799
|
-
export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Neutral as BCNeutral, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, DatePicker, Display, Divider, DropdownContainer, DropdownItem, FileTree, FormGroup, FormGroupButton, FormGroupLabel, Heading, InfoPanel, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, PickerCalendar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, Window };
|
|
820
|
+
export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Neutral as BCNeutral, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, DatePicker, Display, Divider, DropdownContainer, DropdownItem, FileTree, FormGroup, FormGroupButton, FormGroupLabel, FormLabel, Heading, InfoPanel, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, PickerCalendar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, Window };
|
package/package.json
CHANGED
|
@@ -1,97 +1,97 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "bianic-ui",
|
|
3
|
-
"publishConfig": {
|
|
4
|
-
"@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
|
|
5
|
-
},
|
|
6
|
-
"version": "2.0.0",
|
|
7
|
-
"description": "Design Language System develop by BIAENERGI",
|
|
8
|
-
"scripts": {
|
|
9
|
-
"rollup": "rollup -c",
|
|
10
|
-
"storybook": "storybook dev -p 6006",
|
|
11
|
-
"build-storybook": "storybook build",
|
|
12
|
-
"publish-storybook": "npx chromatic --project-token=chpt_2ced61576f9e1e6",
|
|
13
|
-
"lint": "npx eslint src/components",
|
|
14
|
-
"lint:fix": "npx eslint src/components --fix",
|
|
15
|
-
"prepare": "husky install"
|
|
16
|
-
},
|
|
17
|
-
"author": {
|
|
18
|
-
"name": "Biaenergi"
|
|
19
|
-
},
|
|
20
|
-
"license": "ISC",
|
|
21
|
-
"devDependencies": {
|
|
22
|
-
"@chromatic-com/storybook": "^1.5.0",
|
|
23
|
-
"@eslint/js": "^9.5.0",
|
|
24
|
-
"@rollup/plugin-commonjs": "^25.0.4",
|
|
25
|
-
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
26
|
-
"@rollup/plugin-typescript": "^11.1.4",
|
|
27
|
-
"@rollup/plugin-url": "^8.0.2",
|
|
28
|
-
"@storybook/addon-essentials": "^8.1.11",
|
|
29
|
-
"@storybook/addon-interactions": "^8.1.6",
|
|
30
|
-
"@storybook/addon-links": "^8.1.6",
|
|
31
|
-
"@storybook/addon-onboarding": "^8.1.6",
|
|
32
|
-
"@storybook/addon-styling-webpack": "^1.0.0",
|
|
33
|
-
"@storybook/addon-webpack5-compiler-swc": "^1.0.3",
|
|
34
|
-
"@storybook/blocks": "^8.1.6",
|
|
35
|
-
"@storybook/react": "^8.1.11",
|
|
36
|
-
"@storybook/react-webpack5": "^8.1.6",
|
|
37
|
-
"@storybook/test": "^8.1.6",
|
|
38
|
-
"@types/react": "^18.2.24",
|
|
39
|
-
"@typescript-eslint/eslint-plugin": "^7.13.1",
|
|
40
|
-
"@typescript-eslint/parser": "^7.13.1",
|
|
41
|
-
"autoprefixer": "^10.4.19",
|
|
42
|
-
"chromatic": "^11.5.3",
|
|
43
|
-
"css-loader": "^7.1.2",
|
|
44
|
-
"eslint": "^8.57.0",
|
|
45
|
-
"eslint-config-airbnb": "^19.0.4",
|
|
46
|
-
"eslint-config-airbnb-typescript": "^18.0.0",
|
|
47
|
-
"eslint-config-node": "^4.1.0",
|
|
48
|
-
"eslint-config-prettier": "^9.1.0",
|
|
49
|
-
"eslint-plugin-import": "^2.25.3",
|
|
50
|
-
"eslint-plugin-jsx-a11y": "^6.5.1",
|
|
51
|
-
"eslint-plugin-node": "^11.1.0",
|
|
52
|
-
"eslint-plugin-prettier": "^5.1.3",
|
|
53
|
-
"eslint-plugin-react": "^7.34.3",
|
|
54
|
-
"eslint-plugin-react-hooks": "^4.3.0",
|
|
55
|
-
"globals": "^15.6.0",
|
|
56
|
-
"husky": "^9.0.11",
|
|
57
|
-
"postcss": "^8.4.31",
|
|
58
|
-
"postcss-loader": "^8.1.1",
|
|
59
|
-
"postcss-url": "^10.1.3",
|
|
60
|
-
"prettier": "^3.3.2",
|
|
61
|
-
"prettier-plugin-tailwindcss": "^0.5.6",
|
|
62
|
-
"react-icons": "^5.2.1",
|
|
63
|
-
"react-dom": "^18.0.0 || ^19.0.0-beta",
|
|
64
|
-
"rollup": "^3.29.4",
|
|
65
|
-
"rollup-plugin-copy": "^3.5.0",
|
|
66
|
-
"rollup-plugin-dts": "^6.0.2",
|
|
67
|
-
"rollup-plugin-image": "^1.0.2",
|
|
68
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
69
|
-
"sass": "^1.77.6",
|
|
70
|
-
"sass-loader": "^14.2.1",
|
|
71
|
-
"storybook": "^8.1.6",
|
|
72
|
-
"style-loader": "^4.0.0",
|
|
73
|
-
"tailwindcss": "^3.4.4",
|
|
74
|
-
"tslib": "^2.6.2",
|
|
75
|
-
"typescript": "^5.2.2",
|
|
76
|
-
"typescript-eslint": "^7.13.1",
|
|
77
|
-
"url-loader": "^4.1.1",
|
|
78
|
-
"webpack": "^5.88.2",
|
|
79
|
-
"react-draggable": "^4.5.0"
|
|
80
|
-
},
|
|
81
|
-
"main": "dist/cjs/index.js",
|
|
82
|
-
"module": "dist/esm/index.js",
|
|
83
|
-
"files": [
|
|
84
|
-
"dist",
|
|
85
|
-
"dist/*.css",
|
|
86
|
-
"src/style",
|
|
87
|
-
"src/font",
|
|
88
|
-
"tailwind.config.js"
|
|
89
|
-
],
|
|
90
|
-
"peerDependencies": {
|
|
91
|
-
"react": "^18.0.0 || ^19.0.0-beta",
|
|
92
|
-
"react-dom": "^18.0.0 || ^19.0.0-beta",
|
|
93
|
-
"react-icons": "^5.2.1"
|
|
94
|
-
},
|
|
95
|
-
"types": "dist/index.d.ts",
|
|
96
|
-
"dependencies": {}
|
|
97
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "bianic-ui",
|
|
3
|
+
"publishConfig": {
|
|
4
|
+
"@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
|
|
5
|
+
},
|
|
6
|
+
"version": "2.1.0-beta.0",
|
|
7
|
+
"description": "Design Language System develop by BIAENERGI",
|
|
8
|
+
"scripts": {
|
|
9
|
+
"rollup": "rollup -c",
|
|
10
|
+
"storybook": "storybook dev -p 6006",
|
|
11
|
+
"build-storybook": "storybook build",
|
|
12
|
+
"publish-storybook": "npx chromatic --project-token=chpt_2ced61576f9e1e6",
|
|
13
|
+
"lint": "npx eslint src/components",
|
|
14
|
+
"lint:fix": "npx eslint src/components --fix",
|
|
15
|
+
"prepare": "husky install"
|
|
16
|
+
},
|
|
17
|
+
"author": {
|
|
18
|
+
"name": "Biaenergi"
|
|
19
|
+
},
|
|
20
|
+
"license": "ISC",
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"@chromatic-com/storybook": "^1.5.0",
|
|
23
|
+
"@eslint/js": "^9.5.0",
|
|
24
|
+
"@rollup/plugin-commonjs": "^25.0.4",
|
|
25
|
+
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
26
|
+
"@rollup/plugin-typescript": "^11.1.4",
|
|
27
|
+
"@rollup/plugin-url": "^8.0.2",
|
|
28
|
+
"@storybook/addon-essentials": "^8.1.11",
|
|
29
|
+
"@storybook/addon-interactions": "^8.1.6",
|
|
30
|
+
"@storybook/addon-links": "^8.1.6",
|
|
31
|
+
"@storybook/addon-onboarding": "^8.1.6",
|
|
32
|
+
"@storybook/addon-styling-webpack": "^1.0.0",
|
|
33
|
+
"@storybook/addon-webpack5-compiler-swc": "^1.0.3",
|
|
34
|
+
"@storybook/blocks": "^8.1.6",
|
|
35
|
+
"@storybook/react": "^8.1.11",
|
|
36
|
+
"@storybook/react-webpack5": "^8.1.6",
|
|
37
|
+
"@storybook/test": "^8.1.6",
|
|
38
|
+
"@types/react": "^18.2.24",
|
|
39
|
+
"@typescript-eslint/eslint-plugin": "^7.13.1",
|
|
40
|
+
"@typescript-eslint/parser": "^7.13.1",
|
|
41
|
+
"autoprefixer": "^10.4.19",
|
|
42
|
+
"chromatic": "^11.5.3",
|
|
43
|
+
"css-loader": "^7.1.2",
|
|
44
|
+
"eslint": "^8.57.0",
|
|
45
|
+
"eslint-config-airbnb": "^19.0.4",
|
|
46
|
+
"eslint-config-airbnb-typescript": "^18.0.0",
|
|
47
|
+
"eslint-config-node": "^4.1.0",
|
|
48
|
+
"eslint-config-prettier": "^9.1.0",
|
|
49
|
+
"eslint-plugin-import": "^2.25.3",
|
|
50
|
+
"eslint-plugin-jsx-a11y": "^6.5.1",
|
|
51
|
+
"eslint-plugin-node": "^11.1.0",
|
|
52
|
+
"eslint-plugin-prettier": "^5.1.3",
|
|
53
|
+
"eslint-plugin-react": "^7.34.3",
|
|
54
|
+
"eslint-plugin-react-hooks": "^4.3.0",
|
|
55
|
+
"globals": "^15.6.0",
|
|
56
|
+
"husky": "^9.0.11",
|
|
57
|
+
"postcss": "^8.4.31",
|
|
58
|
+
"postcss-loader": "^8.1.1",
|
|
59
|
+
"postcss-url": "^10.1.3",
|
|
60
|
+
"prettier": "^3.3.2",
|
|
61
|
+
"prettier-plugin-tailwindcss": "^0.5.6",
|
|
62
|
+
"react-icons": "^5.2.1",
|
|
63
|
+
"react-dom": "^18.0.0 || ^19.0.0-beta",
|
|
64
|
+
"rollup": "^3.29.4",
|
|
65
|
+
"rollup-plugin-copy": "^3.5.0",
|
|
66
|
+
"rollup-plugin-dts": "^6.0.2",
|
|
67
|
+
"rollup-plugin-image": "^1.0.2",
|
|
68
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
69
|
+
"sass": "^1.77.6",
|
|
70
|
+
"sass-loader": "^14.2.1",
|
|
71
|
+
"storybook": "^8.1.6",
|
|
72
|
+
"style-loader": "^4.0.0",
|
|
73
|
+
"tailwindcss": "^3.4.4",
|
|
74
|
+
"tslib": "^2.6.2",
|
|
75
|
+
"typescript": "^5.2.2",
|
|
76
|
+
"typescript-eslint": "^7.13.1",
|
|
77
|
+
"url-loader": "^4.1.1",
|
|
78
|
+
"webpack": "^5.88.2",
|
|
79
|
+
"react-draggable": "^4.5.0"
|
|
80
|
+
},
|
|
81
|
+
"main": "dist/cjs/index.js",
|
|
82
|
+
"module": "dist/esm/index.js",
|
|
83
|
+
"files": [
|
|
84
|
+
"dist",
|
|
85
|
+
"dist/*.css",
|
|
86
|
+
"src/style",
|
|
87
|
+
"src/font",
|
|
88
|
+
"tailwind.config.js"
|
|
89
|
+
],
|
|
90
|
+
"peerDependencies": {
|
|
91
|
+
"react": "^18.0.0 || ^19.0.0-beta",
|
|
92
|
+
"react-dom": "^18.0.0 || ^19.0.0-beta",
|
|
93
|
+
"react-icons": "^5.2.1"
|
|
94
|
+
},
|
|
95
|
+
"types": "dist/index.d.ts",
|
|
96
|
+
"dependencies": {}
|
|
97
|
+
}
|