@edvisor/product-language 0.1.1 → 0.2.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/.babelrc +12 -0
- package/.eslintrc.json +139 -0
- package/.storybook/main.js +57 -0
- package/.storybook/manager.js +7 -0
- package/.storybook/preview-head.html +1 -0
- package/.storybook/preview.js +15 -0
- package/.storybook/tsconfig.json +30 -0
- package/jest.config.ts +15 -0
- package/jest.setup.ts +2 -0
- package/package.json +22 -10
- package/project.json +85 -0
- package/src/assets/svg/example_icon.svg +3 -0
- package/src/assets/svg/example_icon_white.svg +3 -0
- package/src/assets/svg/spinner.svg +3 -0
- package/src/assets/svg/spinner_white.svg +3 -0
- package/src/helpers/index.ts +3 -0
- package/src/helpers/talesOf.tsx +42 -0
- package/src/index.ts +2 -0
- package/src/lib/components/README.md +49 -0
- package/src/lib/components/alert-banner/alert-banner.tsx +34 -0
- package/src/lib/components/alert-banner/alert-level-flags.ts +77 -0
- package/src/lib/components/alert-banner/index.ts +1 -0
- package/src/lib/components/badge/badge-type-flags.ts +72 -0
- package/src/lib/components/badge/badge.stories.tsx +16 -0
- package/src/lib/components/badge/badge.test.tsx +29 -0
- package/src/lib/components/badge/badge.tsx +31 -0
- package/src/lib/components/badge/index.ts +1 -0
- package/{lib/components/card/atoms/card-frame.d.ts → src/lib/components/card/atoms/card-frame.tsx} +17 -7
- package/src/lib/components/card/atoms/index.ts +1 -0
- package/src/lib/components/card/card.test.tsx +163 -0
- package/src/lib/components/card/card.tsx +78 -0
- package/src/lib/components/card/components/card-alert-banner-slot.tsx +16 -0
- package/src/lib/components/card/components/card-controls-slot.tsx +19 -0
- package/src/lib/components/card/components/card-section-slot.tsx +51 -0
- package/src/lib/components/card/components/index.ts +3 -0
- package/src/lib/components/card/index.ts +2 -0
- package/src/lib/components/card/molecules/index.ts +1 -0
- package/src/lib/components/card/molecules/left-right-card.test.tsx +89 -0
- package/src/lib/components/card/molecules/left-right-card.tsx +63 -0
- package/src/lib/components/card/storybook/card.stories.mdx +100 -0
- package/src/lib/components/card/storybook/components.tsx +240 -0
- package/src/lib/components/checkbox/checkbox.test.tsx +39 -0
- package/src/lib/components/checkbox/checkbox.tsx +124 -0
- package/src/lib/components/checkbox/components/components.tsx +59 -0
- package/src/lib/components/checkbox/index.tsx +1 -0
- package/src/lib/components/checkbox/stories/checkbox.stories.mdx +54 -0
- package/src/lib/components/checkbox/stories/components.tsx +36 -0
- package/src/lib/components/checkbox/stories/index.tsx +1 -0
- package/src/lib/components/divider/divider-type-flags.tsx +37 -0
- package/src/lib/components/divider/divider.test.tsx +34 -0
- package/src/lib/components/divider/divider.tsx +37 -0
- package/src/lib/components/divider/index.tsx +1 -0
- package/src/lib/components/divider/stories/components.tsx +13 -0
- package/src/lib/components/divider/stories/divider.stories.mdx +50 -0
- package/src/lib/components/index.ts +14 -0
- package/src/lib/components/input-field/components/index.ts +2 -0
- package/src/lib/components/input-field/components/labeled-input.tsx +61 -0
- package/src/lib/components/input-field/components/stepper.tsx +59 -0
- package/src/lib/components/input-field/index.ts +6 -0
- package/src/lib/components/input-field/input-field.test.tsx +108 -0
- package/src/lib/components/input-field/input-field.tsx +126 -0
- package/src/lib/components/input-field/input-number.tsx +41 -0
- package/src/lib/components/input-field/input-text.tsx +30 -0
- package/src/lib/components/input-field/storybook/components.tsx +334 -0
- package/src/lib/components/input-field/storybook/input-field.stories.mdx +113 -0
- package/src/lib/components/layout/flex.tsx +22 -0
- package/src/lib/components/layout/grid-layout.tsx +40 -0
- package/src/lib/components/layout/index.ts +3 -0
- package/src/lib/components/layout/left-right-layout.tsx +67 -0
- package/src/lib/components/link/index.ts +1 -0
- package/src/lib/components/link/link.test.tsx +29 -0
- package/src/lib/components/link/link.tsx +56 -0
- package/src/lib/components/link/storybook/link.stories.mdx +51 -0
- package/src/lib/components/molecules/avatar/avatar-size-flags.tsx +55 -0
- package/src/lib/components/molecules/avatar/avatar.test.tsx +114 -0
- package/src/lib/components/molecules/avatar/avatar.tsx +80 -0
- package/src/lib/components/molecules/avatar/index.tsx +1 -0
- package/src/lib/components/molecules/avatar/stories/avatar.stories.mdx +55 -0
- package/src/lib/components/molecules/avatar/stories/components.tsx +36 -0
- package/src/lib/components/molecules/button/button-flags.tsx +235 -0
- package/src/lib/components/molecules/button/button.test.tsx +77 -0
- package/src/lib/components/molecules/button/button.tsx +231 -0
- package/src/lib/components/molecules/button/index.tsx +1 -0
- package/src/lib/components/molecules/button/stories/button.stories.mdx +104 -0
- package/src/lib/components/molecules/button/stories/components.tsx +86 -0
- package/src/lib/components/molecules/index.ts +3 -0
- package/src/lib/components/molecules/input-checkbox/index.tsx +1 -0
- package/src/lib/components/molecules/input-checkbox/input-checkbox.test.tsx +34 -0
- package/src/lib/components/molecules/input-checkbox/input-checkbox.tsx +50 -0
- package/src/lib/components/molecules/input-checkbox/stories/components.tsx +36 -0
- package/src/lib/components/molecules/input-checkbox/stories/index.tsx +1 -0
- package/src/lib/components/molecules/input-checkbox/stories/input-checkbox.stories.mdx +51 -0
- package/src/lib/components/organisms/index.ts +1 -0
- package/src/lib/components/organisms/multi-choice-list/index.tsx +1 -0
- package/src/lib/components/organisms/multi-choice-list/multi-choice-list.test.tsx +33 -0
- package/src/lib/components/organisms/multi-choice-list/multi-choice-list.tsx +53 -0
- package/src/lib/components/organisms/multi-choice-list/stories/components.tsx +126 -0
- package/src/lib/components/organisms/multi-choice-list/stories/index.tsx +1 -0
- package/src/lib/components/organisms/multi-choice-list/stories/multi-choice-list.stories.mdx +99 -0
- package/src/lib/components/spinner/index.tsx +1 -0
- package/src/lib/components/spinner/spinner-size-flags.tsx +39 -0
- package/src/lib/components/spinner/spinner.test.tsx +31 -0
- package/src/lib/components/spinner/spinner.tsx +67 -0
- package/src/lib/components/spinner/stories/components.tsx +8 -0
- package/src/lib/components/spinner/stories/spinner.stories.mdx +42 -0
- package/src/lib/components/thumbnail/index.tsx +1 -0
- package/src/lib/components/thumbnail/stories/thumbnail.stories.mdx +34 -0
- package/src/lib/components/thumbnail/thumbnail-size-flags.tsx +41 -0
- package/src/lib/components/thumbnail/thumbnail.test.tsx +51 -0
- package/src/lib/components/thumbnail/thumbnail.tsx +40 -0
- package/src/lib/components/typography/index.ts +1 -0
- package/src/lib/components/typography/storybook/components.tsx +256 -0
- package/src/lib/components/typography/storybook/typography.stories.mdx +88 -0
- package/src/lib/components/typography/typography.test.tsx +93 -0
- package/src/lib/components/typography/typography.tsx +57 -0
- package/src/lib/foundations/color-system/base-palette/base-palette.stories.tsx +123 -0
- package/src/lib/foundations/color-system/base-palette/base-palette.ts +94 -0
- package/src/lib/foundations/color-system/base-palette/index.ts +1 -0
- package/src/lib/foundations/color-system/color-guidelines/color-guidelines.stories.mdx +85 -0
- package/src/lib/foundations/color-system/color-guidelines/color-guidelines.stories.tsx +231 -0
- package/src/lib/foundations/color-system/color-guidelines/color-guidelines.ts +159 -0
- package/src/lib/foundations/color-system/color-guidelines/index.ts +1 -0
- package/src/lib/foundations/color-system/components/color-sample.tsx +99 -0
- package/src/lib/foundations/color-system/components/index.ts +1 -0
- package/src/lib/foundations/color-system/index.ts +1 -0
- package/src/lib/foundations/index.ts +4 -0
- package/src/lib/foundations/shadows/components.tsx +59 -0
- package/src/lib/foundations/shadows/index.ts +1 -0
- package/src/lib/foundations/shadows/shadows.stories.mdx +71 -0
- package/src/lib/foundations/shadows/shadows.tsx +47 -0
- package/src/lib/foundations/spacing/index.ts +1 -0
- package/src/lib/foundations/spacing/spacing-guidelines.ts +24 -0
- package/src/lib/foundations/spacing/spacing.stories.mdx +51 -0
- package/src/lib/foundations/spacing/spacing.ts +18 -0
- package/src/lib/foundations/typography/constants.ts +25 -0
- package/src/lib/foundations/typography/index.tsx +1 -0
- package/src/lib/foundations/typography/text-aspect-flags.ts +54 -0
- package/src/lib/foundations/typography/typography.tsx +97 -0
- package/src/lib/helpers/generic-types.ts +44 -0
- package/src/lib/helpers/index.ts +6 -0
- package/src/lib/helpers/nothing.tsx +18 -0
- package/{lib/helpers/numbers.d.ts → src/lib/helpers/numbers.ts} +53 -41
- package/src/lib/helpers/safe-navigation.ts +34 -0
- package/src/lib/helpers/slots.tsx +76 -0
- package/src/lib/helpers/strings.test.ts +47 -0
- package/src/lib/helpers/strings.ts +16 -0
- package/tsconfig.json +35 -0
- package/tsconfig.lib.json +28 -0
- package/tsconfig.spec.json +21 -0
- package/index.d.ts +0 -2
- package/index.js +0 -6078
- package/lib/components/alert-banner/alert-banner.d.ts +0 -11
- package/lib/components/alert-banner/alert-level-flags.d.ts +0 -13
- package/lib/components/alert-banner/index.d.ts +0 -1
- package/lib/components/badge/badge-type-flags.d.ts +0 -18
- package/lib/components/badge/badge.d.ts +0 -5
- package/lib/components/badge/index.d.ts +0 -1
- package/lib/components/card/atoms/index.d.ts +0 -1
- package/lib/components/card/card.d.ts +0 -14
- package/lib/components/card/components/card-alert-banner-slot.d.ts +0 -5
- package/lib/components/card/components/card-controls-slot.d.ts +0 -4
- package/lib/components/card/components/card-section-slot.d.ts +0 -11
- package/lib/components/card/components/index.d.ts +0 -3
- package/lib/components/card/index.d.ts +0 -2
- package/lib/components/card/molecules/index.d.ts +0 -1
- package/lib/components/card/molecules/left-right-card.d.ts +0 -16
- package/lib/components/checkbox/checkbox.d.ts +0 -11
- package/lib/components/checkbox/components/components.d.ts +0 -12
- package/lib/components/checkbox/index.d.ts +0 -1
- package/lib/components/divider/divider-type-flags.d.ts +0 -9
- package/lib/components/divider/divider.d.ts +0 -7
- package/lib/components/divider/index.d.ts +0 -1
- package/lib/components/index.d.ts +0 -12
- package/lib/components/input-field/components/index.d.ts +0 -2
- package/lib/components/input-field/components/labeled-input.d.ts +0 -11
- package/lib/components/input-field/components/stepper.d.ts +0 -7
- package/lib/components/input-field/index.d.ts +0 -3
- package/lib/components/input-field/input-field.d.ts +0 -25
- package/lib/components/input-field/input-number.d.ts +0 -18
- package/lib/components/input-field/input-text.d.ts +0 -14
- package/lib/components/layout/flex.d.ts +0 -16
- package/lib/components/layout/grid-layout.d.ts +0 -11
- package/lib/components/layout/index.d.ts +0 -3
- package/lib/components/layout/left-right-layout.d.ts +0 -70
- package/lib/components/link/index.d.ts +0 -1
- package/lib/components/link/link.d.ts +0 -14
- package/lib/components/molecules/avatar/avatar-size-flags.d.ts +0 -12
- package/lib/components/molecules/avatar/avatar.d.ts +0 -12
- package/lib/components/molecules/avatar/index.d.ts +0 -1
- package/lib/components/molecules/button/button-flags.d.ts +0 -39
- package/lib/components/molecules/button/button.d.ts +0 -24
- package/lib/components/molecules/button/index.d.ts +0 -1
- package/lib/components/molecules/index.d.ts +0 -3
- package/lib/components/molecules/input-checkbox/index.d.ts +0 -1
- package/lib/components/molecules/input-checkbox/input-checkbox.d.ts +0 -8
- package/lib/components/organisms/index.d.ts +0 -1
- package/lib/components/organisms/multi-choice-list/index.d.ts +0 -1
- package/lib/components/organisms/multi-choice-list/multi-choice-list.d.ts +0 -11
- package/lib/components/spinner/index.d.ts +0 -1
- package/lib/components/spinner/spinner-size-flags.d.ts +0 -10
- package/lib/components/spinner/spinner.d.ts +0 -9
- package/lib/components/thumbnail/index.d.ts +0 -1
- package/lib/components/thumbnail/thumbnail-size-flags.d.ts +0 -10
- package/lib/components/thumbnail/thumbnail.d.ts +0 -9
- package/lib/components/typography/index.d.ts +0 -1
- package/lib/components/typography/typography.d.ts +0 -23
- package/lib/foundations/color-system/base-palette/base-palette.d.ts +0 -77
- package/lib/foundations/color-system/base-palette/index.d.ts +0 -1
- package/lib/foundations/color-system/color-guidelines/color-guidelines.d.ts +0 -131
- package/lib/foundations/color-system/color-guidelines/index.d.ts +0 -1
- package/lib/foundations/color-system/components/color-sample.d.ts +0 -17
- package/lib/foundations/color-system/components/index.d.ts +0 -1
- package/lib/foundations/color-system/index.d.ts +0 -1
- package/lib/foundations/index.d.ts +0 -4
- package/lib/foundations/shadows/components.d.ts +0 -8
- package/lib/foundations/shadows/index.d.ts +0 -1
- package/lib/foundations/shadows/shadows.d.ts +0 -8
- package/lib/foundations/spacing/index.d.ts +0 -1
- package/lib/foundations/spacing/spacing-guidelines.d.ts +0 -22
- package/lib/foundations/spacing/spacing.d.ts +0 -18
- package/lib/foundations/typography/constants.d.ts +0 -22
- package/lib/foundations/typography/index.d.ts +0 -1
- package/lib/foundations/typography/text-aspect-flags.d.ts +0 -14
- package/lib/foundations/typography/typography.d.ts +0 -19
- package/lib/helpers/generic-types.d.ts +0 -21
- package/lib/helpers/index.d.ts +0 -6
- package/lib/helpers/nothing.d.ts +0 -8
- package/lib/helpers/safe-navigation.d.ts +0 -14
- package/lib/helpers/slots.d.ts +0 -8
- package/lib/helpers/strings.d.ts +0 -1
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ITextProps } from '@foundations';
|
|
2
|
-
import { PropsWithChildren } from '@helpers';
|
|
3
|
-
declare type Semibold = {
|
|
4
|
-
semibold?: boolean;
|
|
5
|
-
};
|
|
6
|
-
declare type Regular = {
|
|
7
|
-
regular?: boolean;
|
|
8
|
-
};
|
|
9
|
-
declare type Medium = {
|
|
10
|
-
medium?: boolean;
|
|
11
|
-
};
|
|
12
|
-
declare type ITextComponentProps = ITextProps & PropsWithChildren;
|
|
13
|
-
export declare const Display: import("styled-components").StyledComponent<"div", any, {} & (ITextComponentProps & Regular), never>;
|
|
14
|
-
export declare const Heading1: import("styled-components").StyledComponent<"h1", any, {} & (ITextComponentProps & Semibold), never>;
|
|
15
|
-
export declare const Heading2: import("styled-components").StyledComponent<"h2", any, {} & (ITextComponentProps & Semibold), never>;
|
|
16
|
-
export declare const Heading3: import("styled-components").StyledComponent<"h3", any, {} & (ITextComponentProps & Semibold), never>;
|
|
17
|
-
export declare const Heading4: import("styled-components").StyledComponent<"h4", any, {} & (ITextComponentProps & Semibold), never>;
|
|
18
|
-
export declare const BodyLarge: import("styled-components").StyledComponent<"div", any, {} & (ITextComponentProps & Regular & Semibold), never>;
|
|
19
|
-
export declare const Body: import("styled-components").StyledComponent<"div", any, {} & (ITextComponentProps & Regular & Medium), never>;
|
|
20
|
-
export declare const Caption: import("styled-components").StyledComponent<"div", any, {} & (ITextComponentProps & Regular), never>;
|
|
21
|
-
export declare const Label1: import("styled-components").StyledComponent<"div", any, {} & (ITextComponentProps & Regular & Medium), never>;
|
|
22
|
-
export declare const Label2: import("styled-components").StyledComponent<"div", any, {} & (ITextComponentProps & Regular), never>;
|
|
23
|
-
export {};
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { Hex } from '@helpers';
|
|
2
|
-
export declare type ColorPalette = {
|
|
3
|
-
[key in string]: Hex;
|
|
4
|
-
};
|
|
5
|
-
export declare const WHITE: "#FFFFFF";
|
|
6
|
-
export declare const BLACK: "#000000";
|
|
7
|
-
export declare const GRAY: {
|
|
8
|
-
readonly 50: "#F9FAFB";
|
|
9
|
-
readonly 100: "#F3F4F6";
|
|
10
|
-
readonly 200: "#E5E7EB";
|
|
11
|
-
readonly 300: "#D1D5DB";
|
|
12
|
-
readonly 400: "#9CA3AF";
|
|
13
|
-
readonly 500: "#6B7280";
|
|
14
|
-
readonly 600: "#46505D";
|
|
15
|
-
readonly 700: "#374151";
|
|
16
|
-
readonly 800: "#1F2937";
|
|
17
|
-
readonly 900: "#111827";
|
|
18
|
-
};
|
|
19
|
-
export declare const BLUE: {
|
|
20
|
-
readonly 50: "#F0F6FF";
|
|
21
|
-
readonly 100: "#DBEAFE";
|
|
22
|
-
readonly 200: "#BFDBFE";
|
|
23
|
-
readonly 300: "#93C5FD";
|
|
24
|
-
readonly 400: "#60A5FA";
|
|
25
|
-
readonly 500: "#3B82F6";
|
|
26
|
-
readonly 600: "#2563EB";
|
|
27
|
-
readonly 700: "#1D4ED8";
|
|
28
|
-
readonly 800: "#1E40AF";
|
|
29
|
-
readonly 900: "#1E3A8A";
|
|
30
|
-
};
|
|
31
|
-
export declare const GREEN: {
|
|
32
|
-
readonly 50: "#F1FEF8";
|
|
33
|
-
readonly 100: "#D1FAE5";
|
|
34
|
-
readonly 200: "#A7F3D0";
|
|
35
|
-
readonly 300: "#6EE7B7";
|
|
36
|
-
readonly 400: "#34D399";
|
|
37
|
-
readonly 500: "#10B981";
|
|
38
|
-
readonly 600: "#059669";
|
|
39
|
-
readonly 700: "#047857";
|
|
40
|
-
readonly 800: "#065F46";
|
|
41
|
-
readonly 900: "#064E3B";
|
|
42
|
-
};
|
|
43
|
-
export declare const ORANGE: {
|
|
44
|
-
readonly 50: "#FFFAF5";
|
|
45
|
-
readonly 100: "#FFEDD5";
|
|
46
|
-
readonly 200: "#FED7AA";
|
|
47
|
-
readonly 300: "#FDBA74";
|
|
48
|
-
readonly 400: "#FB923C";
|
|
49
|
-
readonly 500: "#F97316";
|
|
50
|
-
readonly 600: "#EA580C";
|
|
51
|
-
readonly 700: "#C2410C";
|
|
52
|
-
readonly 800: "#9A3412";
|
|
53
|
-
readonly 900: "#7C2D12";
|
|
54
|
-
};
|
|
55
|
-
export declare const RED: {
|
|
56
|
-
readonly 50: "#FEF6F6";
|
|
57
|
-
readonly 100: "#FEE2E2";
|
|
58
|
-
readonly 200: "#FECACA";
|
|
59
|
-
readonly 300: "#FCA5A5";
|
|
60
|
-
readonly 3300: "#FEF6F6";
|
|
61
|
-
readonly 400: "#F87171";
|
|
62
|
-
readonly 500: "#EF4444";
|
|
63
|
-
readonly 600: "#DC2626";
|
|
64
|
-
readonly 700: "#B91C1C";
|
|
65
|
-
readonly 800: "#991B1B";
|
|
66
|
-
readonly 900: "#7F1D1D";
|
|
67
|
-
};
|
|
68
|
-
export declare const SHADES: {
|
|
69
|
-
readonly White: "#FFFFFF";
|
|
70
|
-
readonly Black: "#000000";
|
|
71
|
-
};
|
|
72
|
-
export declare const BRAND: {
|
|
73
|
-
readonly Brand: "#0792D4";
|
|
74
|
-
};
|
|
75
|
-
declare type ValuesOf<T> = T[keyof T];
|
|
76
|
-
export declare type COLOR = ValuesOf<typeof BRAND> | ValuesOf<typeof BLUE> | ValuesOf<typeof SHADES> | ValuesOf<typeof RED> | ValuesOf<typeof ORANGE> | ValuesOf<typeof GREEN> | ValuesOf<typeof GRAY>;
|
|
77
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './base-palette';
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
export declare const Background: {
|
|
2
|
-
readonly Default: "#F3F4F6";
|
|
3
|
-
};
|
|
4
|
-
export declare const Surface: {
|
|
5
|
-
Default: {
|
|
6
|
-
Default: "#FFFFFF";
|
|
7
|
-
Subdued: "#F9FAFB";
|
|
8
|
-
Hover: "#F3F4F6";
|
|
9
|
-
Pressed: "#E5E7EB";
|
|
10
|
-
Depressed: "#E5E7EB";
|
|
11
|
-
Inverse: "#1F2937";
|
|
12
|
-
};
|
|
13
|
-
Selected: {
|
|
14
|
-
Default: "#F0F6FF";
|
|
15
|
-
Hover: "#DBEAFE";
|
|
16
|
-
Pressed: "#BFDBFE";
|
|
17
|
-
};
|
|
18
|
-
Critical: {
|
|
19
|
-
Default: "#FECACA";
|
|
20
|
-
Subdued: "#FEF6F6";
|
|
21
|
-
Hover: "#FEF6F6";
|
|
22
|
-
Pressed: "#FEE2E2";
|
|
23
|
-
};
|
|
24
|
-
Warning: {
|
|
25
|
-
Default: "#FED7AA";
|
|
26
|
-
Subdued: "#FFFAF5";
|
|
27
|
-
};
|
|
28
|
-
Success: {
|
|
29
|
-
Default: "#A7F3D0";
|
|
30
|
-
Subdued: "#F1FEF8";
|
|
31
|
-
Depressed: "#10B981";
|
|
32
|
-
};
|
|
33
|
-
Highlight: {
|
|
34
|
-
Default: "#BFDBFE";
|
|
35
|
-
Subdued: "#F0F6FF";
|
|
36
|
-
};
|
|
37
|
-
Neutral: {
|
|
38
|
-
Default: "#E5E7EB";
|
|
39
|
-
Subdued: "#F3F4F6";
|
|
40
|
-
Hover: "#D1D5DB";
|
|
41
|
-
Pressed: "#9CA3AF";
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
export declare const Borders: {
|
|
45
|
-
Default: {
|
|
46
|
-
Default: "#D1D5DB";
|
|
47
|
-
Subdued: "#E5E7EB";
|
|
48
|
-
Light: "#FFFFFF";
|
|
49
|
-
Dark: "#9CA3AF";
|
|
50
|
-
};
|
|
51
|
-
Critical: {
|
|
52
|
-
Default: "#DC2626";
|
|
53
|
-
Subdued: "#FCA5A5";
|
|
54
|
-
};
|
|
55
|
-
Warning: {
|
|
56
|
-
Subdued: "#FDBA74";
|
|
57
|
-
};
|
|
58
|
-
Success: {
|
|
59
|
-
Subdued: "#6EE7B7";
|
|
60
|
-
};
|
|
61
|
-
Highlight: {
|
|
62
|
-
Default: "#2563EB";
|
|
63
|
-
Subdued: "#93C5FD";
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
export declare const Focused: {
|
|
67
|
-
Default: "#60A5FA";
|
|
68
|
-
};
|
|
69
|
-
export declare const Text: {
|
|
70
|
-
Default: "#1F2937";
|
|
71
|
-
Subdued: "#6B7280";
|
|
72
|
-
Light: "#9CA3AF";
|
|
73
|
-
Critical: "#DC2626";
|
|
74
|
-
Success: "#059669";
|
|
75
|
-
OnPrimary: "#FFFFFF";
|
|
76
|
-
OnCritical: "#FFFFFF";
|
|
77
|
-
};
|
|
78
|
-
export declare const Icons: {
|
|
79
|
-
Default: "#6B7280";
|
|
80
|
-
Subdued: "#9CA3AF";
|
|
81
|
-
Hover: "#1F2937";
|
|
82
|
-
Pressed: "#46505D";
|
|
83
|
-
Disabled: "#D1D5DB";
|
|
84
|
-
Critical: "#DC2626";
|
|
85
|
-
Warning: "#F97316";
|
|
86
|
-
Success: "#059669";
|
|
87
|
-
Highlight: "#2563EB";
|
|
88
|
-
OnPrimary: "#FFFFFF";
|
|
89
|
-
OnCritical: "#FFFFFF";
|
|
90
|
-
};
|
|
91
|
-
export declare const Interactive: {
|
|
92
|
-
Default: {
|
|
93
|
-
Default: "#2563EB";
|
|
94
|
-
Hover: "#1E40AF";
|
|
95
|
-
Pressed: "#1E40AF";
|
|
96
|
-
Disabled: "#9CA3AF";
|
|
97
|
-
};
|
|
98
|
-
Subtle: {
|
|
99
|
-
Default: "#1F2937";
|
|
100
|
-
Hover: "#1F2937";
|
|
101
|
-
Pressed: "#1F2937";
|
|
102
|
-
Disabled: "#9CA3AF";
|
|
103
|
-
};
|
|
104
|
-
};
|
|
105
|
-
export declare const Actions: {
|
|
106
|
-
Primary: {
|
|
107
|
-
Default: "#2563EB";
|
|
108
|
-
Hover: "#1D4ED8";
|
|
109
|
-
Pressed: "#1E40AF";
|
|
110
|
-
Disabled: `#${string}`;
|
|
111
|
-
};
|
|
112
|
-
Secondary: {
|
|
113
|
-
Default: "#FFFFFF";
|
|
114
|
-
Hover: `#${string}`;
|
|
115
|
-
Pressed: `#${string}`;
|
|
116
|
-
Depressed: "#6B7280";
|
|
117
|
-
Disabled: `#${string}`;
|
|
118
|
-
};
|
|
119
|
-
Critical: {
|
|
120
|
-
Default: "#DC2626";
|
|
121
|
-
Hover: "#EF4444";
|
|
122
|
-
Pressed: "#B91C1C";
|
|
123
|
-
Disabled: `#${string}`;
|
|
124
|
-
};
|
|
125
|
-
SecondaryCritical: {
|
|
126
|
-
Default: "#FFFFFF";
|
|
127
|
-
Hover: "#EF4444";
|
|
128
|
-
Pressed: "#B91C1C";
|
|
129
|
-
Disabled: `#${string}`;
|
|
130
|
-
};
|
|
131
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './color-guidelines';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { FC, Hex } from '@helpers';
|
|
2
|
-
interface IColorRectangleProps {
|
|
3
|
-
name: string;
|
|
4
|
-
hex: Hex;
|
|
5
|
-
border?: Hex;
|
|
6
|
-
}
|
|
7
|
-
export declare const ColorRectangle: FC<IColorRectangleProps>;
|
|
8
|
-
interface IColorSquareProps {
|
|
9
|
-
name: string;
|
|
10
|
-
colorId: string;
|
|
11
|
-
hex: Hex;
|
|
12
|
-
/** if true the color will only show in the border
|
|
13
|
-
* rather than as a fill color */
|
|
14
|
-
border?: Hex;
|
|
15
|
-
}
|
|
16
|
-
export declare const ColorSquare: FC<IColorSquareProps>;
|
|
17
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './color-sample';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './color-guidelines';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
declare const ShadowSm: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
declare const Shadow: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
declare const ShadowMd: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
-
declare const ShadowLg: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
-
declare const ShadowXl: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
-
declare const Shadow2Xl: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
-
declare const ShadowInner: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
-
export { ShadowSm, Shadow, ShadowLg, ShadowMd, ShadowXl, Shadow2Xl, ShadowInner, };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './shadows';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
declare const shadowSm: import("styled-components").FlattenSimpleInterpolation;
|
|
2
|
-
declare const shadow: import("styled-components").FlattenSimpleInterpolation;
|
|
3
|
-
declare const shadowMd: import("styled-components").FlattenSimpleInterpolation;
|
|
4
|
-
declare const shadowLg: import("styled-components").FlattenSimpleInterpolation;
|
|
5
|
-
declare const shadowXl: import("styled-components").FlattenSimpleInterpolation;
|
|
6
|
-
declare const shadow2Xl: import("styled-components").FlattenSimpleInterpolation;
|
|
7
|
-
declare const shadowInner: import("styled-components").FlattenSimpleInterpolation;
|
|
8
|
-
export { shadowSm, shadow, shadowMd, shadowLg, shadowXl, shadow2Xl, shadowInner, };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './spacing-guidelines';
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { SPACING } from './spacing';
|
|
2
|
-
export declare const Padding: {
|
|
3
|
-
readonly none: 0;
|
|
4
|
-
readonly xxxs: SPACING.Size2;
|
|
5
|
-
readonly xxs: SPACING.Size4;
|
|
6
|
-
readonly xs: SPACING.Size8;
|
|
7
|
-
readonly s: SPACING.Size12;
|
|
8
|
-
readonly m: SPACING.Size16;
|
|
9
|
-
readonly l: SPACING.Size24;
|
|
10
|
-
readonly xl: SPACING.Size32;
|
|
11
|
-
};
|
|
12
|
-
export declare const Margin: {
|
|
13
|
-
readonly none: 0;
|
|
14
|
-
readonly xxxs: SPACING.Size2;
|
|
15
|
-
readonly xxs: SPACING.Size4;
|
|
16
|
-
readonly xs: SPACING.Size8;
|
|
17
|
-
readonly s: SPACING.Size12;
|
|
18
|
-
readonly m: SPACING.Size16;
|
|
19
|
-
readonly l: SPACING.Size24;
|
|
20
|
-
readonly xl: SPACING.Size32;
|
|
21
|
-
readonly xxl: SPACING.Size64;
|
|
22
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export declare enum SPACING {
|
|
2
|
-
Size2 = "2px",
|
|
3
|
-
Size4 = "4px",
|
|
4
|
-
Size8 = "8px",
|
|
5
|
-
Size12 = "12px",
|
|
6
|
-
Size16 = "16px",
|
|
7
|
-
Size24 = "24px",
|
|
8
|
-
Size32 = "32px",
|
|
9
|
-
Size64 = "64px",
|
|
10
|
-
Size96 = "96px",
|
|
11
|
-
Size128 = "128px",
|
|
12
|
-
Size192 = "192px",
|
|
13
|
-
Size256 = "256px",
|
|
14
|
-
Size384 = "384px",
|
|
15
|
-
Size512 = "512px",
|
|
16
|
-
Size640 = "640px",
|
|
17
|
-
Size768 = "768px"
|
|
18
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
export declare const enum FontWeight {
|
|
2
|
-
Regular = "400",
|
|
3
|
-
Medium = "500",
|
|
4
|
-
SemiBold = "600"
|
|
5
|
-
}
|
|
6
|
-
export declare const FontSize: {
|
|
7
|
-
readonly a: "13px";
|
|
8
|
-
readonly b: "14px";
|
|
9
|
-
readonly c: "16px";
|
|
10
|
-
readonly d: "18px";
|
|
11
|
-
readonly e: "20px";
|
|
12
|
-
readonly f: "28px";
|
|
13
|
-
readonly g: "36px";
|
|
14
|
-
};
|
|
15
|
-
export declare const LineHeight: {
|
|
16
|
-
readonly a: "16px";
|
|
17
|
-
readonly b: "20px";
|
|
18
|
-
readonly c: "24px";
|
|
19
|
-
readonly d: "28px";
|
|
20
|
-
readonly e: "32px";
|
|
21
|
-
readonly f: "44px";
|
|
22
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './typography';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { MappedEnum, PropsWithChildren, RequireOnlyOne } from '@helpers';
|
|
2
|
-
export declare const enum TextAspects {
|
|
3
|
-
default = 1,
|
|
4
|
-
subdued = 2,
|
|
5
|
-
light = 4,
|
|
6
|
-
critical = 8,
|
|
7
|
-
success = 16,
|
|
8
|
-
onPrimary = 32,
|
|
9
|
-
onCritical = 64
|
|
10
|
-
}
|
|
11
|
-
declare type TextOptions<T> = MappedEnum<typeof TextAspects, T>;
|
|
12
|
-
export declare type ITextAspectProps = Partial<RequireOnlyOne<TextOptions<boolean>>> & PropsWithChildren;
|
|
13
|
-
export declare function getTextAspect(props: ITextAspectProps): "#9CA3AF" | "#6B7280" | "#1F2937" | "#DC2626" | "#059669" | "#FFFFFF";
|
|
14
|
-
export {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ITextAspectProps } from './text-aspect-flags';
|
|
2
|
-
export declare type ITextProps = ITextAspectProps & {
|
|
3
|
-
emphasis?: boolean;
|
|
4
|
-
};
|
|
5
|
-
export declare const Typography: {
|
|
6
|
-
Display: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITextProps, any>>;
|
|
7
|
-
Heading1: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITextProps, any>>;
|
|
8
|
-
Heading2: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITextProps, any>>;
|
|
9
|
-
Heading3: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITextProps, any>>;
|
|
10
|
-
Heading4: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITextProps, any>>;
|
|
11
|
-
BodyLarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITextProps, any>>;
|
|
12
|
-
Body: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITextProps, any>>;
|
|
13
|
-
Caption: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITextProps, any>>;
|
|
14
|
-
Label1: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITextProps, any>>;
|
|
15
|
-
Label2: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITextProps, any>>;
|
|
16
|
-
};
|
|
17
|
-
export declare const _Typography: {
|
|
18
|
-
LightText: import("styled-components").FlattenSimpleInterpolation;
|
|
19
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { FC as FunctionComponent, ForwardRefExoticComponent, ForwardRefRenderFunction, PropsWithChildren as PWC, PropsWithoutRef, RefAttributes } from 'react';
|
|
2
|
-
import { Slot } from './slots';
|
|
3
|
-
/** @see https://stackoverflow.com/a/49725198/29182 */
|
|
4
|
-
export declare type RequireOnlyOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
|
|
5
|
-
[K in Keys]-?: Required<Pick<T, K>> & Partial<Record<Exclude<Keys, K>, undefined>>;
|
|
6
|
-
}[Keys];
|
|
7
|
-
export declare type MappedEnum<E, T> = {
|
|
8
|
-
[key in keyof E]: T;
|
|
9
|
-
};
|
|
10
|
-
export declare type Values<T> = T[keyof T];
|
|
11
|
-
export declare type PropsWithChildren<T = unknown> = PWC<T>;
|
|
12
|
-
export declare type FC<P = {}, E extends {
|
|
13
|
-
[x: symbol]: FunctionComponent<PropsWithChildren> | typeof Slot;
|
|
14
|
-
} = {}> = FunctionComponent<P> & {
|
|
15
|
-
[key in keyof E]: E[key];
|
|
16
|
-
};
|
|
17
|
-
declare type ExtensibleForwardRef<T, P = {}, E = {}> = ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
|
|
18
|
-
[key in keyof E]: E[key];
|
|
19
|
-
};
|
|
20
|
-
export declare function forwardRef<T, P = {}, E = {}>(render: ForwardRefRenderFunction<T, P>): ExtensibleForwardRef<T, P, E>;
|
|
21
|
-
export {};
|
package/lib/helpers/index.d.ts
DELETED
package/lib/helpers/nothing.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from './generic-types';
|
|
2
|
-
export declare const Nothing: FC;
|
|
3
|
-
export declare function maybeRender<T>(prop: T, JSX: JSX.Element): JSX.Element;
|
|
4
|
-
interface IIfProps {
|
|
5
|
-
is: unknown;
|
|
6
|
-
}
|
|
7
|
-
export declare const If: FC<PropsWithChildren<IIfProps>>;
|
|
8
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/** even though we have null disabled in the repo,
|
|
2
|
-
* I still would not want isNil to skip checking null
|
|
3
|
-
* it is for juuuuust in case a third party sends us a null
|
|
4
|
-
* or something, and the types are not correct
|
|
5
|
-
*/
|
|
6
|
-
export declare function isNil<T>(value: T | undefined | null): value is undefined | null;
|
|
7
|
-
export declare function isDefined<T>(value: T | undefined | null): value is T;
|
|
8
|
-
export declare function defaultTo<T>(value: T | undefined | null, fallback: T): T;
|
|
9
|
-
export declare function isEmpty<T extends {
|
|
10
|
-
length: number;
|
|
11
|
-
}>(obj: T): boolean;
|
|
12
|
-
/** used for evaluating tri-state logic (true | false | undefined) */
|
|
13
|
-
export declare function is(pred?: boolean): boolean;
|
|
14
|
-
export declare function safeArray<T>(arr: T[] | undefined | null): T[];
|
package/lib/helpers/slots.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { PureComponent, ReactNode } from 'react';
|
|
2
|
-
import { PropsWithChildren } from './generic-types';
|
|
3
|
-
export declare class Slot<T = unknown> extends PureComponent<PropsWithChildren<T>> {
|
|
4
|
-
render(): PropsWithChildren<T>["children"] | undefined;
|
|
5
|
-
}
|
|
6
|
-
export declare function getChildren(children?: ReactNode): ReactNode[];
|
|
7
|
-
export declare function getSlots<T extends typeof Slot>(slot: T, children?: ReactNode): ReactNode[];
|
|
8
|
-
export declare function getSlot<T extends typeof Slot>(slot: T, children?: ReactNode): ReactNode;
|
package/lib/helpers/strings.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const toKebabCase: (str: string) => string;
|