@useblu/ocean-react 1.77.1 → 1.79.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/Button/Button.d.ts +4 -1
- package/Button/Button.d.ts.map +1 -1
- package/Button/stories/Button.stories.d.ts +13 -0
- package/Button/stories/Button.stories.d.ts.map +1 -0
- package/CHANGELOG.md +12 -0
- package/DotPagination/DotPagination.d.ts +9 -0
- package/DotPagination/DotPagination.d.ts.map +1 -0
- package/DotPagination/index.d.ts +2 -0
- package/DotPagination/index.d.ts.map +1 -0
- package/Input/stories/Currency.stories.d.ts +12 -0
- package/Input/stories/Currency.stories.d.ts.map +1 -0
- package/Input/stories/Getting-started.stories.d.ts +13 -0
- package/Input/stories/Getting-started.stories.d.ts.map +1 -0
- package/Input/stories/Text.stories.d.ts +11 -0
- package/Input/stories/Text.stories.d.ts.map +1 -0
- package/Input/stories/WithIcon.stories.d.ts +10 -0
- package/Input/stories/WithIcon.stories.d.ts.map +1 -0
- package/Input/stories/WithLabelIconTooltip.stories.d.ts +9 -0
- package/Input/stories/WithLabelIconTooltip.stories.d.ts.map +1 -0
- package/Input/stories/_shared.d.ts +473 -0
- package/Input/stories/_shared.d.ts.map +1 -0
- package/index.es.js +8 -0
- package/index.es.js.map +1 -1
- package/index.js +8 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
package/Button/Button.d.ts
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { MergeElementProps } from '../_util/type';
|
|
3
|
+
declare type DeprecatedVariant = 'text' | 'textCritical';
|
|
4
|
+
declare type Variant = 'primary' | 'primaryCritical' | 'secondary' | 'secondaryCritical' | 'tertiary' | 'tertiaryCritical' | 'textTertiary' | 'textTertiaryCritical' | 'inverse' | DeprecatedVariant;
|
|
5
|
+
declare type ButtonVariant = Exclude<Variant, DeprecatedVariant>;
|
|
3
6
|
export declare type ButtonProps<P extends React.ElementType = 'button'> = {
|
|
4
7
|
component?: P;
|
|
5
8
|
} & MergeElementProps<P, {
|
|
6
|
-
variant?:
|
|
9
|
+
variant?: ButtonVariant;
|
|
7
10
|
size?: 'sm' | 'md' | 'lg';
|
|
8
11
|
blocked?: boolean;
|
|
9
12
|
loading?: boolean;
|
package/Button/Button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,oBAAY,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAKhE,SAAS,CAAC,EAAE,CAAC,CAAC;CACf,GAAG,iBAAiB,CACnB,CAAC,EACD;IAKE,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,aAAK,iBAAiB,GAAG,MAAM,GAAG,cAAc,CAAC;AAEjD,aAAK,OAAO,GACR,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,mBAAmB,GACnB,UAAU,GACV,kBAAkB,GAClB,cAAc,GACd,sBAAsB,GACtB,SAAS,GACT,iBAAiB,CAAC;AAEtB,aAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;AAEzD,oBAAY,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAKhE,SAAS,CAAC,EAAE,CAAC,CAAC;CACf,GAAG,iBAAiB,CACnB,CAAC,EACD;IAKE,OAAO,CAAC,EAAE,aAAa,CAAC;IAKxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAK1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF,iBAAS,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EACxD,EACE,QAAQ,EACR,SAAS,EACT,IAAW,EACX,OAAmB,EACnB,OAAe,EACf,OAAe,EACf,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,CAAC,CAAC,CAAC,EACjB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,sEA2ClC;AAED,QAAA,MAAM,MAAM,mBAA+D,CAAC;AAE5E,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Button from '../Button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof Button>;
|
|
6
|
+
export declare const Usage: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const Size: Story;
|
|
9
|
+
export declare const Blocked: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
11
|
+
export declare const Loading: Story;
|
|
12
|
+
export declare const LoadingSize: Story;
|
|
13
|
+
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/Button/stories/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA4E7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAsBrC,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAC;AAuDF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAkBlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAgBF,eAAO,MAAM,QAAQ,EAAE,KA0CtB,CAAC;AAeF,eAAO,MAAM,OAAO,EAAE,KA0CrB,CAAC;AAeF,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC"}
|
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.79.0](https://github.com/ocean-ds/ocean-web/compare/v1.78.0...v1.79.0) (2025-07-03)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- button and input documentation update ([#1134](https://github.com/ocean-ds/ocean-web/issues/1134)) ([d194c63](https://github.com/ocean-ds/ocean-web/commit/d194c63fcbce8700c351bb39d342992dee5a28ea))
|
|
11
|
+
|
|
12
|
+
# [1.78.0](https://github.com/ocean-ds/ocean-web/compare/v1.77.1...v1.78.0) (2025-03-31)
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
|
|
16
|
+
- create dot pagination ([#1132](https://github.com/ocean-ds/ocean-web/issues/1132)) ([264737b](https://github.com/ocean-ds/ocean-web/commit/264737be811319cc4bd556bbfebb3fedb162b240))
|
|
17
|
+
|
|
6
18
|
## [1.77.1](https://github.com/ocean-ds/ocean-web/compare/v1.77.0...v1.77.1) (2025-02-04)
|
|
7
19
|
|
|
8
20
|
### Bug Fixes
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IDotPagination {
|
|
3
|
+
items: number;
|
|
4
|
+
activeItem: number;
|
|
5
|
+
onActiveChange?: (index: number) => void;
|
|
6
|
+
}
|
|
7
|
+
declare const DotPagination: React.FunctionComponent<IDotPagination>;
|
|
8
|
+
export default DotPagination;
|
|
9
|
+
//# sourceMappingURL=DotPagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DotPagination.d.ts","sourceRoot":"","sources":["../../src/DotPagination/DotPagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA0C1D,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DotPagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Input from '../Input';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof Input>;
|
|
6
|
+
export declare const Usage: Story;
|
|
7
|
+
export declare const Currencies: Story;
|
|
8
|
+
export declare const Positions: Story;
|
|
9
|
+
export declare const States: Story;
|
|
10
|
+
export declare const ValidationStates: Story;
|
|
11
|
+
export declare const EcommerceExample: Story;
|
|
12
|
+
//# sourceMappingURL=Currency.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Currency.stories.d.ts","sourceRoot":"","sources":["../../../src/Input/stories/Currency.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,MAAM,UAAU,CAAC;AAqD7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAyC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAoHpC,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA4CxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAqCpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAqC9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoD9B,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Input from '../Input';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof Input>;
|
|
6
|
+
export declare const Usage: Story;
|
|
7
|
+
export declare const InputTypes: Story;
|
|
8
|
+
export declare const Adornments: Story;
|
|
9
|
+
export declare const States: Story;
|
|
10
|
+
export declare const Tooltip: Story;
|
|
11
|
+
export declare const RegistrationForm: Story;
|
|
12
|
+
export declare const EcommerceForm: Story;
|
|
13
|
+
//# sourceMappingURL=Getting-started.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Getting-started.stories.d.ts","sourceRoot":"","sources":["../../../src/Input/stories/Getting-started.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,KAAK,MAAM,UAAU,CAAC;AAuF7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAoC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAsBpC,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KA+BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAqD9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiD3B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Input from '../Input';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof Input>;
|
|
6
|
+
export declare const Usage: Story;
|
|
7
|
+
export declare const States: Story;
|
|
8
|
+
export declare const PersonalInfo: Story;
|
|
9
|
+
export declare const AddressInfo: Story;
|
|
10
|
+
export declare const FormExample: Story;
|
|
11
|
+
//# sourceMappingURL=Text.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../src/Input/stories/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,MAAM,UAAU,CAAC;AA6D7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAkD5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AA2CpC,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KA+BpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA+B1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA4CzB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Input from '../Input';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof Input>;
|
|
6
|
+
export declare const Usage: Story;
|
|
7
|
+
export declare const Contexts: Story;
|
|
8
|
+
export declare const Positions: Story;
|
|
9
|
+
export declare const Interactive: Story;
|
|
10
|
+
//# sourceMappingURL=WithIcon.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WithIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/Input/stories/WithIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,KAAK,MAAM,UAAU,CAAC;AAkD7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA0D5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AA6GpC,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAwCtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Input from '../Input';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof Input>;
|
|
6
|
+
export declare const Usage: Story;
|
|
7
|
+
export declare const ContentTypes: Story;
|
|
8
|
+
export declare const FormExample: Story;
|
|
9
|
+
//# sourceMappingURL=WithLabelIconTooltip.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WithLabelIconTooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/Input/stories/WithLabelIconTooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,MAAM,UAAU,CAAC;AAmC7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAgC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAsBpC,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAuC1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqDzB,CAAC"}
|
|
@@ -0,0 +1,473 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Input from '../Input';
|
|
4
|
+
export declare const commonArgTypes: {
|
|
5
|
+
type: {
|
|
6
|
+
description: string;
|
|
7
|
+
control: string;
|
|
8
|
+
options: string[];
|
|
9
|
+
};
|
|
10
|
+
label: {
|
|
11
|
+
description: string;
|
|
12
|
+
control: string;
|
|
13
|
+
};
|
|
14
|
+
placeholder: {
|
|
15
|
+
description: string;
|
|
16
|
+
control: string;
|
|
17
|
+
};
|
|
18
|
+
helperText: {
|
|
19
|
+
description: string;
|
|
20
|
+
control: string;
|
|
21
|
+
};
|
|
22
|
+
error: {
|
|
23
|
+
description: string;
|
|
24
|
+
control: string;
|
|
25
|
+
};
|
|
26
|
+
disabled: {
|
|
27
|
+
description: string;
|
|
28
|
+
control: string;
|
|
29
|
+
};
|
|
30
|
+
required: {
|
|
31
|
+
description: string;
|
|
32
|
+
control: string;
|
|
33
|
+
};
|
|
34
|
+
defaultValue: {
|
|
35
|
+
table: {
|
|
36
|
+
disable: boolean;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
htmlFor: {
|
|
40
|
+
table: {
|
|
41
|
+
disable: boolean;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
export declare const adornmentSpecificProps: {
|
|
46
|
+
adornment: {
|
|
47
|
+
table: {
|
|
48
|
+
disable: boolean;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
position: {
|
|
52
|
+
table: {
|
|
53
|
+
disable: boolean;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
export declare const tooltipSpecificProps: {
|
|
58
|
+
tooltipMessage: {
|
|
59
|
+
description: string;
|
|
60
|
+
control: string;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
export declare const currencySpecificProps: {
|
|
64
|
+
type: {
|
|
65
|
+
description: string;
|
|
66
|
+
control: {
|
|
67
|
+
type: null;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
adornment: {
|
|
71
|
+
description: string;
|
|
72
|
+
control: {
|
|
73
|
+
type: null;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
position: {
|
|
77
|
+
description: string;
|
|
78
|
+
control: {
|
|
79
|
+
type: string;
|
|
80
|
+
};
|
|
81
|
+
options: string[];
|
|
82
|
+
};
|
|
83
|
+
placeholder: {
|
|
84
|
+
description: string;
|
|
85
|
+
control: {
|
|
86
|
+
type: string;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
helperText: {
|
|
90
|
+
description: string;
|
|
91
|
+
control: {
|
|
92
|
+
type: string;
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
error: {
|
|
96
|
+
description: string;
|
|
97
|
+
control: {
|
|
98
|
+
type: string;
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
disabled: {
|
|
102
|
+
description: string;
|
|
103
|
+
control: {
|
|
104
|
+
type: string;
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
defaultValue: {
|
|
108
|
+
description: string;
|
|
109
|
+
control: {
|
|
110
|
+
type: null;
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
tooltipMessage: {
|
|
114
|
+
description: string;
|
|
115
|
+
control: {
|
|
116
|
+
type: string;
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
};
|
|
120
|
+
export declare const defaultUsageDecorator: ((Story: React.ComponentType) => JSX.Element)[];
|
|
121
|
+
export declare const createIntroduction: (description: string, overview: string, features?: string[] | undefined) => () => JSX.Element;
|
|
122
|
+
export declare const createCommonPatterns: (codeExamples: string[]) => () => JSX.Element;
|
|
123
|
+
export declare const SharedBestPractices: {
|
|
124
|
+
(): JSX.Element;
|
|
125
|
+
displayName: string;
|
|
126
|
+
};
|
|
127
|
+
export declare const TooltipBestPractices: {
|
|
128
|
+
(): JSX.Element;
|
|
129
|
+
displayName: string;
|
|
130
|
+
};
|
|
131
|
+
export declare const CurrencyBestPractices: {
|
|
132
|
+
(): JSX.Element;
|
|
133
|
+
displayName: string;
|
|
134
|
+
};
|
|
135
|
+
export declare const SharedCssClasses: {
|
|
136
|
+
(): JSX.Element;
|
|
137
|
+
displayName: string;
|
|
138
|
+
};
|
|
139
|
+
export declare const TooltipCssClasses: {
|
|
140
|
+
(): JSX.Element;
|
|
141
|
+
displayName: string;
|
|
142
|
+
};
|
|
143
|
+
export declare const createApiReference: (specificProps?: {
|
|
144
|
+
prop: string;
|
|
145
|
+
type: string;
|
|
146
|
+
default: string;
|
|
147
|
+
description: string;
|
|
148
|
+
}[] | undefined) => (() => JSX.Element);
|
|
149
|
+
export declare const SharedUsageExamples: {
|
|
150
|
+
(): JSX.Element;
|
|
151
|
+
displayName: string;
|
|
152
|
+
};
|
|
153
|
+
export declare const commonCodeExamples: {
|
|
154
|
+
basicUsage: string;
|
|
155
|
+
withValidation: string;
|
|
156
|
+
disabled: string;
|
|
157
|
+
withIcon: string;
|
|
158
|
+
currency: string;
|
|
159
|
+
tooltip: string;
|
|
160
|
+
};
|
|
161
|
+
export declare const containerStyles: {
|
|
162
|
+
form: {
|
|
163
|
+
display: string;
|
|
164
|
+
flexDirection: "column";
|
|
165
|
+
gap: string;
|
|
166
|
+
maxWidth: string;
|
|
167
|
+
};
|
|
168
|
+
grid: {
|
|
169
|
+
display: string;
|
|
170
|
+
gridTemplateColumns: string;
|
|
171
|
+
gap: string;
|
|
172
|
+
maxWidth: string;
|
|
173
|
+
};
|
|
174
|
+
inline: {
|
|
175
|
+
display: string;
|
|
176
|
+
gap: string;
|
|
177
|
+
alignItems: string;
|
|
178
|
+
flexWrap: "wrap";
|
|
179
|
+
};
|
|
180
|
+
};
|
|
181
|
+
export declare const defaultUsageControls: {
|
|
182
|
+
include: string[];
|
|
183
|
+
};
|
|
184
|
+
export declare const tooltipApiReference: {
|
|
185
|
+
prop: string;
|
|
186
|
+
type: string;
|
|
187
|
+
default: string;
|
|
188
|
+
description: string;
|
|
189
|
+
}[];
|
|
190
|
+
export declare const createMetaStructure: (title: string, argTypes: Record<string, unknown>, pageComponent: () => JSX.Element) => Meta<typeof Input>;
|
|
191
|
+
export declare const createStandardDocsPage: <T>(Introduction: () => JSX.Element, Usage: StoryObj<T>, CommonPatterns: () => JSX.Element, examples: {
|
|
192
|
+
title: string;
|
|
193
|
+
story: StoryObj<T>;
|
|
194
|
+
}[], components: Array<React.ComponentType>, ApiReference: () => JSX.Element) => (() => JSX.Element);
|
|
195
|
+
export declare const INPUT_COMMON_DATA: {
|
|
196
|
+
LABELS: {
|
|
197
|
+
email: string;
|
|
198
|
+
senha: string;
|
|
199
|
+
telefone: string;
|
|
200
|
+
nomeCompleto: string;
|
|
201
|
+
cpfCnpj: string;
|
|
202
|
+
usuario: string;
|
|
203
|
+
idade: string;
|
|
204
|
+
endereco: string;
|
|
205
|
+
cidade: string;
|
|
206
|
+
cep: string;
|
|
207
|
+
empresa: string;
|
|
208
|
+
cargo: string;
|
|
209
|
+
nome: string;
|
|
210
|
+
sobrenome: string;
|
|
211
|
+
titulo: string;
|
|
212
|
+
descricao: string;
|
|
213
|
+
mensagem: string;
|
|
214
|
+
observacoes: string;
|
|
215
|
+
comentarios: string;
|
|
216
|
+
buscar: string;
|
|
217
|
+
buscarProdutos: string;
|
|
218
|
+
pesquisar: string;
|
|
219
|
+
confirmarSenha: string;
|
|
220
|
+
codigoSeguranca: string;
|
|
221
|
+
preco: string;
|
|
222
|
+
realBrasileiro: string;
|
|
223
|
+
dolarAmericano: string;
|
|
224
|
+
euro: string;
|
|
225
|
+
libraEsterlina: string;
|
|
226
|
+
precoCusto: string;
|
|
227
|
+
frete: string;
|
|
228
|
+
desconto: string;
|
|
229
|
+
campoNormal: string;
|
|
230
|
+
campoComErro: string;
|
|
231
|
+
campoDesabilitado: string;
|
|
232
|
+
nomeProduto: string;
|
|
233
|
+
quantidadeEstoque: string;
|
|
234
|
+
sku: string;
|
|
235
|
+
};
|
|
236
|
+
PLACEHOLDERS: {
|
|
237
|
+
seuEmail: string;
|
|
238
|
+
digiteSenha: string;
|
|
239
|
+
telefoneExemplo: string;
|
|
240
|
+
nomeCompleto: string;
|
|
241
|
+
cpfExemplo: string;
|
|
242
|
+
nomeUsuario: string;
|
|
243
|
+
idadeExemplo: string;
|
|
244
|
+
enderecoExemplo: string;
|
|
245
|
+
cidadeExemplo: string;
|
|
246
|
+
cepExemplo: string;
|
|
247
|
+
empresaExemplo: string;
|
|
248
|
+
cargoExemplo: string;
|
|
249
|
+
tituloExemplo: string;
|
|
250
|
+
descricaoExemplo: string;
|
|
251
|
+
mensagemExemplo: string;
|
|
252
|
+
observacoesExemplo: string;
|
|
253
|
+
buscarExemplo: string;
|
|
254
|
+
buscarProdutos: string;
|
|
255
|
+
digitePesquisar: string;
|
|
256
|
+
buscarAqui: string;
|
|
257
|
+
confirmarSenha: string;
|
|
258
|
+
cvv: string;
|
|
259
|
+
precoExemplo: string;
|
|
260
|
+
valorExemplo: string;
|
|
261
|
+
digitarAqui: string;
|
|
262
|
+
emailInvalido: string;
|
|
263
|
+
naoEditar: string;
|
|
264
|
+
nomeProdutoExemplo: string;
|
|
265
|
+
quantidadeExemplo: string;
|
|
266
|
+
skuExemplo: string;
|
|
267
|
+
};
|
|
268
|
+
HELPER_TEXTS: {
|
|
269
|
+
emailVerificacao: string;
|
|
270
|
+
senhaForte: string;
|
|
271
|
+
incluaDDD: string;
|
|
272
|
+
primeiroUltimoNome: string;
|
|
273
|
+
identificacaoFiscal: string;
|
|
274
|
+
identificadorUnico: string;
|
|
275
|
+
minimoCaracteres: string;
|
|
276
|
+
idadeMaior18: string;
|
|
277
|
+
incluaApartamento: string;
|
|
278
|
+
cidadeOndeVive: string;
|
|
279
|
+
cepCompleto: string;
|
|
280
|
+
nomeEmpresaTrabalha: string;
|
|
281
|
+
cargoAtual: string;
|
|
282
|
+
nomeUsuario: string;
|
|
283
|
+
sobrenomeCompleto: string;
|
|
284
|
+
tituloDescritivo: string;
|
|
285
|
+
descricaoDetalhada: string;
|
|
286
|
+
mensagemDetalhada: string;
|
|
287
|
+
observacoesAdicionais: string;
|
|
288
|
+
comentariosOpcionais: string;
|
|
289
|
+
usePalavrasChave: string;
|
|
290
|
+
pressioneEnterBuscar: string;
|
|
291
|
+
cliqueBolinha: string;
|
|
292
|
+
emailValido: string;
|
|
293
|
+
senhaSegura: string;
|
|
294
|
+
telefoneComDDD: string;
|
|
295
|
+
usuarioUnico: string;
|
|
296
|
+
senhasDevemCoincidir: string;
|
|
297
|
+
codigoTresDigitos: string;
|
|
298
|
+
digite3Caracteres: string;
|
|
299
|
+
valorEmReais: string;
|
|
300
|
+
digitePrecoBrasileiro: string;
|
|
301
|
+
moedaBrasileira: string;
|
|
302
|
+
moedaAmericana: string;
|
|
303
|
+
moedaEuropeia: string;
|
|
304
|
+
moedaBritanica: string;
|
|
305
|
+
digitePrecoProduto: string;
|
|
306
|
+
precoMaiorZero: string;
|
|
307
|
+
precoCalculadoAuto: string;
|
|
308
|
+
valorDentroLimite: string;
|
|
309
|
+
valorExcedeLimite: string;
|
|
310
|
+
campoObrigatorio: string;
|
|
311
|
+
custoProduto: string;
|
|
312
|
+
custosEnvio: string;
|
|
313
|
+
valorDesconto: string;
|
|
314
|
+
estadoNormal: string;
|
|
315
|
+
erroValidacao: string;
|
|
316
|
+
preenchidoAuto: string;
|
|
317
|
+
tituloDescriptivoProduto: string;
|
|
318
|
+
precoVendaProduto: string;
|
|
319
|
+
inventarioDisponivel: string;
|
|
320
|
+
identificadorUnicoProduto: string;
|
|
321
|
+
};
|
|
322
|
+
TOOLTIPS: {
|
|
323
|
+
senhaRequisitos: string;
|
|
324
|
+
emailPrivacidade: string;
|
|
325
|
+
telefoneFormato: string;
|
|
326
|
+
cpfCnpjFormato: string;
|
|
327
|
+
usuarioRequisitos: string;
|
|
328
|
+
valorExemplo: string;
|
|
329
|
+
observacoesLimite: string;
|
|
330
|
+
skuExplicacao: string;
|
|
331
|
+
registroSeguranca: string;
|
|
332
|
+
taxIdProposito: string;
|
|
333
|
+
};
|
|
334
|
+
};
|
|
335
|
+
export declare const COMMON_LABELS: {
|
|
336
|
+
email: string;
|
|
337
|
+
senha: string;
|
|
338
|
+
telefone: string;
|
|
339
|
+
nomeCompleto: string;
|
|
340
|
+
cpfCnpj: string;
|
|
341
|
+
usuario: string;
|
|
342
|
+
idade: string;
|
|
343
|
+
endereco: string;
|
|
344
|
+
cidade: string;
|
|
345
|
+
cep: string;
|
|
346
|
+
empresa: string;
|
|
347
|
+
cargo: string;
|
|
348
|
+
nome: string;
|
|
349
|
+
sobrenome: string;
|
|
350
|
+
titulo: string;
|
|
351
|
+
descricao: string;
|
|
352
|
+
mensagem: string;
|
|
353
|
+
observacoes: string;
|
|
354
|
+
comentarios: string;
|
|
355
|
+
buscar: string;
|
|
356
|
+
buscarProdutos: string;
|
|
357
|
+
pesquisar: string;
|
|
358
|
+
confirmarSenha: string;
|
|
359
|
+
codigoSeguranca: string;
|
|
360
|
+
preco: string;
|
|
361
|
+
realBrasileiro: string;
|
|
362
|
+
dolarAmericano: string;
|
|
363
|
+
euro: string;
|
|
364
|
+
libraEsterlina: string;
|
|
365
|
+
precoCusto: string;
|
|
366
|
+
frete: string;
|
|
367
|
+
desconto: string;
|
|
368
|
+
campoNormal: string;
|
|
369
|
+
campoComErro: string;
|
|
370
|
+
campoDesabilitado: string;
|
|
371
|
+
nomeProduto: string;
|
|
372
|
+
quantidadeEstoque: string;
|
|
373
|
+
sku: string;
|
|
374
|
+
};
|
|
375
|
+
export declare const COMMON_PLACEHOLDERS: {
|
|
376
|
+
seuEmail: string;
|
|
377
|
+
digiteSenha: string;
|
|
378
|
+
telefoneExemplo: string;
|
|
379
|
+
nomeCompleto: string;
|
|
380
|
+
cpfExemplo: string;
|
|
381
|
+
nomeUsuario: string;
|
|
382
|
+
idadeExemplo: string;
|
|
383
|
+
enderecoExemplo: string;
|
|
384
|
+
cidadeExemplo: string;
|
|
385
|
+
cepExemplo: string;
|
|
386
|
+
empresaExemplo: string;
|
|
387
|
+
cargoExemplo: string;
|
|
388
|
+
tituloExemplo: string;
|
|
389
|
+
descricaoExemplo: string;
|
|
390
|
+
mensagemExemplo: string;
|
|
391
|
+
observacoesExemplo: string;
|
|
392
|
+
buscarExemplo: string;
|
|
393
|
+
buscarProdutos: string;
|
|
394
|
+
digitePesquisar: string;
|
|
395
|
+
buscarAqui: string;
|
|
396
|
+
confirmarSenha: string;
|
|
397
|
+
cvv: string;
|
|
398
|
+
precoExemplo: string;
|
|
399
|
+
valorExemplo: string;
|
|
400
|
+
digitarAqui: string;
|
|
401
|
+
emailInvalido: string;
|
|
402
|
+
naoEditar: string;
|
|
403
|
+
nomeProdutoExemplo: string;
|
|
404
|
+
quantidadeExemplo: string;
|
|
405
|
+
skuExemplo: string;
|
|
406
|
+
};
|
|
407
|
+
export declare const COMMON_HELPER_TEXTS: {
|
|
408
|
+
emailVerificacao: string;
|
|
409
|
+
senhaForte: string;
|
|
410
|
+
incluaDDD: string;
|
|
411
|
+
primeiroUltimoNome: string;
|
|
412
|
+
identificacaoFiscal: string;
|
|
413
|
+
identificadorUnico: string;
|
|
414
|
+
minimoCaracteres: string;
|
|
415
|
+
idadeMaior18: string;
|
|
416
|
+
incluaApartamento: string;
|
|
417
|
+
cidadeOndeVive: string;
|
|
418
|
+
cepCompleto: string;
|
|
419
|
+
nomeEmpresaTrabalha: string;
|
|
420
|
+
cargoAtual: string;
|
|
421
|
+
nomeUsuario: string;
|
|
422
|
+
sobrenomeCompleto: string;
|
|
423
|
+
tituloDescritivo: string;
|
|
424
|
+
descricaoDetalhada: string;
|
|
425
|
+
mensagemDetalhada: string;
|
|
426
|
+
observacoesAdicionais: string;
|
|
427
|
+
comentariosOpcionais: string;
|
|
428
|
+
usePalavrasChave: string;
|
|
429
|
+
pressioneEnterBuscar: string;
|
|
430
|
+
cliqueBolinha: string;
|
|
431
|
+
emailValido: string;
|
|
432
|
+
senhaSegura: string;
|
|
433
|
+
telefoneComDDD: string;
|
|
434
|
+
usuarioUnico: string;
|
|
435
|
+
senhasDevemCoincidir: string;
|
|
436
|
+
codigoTresDigitos: string;
|
|
437
|
+
digite3Caracteres: string;
|
|
438
|
+
valorEmReais: string;
|
|
439
|
+
digitePrecoBrasileiro: string;
|
|
440
|
+
moedaBrasileira: string;
|
|
441
|
+
moedaAmericana: string;
|
|
442
|
+
moedaEuropeia: string;
|
|
443
|
+
moedaBritanica: string;
|
|
444
|
+
digitePrecoProduto: string;
|
|
445
|
+
precoMaiorZero: string;
|
|
446
|
+
precoCalculadoAuto: string;
|
|
447
|
+
valorDentroLimite: string;
|
|
448
|
+
valorExcedeLimite: string;
|
|
449
|
+
campoObrigatorio: string;
|
|
450
|
+
custoProduto: string;
|
|
451
|
+
custosEnvio: string;
|
|
452
|
+
valorDesconto: string;
|
|
453
|
+
estadoNormal: string;
|
|
454
|
+
erroValidacao: string;
|
|
455
|
+
preenchidoAuto: string;
|
|
456
|
+
tituloDescriptivoProduto: string;
|
|
457
|
+
precoVendaProduto: string;
|
|
458
|
+
inventarioDisponivel: string;
|
|
459
|
+
identificadorUnicoProduto: string;
|
|
460
|
+
};
|
|
461
|
+
export declare const COMMON_TOOLTIPS: {
|
|
462
|
+
senhaRequisitos: string;
|
|
463
|
+
emailPrivacidade: string;
|
|
464
|
+
telefoneFormato: string;
|
|
465
|
+
cpfCnpjFormato: string;
|
|
466
|
+
usuarioRequisitos: string;
|
|
467
|
+
valorExemplo: string;
|
|
468
|
+
observacoesLimite: string;
|
|
469
|
+
skuExplicacao: string;
|
|
470
|
+
registroSeguranca: string;
|
|
471
|
+
taxIdProposito: string;
|
|
472
|
+
};
|
|
473
|
+
//# sourceMappingURL=_shared.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_shared.d.ts","sourceRoot":"","sources":["../../../src/Input/stories/_shared.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,UAAU,CAAC;AAG7B,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC1B,CAAC;AAGF,eAAO,MAAM,sBAAsB;;;;;;;;;;;CAOlC,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;CAKhC,CAAC;AAGF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CjC,CAAC;AAGF,eAAO,MAAM,qBAAqB,WACxB,MAAM,aAAa,KAAG,WAAW,GAK1C,CAAC;AAGF,eAAO,MAAM,kBAAkB,gBACf,MAAM,YAAY,MAAM,4CAElC,WA8BH,CAAC;AAGJ,eAAO,MAAM,oBAAoB,iBAChB,MAAM,EAAE,WAEnB,WAQH,CAAC;AA0CJ,eAAO,MAAM,mBAAmB;QAvCS,WAAW;;CAuCW,CAAC;AAyChE,eAAO,MAAM,oBAAoB;QAtCS,WAAW;;CAsCY,CAAC;AAiDlE,eAAO,MAAM,qBAAqB;QA9CS,WAAW;;CA8Ca,CAAC;AAuDpE,eAAO,MAAM,gBAAgB;QApDS,WAAW;;CAoDQ,CAAC;AA6D1D,eAAO,MAAM,iBAAiB;QA1DS,WAAW;;CA0DS,CAAC;AAG5D,eAAO,MAAM,kBAAkB;UAErB,MAAM;UACN,MAAM;aACH,MAAM;iBACF,MAAM;oBAEpB,CAAC,MAAM,WAAW,CA6LpB,CAAC;AAsFF,eAAO,MAAM,mBAAmB;QAnFS,WAAW;;CAmFW,CAAC;AAGhE,eAAO,MAAM,kBAAkB;;;;;;;CA6C9B,CAAC;AAGF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;CAmB3B,CAAC;AAGF,eAAO,MAAM,oBAAoB;;CAWhC,CAAC;AAGF,eAAO,MAAM,mBAAmB;;;;;GAO/B,CAAC;AAGF,eAAO,MAAM,mBAAmB,UACvB,MAAM,YACH,OAAO,MAAM,EAAE,OAAO,CAAC,iBAClB,MAAM,WAAW,KAC/B,KAAK,YAAY,CAUlB,CAAC;AAGH,eAAO,MAAM,sBAAsB,oBACnB,MAAM,WAAW,sCAEf,MAAM,WAAW;WACR,MAAM;;iBACnB,MAAM,MAAM,aAAa,CAAC,gBACxB,MAAM,WAAW,KAC9B,CAAC,MAAM,WAAW,CAwBpB,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqM7B,CAAC;AAGF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2B,CAAC;AACtD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAC;AAClE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAC;AAClE,eAAO,MAAM,eAAe;;;;;;;;;;;CAA6B,CAAC"}
|
package/index.es.js
CHANGED
|
@@ -376,6 +376,14 @@ Progress.displayName = 'Progress';
|
|
|
376
376
|
|
|
377
377
|
function ButtonBase(_a, ref) {
|
|
378
378
|
var children = _a.children, className = _a.className, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.variant, variant = _c === void 0 ? 'primary' : _c, _d = _a.blocked, blocked = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, component = _a.component, rest = __rest$2(_a, ["children", "className", "size", "variant", "blocked", "loading", "component"]);
|
|
379
|
+
e.useEffect(function () {
|
|
380
|
+
if (variant === 'text') {
|
|
381
|
+
console.warn('Ocean Design System: The "text" variant is deprecated. Please use "tertiary" instead.');
|
|
382
|
+
}
|
|
383
|
+
else if (variant === 'textCritical') {
|
|
384
|
+
console.warn('Ocean Design System: The "textCritical" variant is deprecated. Please use "tertiaryCritical" instead.');
|
|
385
|
+
}
|
|
386
|
+
}, [variant]);
|
|
379
387
|
var onColor = ['primary', 'primaryCritical', 'inverse'].includes(variant);
|
|
380
388
|
return e.createElement(component || 'button', __assign$2(__assign$2({ ref: ref, className: classNames('ods-btn', "ods-btn--".concat(size), "ods-btn--".concat(variant.replace(/[A-Z]/g, function (m) { return "-".concat(m.toLowerCase()); })), blocked && 'ods-btn--blocked', className, { 'ods-btn--loading': loading }) }, rest), { onClick: loading ? function () { return false; } : rest.onClick }), loading ? (e.createElement(e.Fragment, null,
|
|
381
389
|
e.createElement(Progress, { size: size, onColor: onColor }),
|