@nypl/design-system-react-components 1.2.0 → 1.2.1
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/CHANGELOG.md +24 -0
- package/dist/components/Link/Link.d.ts +1 -1
- package/dist/design-system-react-components.cjs.development.js +1602 -2744
- package/dist/design-system-react-components.cjs.development.js.map +1 -1
- package/dist/design-system-react-components.cjs.production.min.js +1 -1
- package/dist/design-system-react-components.cjs.production.min.js.map +1 -1
- package/dist/design-system-react-components.esm.js +1602 -2744
- package/dist/design-system-react-components.esm.js.map +1 -1
- package/dist/theme/components/button.d.ts +42 -0
- package/dist/theme/components/checkbox.d.ts +16 -0
- package/dist/theme/components/global.d.ts +19 -1
- package/dist/theme/components/hero.d.ts +4 -0
- package/dist/theme/components/link.d.ts +6 -0
- package/dist/theme/components/radio.d.ts +22 -2
- package/package.json +9 -9
|
@@ -1,3 +1,45 @@
|
|
|
1
|
+
export declare const buttonBaseStyle: {
|
|
2
|
+
alignItems: string;
|
|
3
|
+
borderRadius: string;
|
|
4
|
+
display: string;
|
|
5
|
+
cursor: string;
|
|
6
|
+
color: string;
|
|
7
|
+
fontWeight: string;
|
|
8
|
+
justifyContent: string;
|
|
9
|
+
lineHeight: string;
|
|
10
|
+
textDecoration: string;
|
|
11
|
+
wordWrap: string;
|
|
12
|
+
svg: {
|
|
13
|
+
fill: string;
|
|
14
|
+
};
|
|
15
|
+
_hover: {
|
|
16
|
+
bg: string;
|
|
17
|
+
};
|
|
18
|
+
_visited: {
|
|
19
|
+
color: string;
|
|
20
|
+
};
|
|
21
|
+
_disabled: {
|
|
22
|
+
bg: string;
|
|
23
|
+
color: string;
|
|
24
|
+
opacity: string;
|
|
25
|
+
pointerEvents: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
export declare const primary: ({ buttonSize }: {
|
|
29
|
+
buttonSize?: string;
|
|
30
|
+
}) => any;
|
|
31
|
+
export declare const secondary: ({ buttonSize }: {
|
|
32
|
+
buttonSize?: string;
|
|
33
|
+
}) => any;
|
|
34
|
+
export declare const pill: ({ buttonSize }: {
|
|
35
|
+
buttonSize?: string;
|
|
36
|
+
}) => any;
|
|
37
|
+
export declare const callout: ({ buttonSize }: {
|
|
38
|
+
buttonSize?: string;
|
|
39
|
+
}) => any;
|
|
40
|
+
export declare const noBrand: ({ buttonSize }: {
|
|
41
|
+
buttonSize?: string;
|
|
42
|
+
}) => any;
|
|
1
43
|
declare const Button: {
|
|
2
44
|
baseStyle: {
|
|
3
45
|
alignItems: string;
|
|
@@ -1,6 +1,22 @@
|
|
|
1
1
|
declare const Checkbox: {
|
|
2
2
|
parts: string[];
|
|
3
3
|
baseStyle: {
|
|
4
|
+
_hover: {
|
|
5
|
+
span: {
|
|
6
|
+
_first: {
|
|
7
|
+
borderColor: string;
|
|
8
|
+
};
|
|
9
|
+
_checked: {
|
|
10
|
+
borderColor: string;
|
|
11
|
+
};
|
|
12
|
+
_disabled: {
|
|
13
|
+
borderColor: string;
|
|
14
|
+
};
|
|
15
|
+
_invalid: {
|
|
16
|
+
borderColor: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
4
20
|
icon: {
|
|
5
21
|
transitionProperty: string;
|
|
6
22
|
transitionDuration: string;
|
|
@@ -34,6 +34,24 @@ declare const checkboxRadioHelperErrorTextStyle: {
|
|
|
34
34
|
fontStyle: string;
|
|
35
35
|
};
|
|
36
36
|
};
|
|
37
|
+
declare const checkboxRadioHoverStyles: {
|
|
38
|
+
_hover: {
|
|
39
|
+
span: {
|
|
40
|
+
_first: {
|
|
41
|
+
borderColor: string;
|
|
42
|
+
};
|
|
43
|
+
_checked: {
|
|
44
|
+
borderColor: string;
|
|
45
|
+
};
|
|
46
|
+
_disabled: {
|
|
47
|
+
borderColor: string;
|
|
48
|
+
};
|
|
49
|
+
_invalid: {
|
|
50
|
+
borderColor: string;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
};
|
|
37
55
|
declare const checkboxRadioGroupStyles: (isFullWidth?: boolean) => {
|
|
38
56
|
helperErrorText: {
|
|
39
57
|
marginTop: string;
|
|
@@ -73,4 +91,4 @@ declare const textMargin: {
|
|
|
73
91
|
margin: string;
|
|
74
92
|
marginBottom: string;
|
|
75
93
|
};
|
|
76
|
-
export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperErrorTextStyle, checkboxRadioLabelStyles, defaultElementSizes, labelLegendText, selectTextInputDisabledStyles, selectTextInputFocusStyles, textMargin, };
|
|
94
|
+
export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperErrorTextStyle, checkboxRadioHoverStyles, checkboxRadioLabelStyles, defaultElementSizes, labelLegendText, selectTextInputDisabledStyles, selectTextInputFocusStyles, textMargin, };
|
|
@@ -5,6 +5,8 @@ declare const Hero: {
|
|
|
5
5
|
variants: {
|
|
6
6
|
primary: {
|
|
7
7
|
alignItems: string;
|
|
8
|
+
backgroundSize: string;
|
|
9
|
+
backgroundPosition: string;
|
|
8
10
|
display: string;
|
|
9
11
|
flexFlow: {
|
|
10
12
|
base: string;
|
|
@@ -441,6 +443,8 @@ declare const Hero: {
|
|
|
441
443
|
};
|
|
442
444
|
campaign: {
|
|
443
445
|
alignItems: string;
|
|
446
|
+
backgroundSize: string;
|
|
447
|
+
backgroundPosition: string;
|
|
444
448
|
display: string;
|
|
445
449
|
justifyContent: string;
|
|
446
450
|
marginBottom: string[];
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
declare const Radio: {
|
|
2
2
|
parts: string[];
|
|
3
3
|
baseStyle: {
|
|
4
|
-
bg: string;
|
|
5
|
-
fontSize: string;
|
|
6
4
|
control: {
|
|
7
5
|
verticalAlign: string;
|
|
8
6
|
transitionProperty: string;
|
|
@@ -116,4 +114,26 @@ declare const Radio: {
|
|
|
116
114
|
size: string;
|
|
117
115
|
};
|
|
118
116
|
};
|
|
117
|
+
export declare const RadioWrapper: {
|
|
118
|
+
baseStyle: {
|
|
119
|
+
label: {
|
|
120
|
+
_hover: {
|
|
121
|
+
span: {
|
|
122
|
+
_first: {
|
|
123
|
+
borderColor: string;
|
|
124
|
+
};
|
|
125
|
+
_checked: {
|
|
126
|
+
borderColor: string;
|
|
127
|
+
};
|
|
128
|
+
_disabled: {
|
|
129
|
+
borderColor: string;
|
|
130
|
+
};
|
|
131
|
+
_invalid: {
|
|
132
|
+
borderColor: string;
|
|
133
|
+
};
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
};
|
|
137
|
+
};
|
|
138
|
+
};
|
|
119
139
|
export default Radio;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nypl/design-system-react-components",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.1",
|
|
4
4
|
"description": "NYPL Reservoir Design System React Components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -88,14 +88,14 @@
|
|
|
88
88
|
"@chakra-ui/storybook-addon": "1.0.3",
|
|
89
89
|
"@jest/core": "27.3.1",
|
|
90
90
|
"@size-limit/preset-small-lib": "5.0.1",
|
|
91
|
-
"@storybook/addon-a11y": "6.5.
|
|
92
|
-
"@storybook/addon-actions": "6.5.
|
|
93
|
-
"@storybook/addon-docs": "6.5.
|
|
94
|
-
"@storybook/addon-essentials": "6.5.
|
|
95
|
-
"@storybook/addon-jest": "6.5.
|
|
96
|
-
"@storybook/addon-links": "6.5.
|
|
97
|
-
"@storybook/addons": "6.5.
|
|
98
|
-
"@storybook/react": "6.5.
|
|
91
|
+
"@storybook/addon-a11y": "6.5.13",
|
|
92
|
+
"@storybook/addon-actions": "6.5.13",
|
|
93
|
+
"@storybook/addon-docs": "6.5.13",
|
|
94
|
+
"@storybook/addon-essentials": "6.5.13",
|
|
95
|
+
"@storybook/addon-jest": "6.5.13",
|
|
96
|
+
"@storybook/addon-links": "6.5.13",
|
|
97
|
+
"@storybook/addons": "6.5.13",
|
|
98
|
+
"@storybook/react": "6.5.13",
|
|
99
99
|
"@svgr/rollup": "6.2.1",
|
|
100
100
|
"@svgr/webpack": "5.5.0",
|
|
101
101
|
"@testing-library/jest-dom": "5.14.1",
|