@bcgov-sso/common-react-components 1.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.
Files changed (30) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +34 -0
  3. package/dist/cjs/index.js +11064 -0
  4. package/dist/cjs/index.js.map +1 -0
  5. package/dist/cjs/types/components/Accordion/Accordion.d.ts +10 -0
  6. package/dist/cjs/types/components/Accordion/index.d.ts +1 -0
  7. package/dist/cjs/types/components/Alert/Alert.d.ts +22 -0
  8. package/dist/cjs/types/components/Alert/index.d.ts +1 -0
  9. package/dist/cjs/types/components/Button/Button.d.ts +31 -0
  10. package/dist/cjs/types/components/Button/index.d.ts +1 -0
  11. package/dist/cjs/types/components/NumberedContents/NumberedContents.d.ts +12 -0
  12. package/dist/cjs/types/components/NumberedContents/index.d.ts +1 -0
  13. package/dist/cjs/types/components/index.d.ts +4 -0
  14. package/dist/cjs/types/index.d.ts +1 -0
  15. package/dist/cjs/types/styles/theme.d.ts +17 -0
  16. package/dist/esm/index.js +11057 -0
  17. package/dist/esm/index.js.map +1 -0
  18. package/dist/esm/types/components/Accordion/Accordion.d.ts +10 -0
  19. package/dist/esm/types/components/Accordion/index.d.ts +1 -0
  20. package/dist/esm/types/components/Alert/Alert.d.ts +22 -0
  21. package/dist/esm/types/components/Alert/index.d.ts +1 -0
  22. package/dist/esm/types/components/Button/Button.d.ts +31 -0
  23. package/dist/esm/types/components/Button/index.d.ts +1 -0
  24. package/dist/esm/types/components/NumberedContents/NumberedContents.d.ts +12 -0
  25. package/dist/esm/types/components/NumberedContents/index.d.ts +1 -0
  26. package/dist/esm/types/components/index.d.ts +4 -0
  27. package/dist/esm/types/index.d.ts +1 -0
  28. package/dist/esm/types/styles/theme.d.ts +17 -0
  29. package/dist/index.d.ts +33 -0
  30. package/package.json +65 -0
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ declare function Accordionpanel({ title, allOpen, setAllOpen, children }: any): JSX.Element;
3
+ interface Props {
4
+ children: any;
5
+ }
6
+ declare function Accordion({ children }: Props): JSX.Element;
7
+ declare namespace Accordion {
8
+ var Panel: typeof Accordionpanel;
9
+ }
10
+ export default Accordion;
@@ -0,0 +1 @@
1
+ export { default } from './Accordion';
@@ -0,0 +1,22 @@
1
+ /// <reference types="react" />
2
+ export declare const styles: {
3
+ shared: {
4
+ container: string;
5
+ close: string;
6
+ };
7
+ variant: {
8
+ danger: {
9
+ container: string;
10
+ };
11
+ success: {
12
+ container: string;
13
+ };
14
+ };
15
+ };
16
+ declare type Variant = 'danger' | 'success';
17
+ interface Props {
18
+ variant?: Variant;
19
+ [key: string]: any;
20
+ }
21
+ declare const Alert: (props: Props) => JSX.Element;
22
+ export default Alert;
@@ -0,0 +1 @@
1
+ export { default } from './Alert';
@@ -0,0 +1,31 @@
1
+ /// <reference types="react" />
2
+ export declare const styles: {
3
+ shared: {
4
+ button: string;
5
+ };
6
+ size: {
7
+ small: {
8
+ button: string;
9
+ };
10
+ medium: {
11
+ button: string;
12
+ };
13
+ large: {
14
+ button: string;
15
+ };
16
+ };
17
+ variant: {
18
+ callout: {
19
+ button: string;
20
+ };
21
+ primary: {
22
+ button: string;
23
+ };
24
+ secondary: {
25
+ button: string;
26
+ };
27
+ };
28
+ disabled: string;
29
+ };
30
+ declare const Button: (props: import("@button-inc/component-library/Button").Props) => JSX.Element;
31
+ export default Button;
@@ -0,0 +1 @@
1
+ export { default } from './Button';
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ interface Props {
3
+ number: number;
4
+ title: string;
5
+ showLine?: boolean;
6
+ children: any;
7
+ variant?: string;
8
+ circleDiameter?: string;
9
+ circleMargin?: string;
10
+ }
11
+ export default function NumberedContents({ number, title, children, showLine, circleDiameter, circleMargin, variant, }: Props): JSX.Element;
12
+ export {};
@@ -0,0 +1 @@
1
+ export { default } from './NumberedContents';
@@ -0,0 +1,4 @@
1
+ export { default as Accordion } from './Accordion';
2
+ export { default as NumberedContents } from './NumberedContents';
3
+ export { default as Button } from './Button';
4
+ export { default as Alert } from './Alert';
@@ -0,0 +1 @@
1
+ export * from './components';
@@ -0,0 +1,17 @@
1
+ export declare const FORM_TOP_SPACING = "20px";
2
+ export declare const FORM_BUTTON_TOP_SPACING = "30px";
3
+ export declare const DEFAULT_FONT_SIZE = "16px";
4
+ export declare const PRIMARY_BUTTON_HOVER_COLOR = "#325b84";
5
+ export declare const SECONDARY_FONT_COLOR = "#777777";
6
+ export declare const DEFAULT_FONT_FAMILY = "BCSans, Verdana, Arial, sans-serif";
7
+ export declare const MAX_STRING_FIELD_WIDTH = "400px";
8
+ export declare const SUBTITLE_FONT_SIZE = "18px";
9
+ export declare const HELP_TEXT_FONT_SIZE = "12px";
10
+ export declare const SECONDARY_BLUE = "#38598a";
11
+ export declare const LINK_COLOR = "#0000EE";
12
+ export declare const PRIMARY_RED = "#D8292F";
13
+ export declare const FORM_BUTTON_MIN_WIDTH = "190px";
14
+ export declare const LANDING_HEADER_FONT = "22px";
15
+ export declare const LARGE_BUTTON_FONT_SIZE = "22px";
16
+ export declare const TABLE_ROW_HEIGHT = 60;
17
+ export declare const TABLE_ROW_SPACING = 5;
@@ -0,0 +1,33 @@
1
+ /// <reference types="react" />
2
+ import * as _button_inc_component_library_Button from '@button-inc/component-library/Button';
3
+
4
+ declare function Accordionpanel({ title, allOpen, setAllOpen, children }: any): JSX.Element;
5
+ interface Props$2 {
6
+ children: any;
7
+ }
8
+ declare function Accordion({ children }: Props$2): JSX.Element;
9
+ declare namespace Accordion {
10
+ var Panel: typeof Accordionpanel;
11
+ }
12
+
13
+ interface Props$1 {
14
+ number: number;
15
+ title: string;
16
+ showLine?: boolean;
17
+ children: any;
18
+ variant?: string;
19
+ circleDiameter?: string;
20
+ circleMargin?: string;
21
+ }
22
+ declare function NumberedContents({ number, title, children, showLine, circleDiameter, circleMargin, variant, }: Props$1): JSX.Element;
23
+
24
+ declare const Button: (props: _button_inc_component_library_Button.Props) => JSX.Element;
25
+
26
+ declare type Variant = 'danger' | 'success';
27
+ interface Props {
28
+ variant?: Variant;
29
+ [key: string]: any;
30
+ }
31
+ declare const Alert: (props: Props) => JSX.Element;
32
+
33
+ export { Accordion, Alert, Button, NumberedContents };
package/package.json ADDED
@@ -0,0 +1,65 @@
1
+ {
2
+ "name": "@bcgov-sso/common-react-components",
3
+ "version": "1.2.0",
4
+ "description": "common react components",
5
+ "main": "dist/cjs/index.js",
6
+ "module": "dist/esm/index.js",
7
+ "files": [
8
+ "dist"
9
+ ],
10
+ "types": "dist/index.d.ts",
11
+ "scripts": {
12
+ "storybook": "start-storybook -p 6006",
13
+ "build-storybook": "build-storybook",
14
+ "deploy-storybook": "storybook-to-ghpages",
15
+ "rollup": "rollup -c"
16
+ },
17
+ "author": "Jonathan Langlois",
18
+ "license": "ISC",
19
+ "bugs": {
20
+ "url": "https://github.com/bcgov/sso-react-components/issues"
21
+ },
22
+ "homepage": "https://github.com/bcgov/sso-react-components#readme",
23
+ "dependencies": {
24
+ "@button-inc/component-library": "^1.0.1",
25
+ "@fortawesome/fontawesome-svg-core": "^1.2.36",
26
+ "@fortawesome/free-solid-svg-icons": "^5.15.4",
27
+ "@fortawesome/react-fontawesome": "^0.1.16",
28
+ "@types/styled-components": "^5.1.16",
29
+ "lodash.flatten": "^4.4.0",
30
+ "styled-components": "^5.3.3"
31
+ },
32
+ "peerDependencies": {
33
+ "react": "^17.0.2",
34
+ "react-dom": "^17.0.2"
35
+ },
36
+ "devDependencies": {
37
+ "@babel/core": "^7.16.0",
38
+ "@babel/preset-env": "^7.16.4",
39
+ "@babel/preset-react": "^7.16.0",
40
+ "@babel/preset-stage-0": "^7.8.3",
41
+ "@babel/preset-typescript": "^7.16.0",
42
+ "@rollup/plugin-commonjs": "^21.0.1",
43
+ "@rollup/plugin-node-resolve": "^13.0.6",
44
+ "@rollup/plugin-typescript": "^8.3.0",
45
+ "@storybook/addon-a11y": "^6.4.4",
46
+ "@storybook/addon-actions": "^6.4.3",
47
+ "@storybook/addon-essentials": "^6.4.3",
48
+ "@storybook/addon-links": "^6.4.3",
49
+ "@storybook/react": "^6.4.3",
50
+ "@storybook/storybook-deployer": "^2.8.10",
51
+ "@types/lodash": "^4.14.177",
52
+ "@types/lodash.flatten": "^4.4.6",
53
+ "babel-loader": "^8.2.3",
54
+ "babel-preset-react": "^6.24.1",
55
+ "prettier": "^2.5.0",
56
+ "rollup": "^2.60.2",
57
+ "rollup-plugin-dts": "^4.0.1",
58
+ "storybook-addon-designs": "^6.2.0",
59
+ "ts-loader": "^9.2.6",
60
+ "typescript": "^4.5.2",
61
+ "webpack-cli": "^4.9.1",
62
+ "react": "^17.0.2",
63
+ "react-dom": "^17.0.2"
64
+ }
65
+ }