@nypl/design-system-react-components 1.1.1 → 1.1.2

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 (18) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/components/Accordion/Accordion.d.ts +3 -0
  3. package/dist/components/Button/Button.d.ts +3 -0
  4. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +2 -0
  5. package/dist/components/Slider/Slider.d.ts +2 -0
  6. package/dist/design-system-react-components.cjs.development.js +244 -116
  7. package/dist/design-system-react-components.cjs.development.js.map +1 -1
  8. package/dist/design-system-react-components.cjs.production.min.js +1 -1
  9. package/dist/design-system-react-components.cjs.production.min.js.map +1 -1
  10. package/dist/design-system-react-components.esm.js +244 -116
  11. package/dist/design-system-react-components.esm.js.map +1 -1
  12. package/dist/theme/components/button.d.ts +24 -102
  13. package/dist/theme/components/customTable.d.ts +8 -0
  14. package/dist/theme/components/header/headerSearchButton.d.ts +1 -2
  15. package/dist/theme/components/header/headerSearchForm.d.ts +5 -0
  16. package/dist/theme/components/tooltip.d.ts +1 -0
  17. package/dist/theme/foundations/spacing.d.ts +14 -0
  18. package/package.json +1 -1
package/dist/theme/components/button.d.ts CHANGED
@@ -6,16 +6,8 @@ declare const Button: {
6
6
  cursor: string;
7
7
  color: string;
8
8
  fontWeight: string;
9
- height: string;
10
9
  justifyContent: string;
11
10
  lineHeight: string;
12
- maxHeight: string;
13
- minHeight: {
14
- base: string;
15
- md: string;
16
- };
17
- py: string;
18
- px: string;
19
11
  textDecoration: string;
20
12
  wordWrap: string;
21
13
  svg: {
@@ -35,100 +27,30 @@ declare const Button: {
35
27
  };
36
28
  };
37
29
  variants: {
38
- primary: {
39
- bg: string;
40
- height: string;
41
- fontSize: string;
42
- minWidth: string;
43
- };
44
- secondary: {
45
- bg: string;
46
- border: string;
47
- borderColor: string;
48
- color: string;
49
- fontSize: string;
50
- _hover: {
51
- bg: string;
52
- borderColor: string;
53
- };
54
- _disabled: {
55
- bg: string;
56
- };
57
- };
58
- text: {
59
- bg: string;
60
- color: string;
61
- fontSize: string;
62
- _disabled: {
63
- bg: string;
64
- };
65
- _hover: {
66
- bg: string;
67
- color: string;
68
- };
69
- };
70
- link: {
71
- bg: string;
72
- color: string;
73
- lineHeight: string;
74
- textDecoration: string;
75
- _disabled: {
76
- bg: string;
77
- };
78
- _hover: {
79
- bg: string;
80
- color: string;
81
- };
82
- };
83
- pill: {
84
- bg: string;
85
- border: string;
86
- borderColor: string;
87
- borderRadius: string;
88
- color: string;
89
- fontSize: string;
90
- py: string;
91
- px: string;
92
- _hover: {
93
- bg: string;
94
- borderColor: string;
95
- };
96
- _disabled: {
97
- bg: string;
98
- };
99
- };
100
- iconOnly: {
101
- bg: string;
102
- border: string;
103
- borderColor: string;
104
- color: string;
105
- _hover: {
106
- bg: string;
107
- borderColor: string;
108
- };
109
- paddingInlineStart: string;
110
- paddingInlineEnd: string;
111
- };
112
- callout: {
113
- bg: string;
114
- fontSize: string;
115
- _hover: {
116
- bg: string;
117
- };
118
- _active: {
119
- bg: string;
120
- };
121
- };
122
- noBrand: {
123
- bg: string;
124
- color: string;
125
- _hover: {
126
- bg: string;
127
- };
128
- height: string;
129
- fontSize: string;
130
- minWidth: string;
131
- };
30
+ primary: ({ buttonSize }: {
31
+ buttonSize?: string;
32
+ }) => any;
33
+ secondary: ({ buttonSize }: {
34
+ buttonSize?: string;
35
+ }) => any;
36
+ text: ({ buttonSize }: {
37
+ buttonSize?: string;
38
+ }) => any;
39
+ link: ({ buttonSize }: {
40
+ buttonSize?: string;
41
+ }) => any;
42
+ pill: ({ buttonSize }: {
43
+ buttonSize?: string;
44
+ }) => any;
45
+ iconOnly: ({ buttonSize }: {
46
+ buttonSize?: string;
47
+ }) => any;
48
+ callout: ({ buttonSize }: {
49
+ buttonSize?: string;
50
+ }) => any;
51
+ noBrand: ({ buttonSize }: {
52
+ buttonSize?: string;
53
+ }) => any;
132
54
  };
133
55
  defaultProps: {
134
56
  variant: string;
package/dist/theme/components/customTable.d.ts CHANGED
@@ -245,6 +245,10 @@ export declare const baseStyle: ({ columnHeadersBackgroundColor, columnHeadersTe
245
245
  base: string;
246
246
  md: string;
247
247
  };
248
+ verticalAlign: string;
249
+ };
250
+ td: {
251
+ verticalAlign: string;
248
252
  };
249
253
  };
250
254
  thead: {
@@ -437,6 +441,10 @@ declare const CustomTable: {
437
441
  base: string;
438
442
  md: string;
439
443
  };
444
+ verticalAlign: string;
445
+ };
446
+ td: {
447
+ verticalAlign: string;
440
448
  };
441
449
  };
442
450
  thead: {
package/dist/theme/components/header/headerSearchButton.d.ts CHANGED
@@ -14,7 +14,6 @@ declare const HeaderSearchButton: {
14
14
  minWidth: {
15
15
  md: string;
16
16
  };
17
- px: string;
18
17
  textDecoration: string;
19
18
  span: {
20
19
  alignItems: string;
@@ -29,7 +28,7 @@ declare const HeaderSearchButton: {
29
28
  base: string;
30
29
  md: string;
31
30
  };
32
- color: {
31
+ fill: {
33
32
  base: string;
34
33
  md: string;
35
34
  };
package/dist/theme/components/header/headerSearchForm.d.ts CHANGED
@@ -94,11 +94,15 @@ declare const HeaderSearchForm: {
94
94
  desktopSearchBtn: {
95
95
  alignSelf: string;
96
96
  backgroundColor: string;
97
+ borderColor: string;
97
98
  borderRadius: string;
98
99
  borderWidth: string;
99
100
  height: string;
100
101
  maxHeight: string;
101
102
  width: string;
103
+ svg: {
104
+ marginTop: string;
105
+ };
102
106
  _focus: {
103
107
  borderRadius: string;
104
108
  outlineColor: string;
@@ -147,6 +151,7 @@ declare const HeaderSearchForm: {
147
151
  display: string;
148
152
  fontSize: string;
149
153
  flex: string;
154
+ justifyContent: string;
150
155
  padding: string;
151
156
  svg: {
152
157
  fill: string;
package/dist/theme/components/tooltip.d.ts CHANGED
@@ -2,6 +2,7 @@ declare const Tooltip: {
2
2
  baseStyle: {
3
3
  [x: string]: string;
4
4
  borderRadius: string;
5
+ boxShadow: string;
5
6
  color: string;
6
7
  fontSize: string;
7
8
  marginBottom: string;
package/dist/theme/foundations/spacing.d.ts CHANGED
@@ -8,6 +8,20 @@ export declare const spacing: {
8
8
  xl: string;
9
9
  xxl: string;
10
10
  xxxl: string;
11
+ button: {
12
+ small: {
13
+ px: string;
14
+ py: string;
15
+ };
16
+ medium: {
17
+ px: string;
18
+ py: string;
19
+ };
20
+ large: {
21
+ px: string;
22
+ py: string;
23
+ };
24
+ };
11
25
  input: {
12
26
  group: {
13
27
  button: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nypl/design-system-react-components",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "NYPL Reservoir Design System React Components",
5
5
  "repository": {
6
6
  "type": "git",