@nypl/design-system-react-components 1.0.5 → 1.0.8

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 (75) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/dist/components/Accordion/Accordion.d.ts +7 -2
  3. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
  4. package/dist/components/Button/Button.d.ts +4 -2
  5. package/dist/components/ButtonGroup/ButtonGroup.d.ts +4 -2
  6. package/dist/components/Card/Card.d.ts +7 -3
  7. package/dist/components/Checkbox/Checkbox.d.ts +1 -1
  8. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +2 -2
  9. package/dist/components/ComponentWrapper/ComponentWrapper.d.ts +4 -2
  10. package/dist/components/Fieldset/Fieldset.d.ts +3 -1
  11. package/dist/components/Form/Form.d.ts +4 -2
  12. package/dist/components/Grid/SimpleGrid.d.ts +4 -2
  13. package/dist/components/Heading/Heading.d.ts +4 -2
  14. package/dist/components/HelperErrorText/HelperErrorText.d.ts +2 -2
  15. package/dist/components/Hero/Hero.d.ts +4 -2
  16. package/dist/components/HorizontalRule/HorizontalRule.d.ts +2 -2
  17. package/dist/components/Icons/Icon.d.ts +5 -3
  18. package/dist/components/Icons/IconSvgs.d.ts +8 -0
  19. package/dist/components/Image/Image.d.ts +8 -4
  20. package/dist/components/Label/Label.d.ts +4 -2
  21. package/dist/components/Link/Link.d.ts +2 -2
  22. package/dist/components/List/List.d.ts +4 -2
  23. package/dist/components/Logo/Logo.d.ts +4 -2
  24. package/dist/components/Modal/Modal.d.ts +4 -2
  25. package/dist/components/Notification/Notification.d.ts +1 -1
  26. package/dist/components/Pagination/Pagination.d.ts +2 -2
  27. package/dist/components/ProgressIndicator/ProgressIndicator.d.ts +2 -2
  28. package/dist/components/Radio/Radio.d.ts +1 -1
  29. package/dist/components/RadioGroup/RadioGroup.d.ts +2 -2
  30. package/dist/components/SearchBar/SearchBar.d.ts +8 -3
  31. package/dist/components/SkeletonLoader/SkeletonLoader.d.ts +4 -2
  32. package/dist/components/SkipNavigation/SkipNavigation.d.ts +4 -2
  33. package/dist/components/Slider/Slider.d.ts +4 -2
  34. package/dist/components/StatusBadge/StatusBadge.d.ts +4 -2
  35. package/dist/components/StructuredContent/StructuredContent.d.ts +4 -2
  36. package/dist/components/StyleGuide/ColorCard.d.ts +22 -18
  37. package/dist/components/Table/Table.d.ts +4 -2
  38. package/dist/components/Tabs/Tabs.d.ts +4 -2
  39. package/dist/components/Template/Template.d.ts +21 -7
  40. package/dist/components/Text/Text.d.ts +4 -2
  41. package/dist/components/TextInput/TextInput.d.ts +1 -1
  42. package/dist/components/Toggle/Toggle.d.ts +1 -1
  43. package/dist/components/VideoPlayer/VideoPlayer.d.ts +4 -2
  44. package/dist/design-system-react-components.cjs.development.js +2370 -1880
  45. package/dist/design-system-react-components.cjs.development.js.map +1 -1
  46. package/dist/design-system-react-components.cjs.production.min.js +1 -1
  47. package/dist/design-system-react-components.cjs.production.min.js.map +1 -1
  48. package/dist/design-system-react-components.esm.js +2371 -1881
  49. package/dist/design-system-react-components.esm.js.map +1 -1
  50. package/dist/hooks/useCarouselStyles.d.ts +1 -1
  51. package/dist/hooks/useNYPLTheme.d.ts +1 -0
  52. package/dist/styles.css +1 -1
  53. package/dist/theme/components/breadcrumb.d.ts +3 -3
  54. package/dist/theme/components/card.d.ts +4 -4
  55. package/dist/theme/components/checkbox.d.ts +2 -2
  56. package/dist/theme/components/customTable.d.ts +43 -43
  57. package/dist/theme/components/global.d.ts +2 -2
  58. package/dist/theme/components/globalMixins.d.ts +1 -4
  59. package/dist/theme/components/heading.d.ts +30 -30
  60. package/dist/theme/components/hero.d.ts +163 -119
  61. package/dist/theme/components/horizontalRule.d.ts +2 -2
  62. package/dist/theme/components/icon.d.ts +4762 -4762
  63. package/dist/theme/components/image.d.ts +42 -42
  64. package/dist/theme/components/list.d.ts +13 -13
  65. package/dist/theme/components/notification.d.ts +4 -4
  66. package/dist/theme/components/radio.d.ts +2 -2
  67. package/dist/theme/components/select.d.ts +2 -2
  68. package/dist/theme/components/skeletonLoader.d.ts +1 -1
  69. package/dist/theme/components/skipNavigation.d.ts +2 -2
  70. package/dist/theme/components/slider.d.ts +6 -6
  71. package/dist/theme/components/structuredContent.d.ts +33 -33
  72. package/dist/theme/components/tabs.d.ts +9 -9
  73. package/dist/theme/components/template.d.ts +33 -58
  74. package/dist/theme/components/toggle.d.ts +2 -2
  75. package/package.json +13 -14
package/dist/theme/components/tabs.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const CustomTabs: {
7
7
  tab: {
8
8
  color: string;
9
9
  paddingInlineStart: string;
10
- paddingLeft: string;
10
+ paddingStart: string;
11
11
  background: string;
12
12
  border: string;
13
13
  borderBottom: string;
@@ -15,11 +15,11 @@ declare const CustomTabs: {
15
15
  height: {
16
16
  base: string;
17
17
  };
18
- marginRight: {
18
+ marginEnd: {
19
19
  base: string;
20
20
  md: string;
21
21
  };
22
- paddingRight: {
22
+ paddingEnd: {
23
23
  base: string;
24
24
  md: string;
25
25
  lg: string;
@@ -53,8 +53,8 @@ declare const CustomTabs: {
53
53
  height: string;
54
54
  width: string;
55
55
  top: string;
56
- marginLeft: string;
57
- marginRight: string;
56
+ marginStart: string;
57
+ marginEnd: string;
58
58
  pos: string;
59
59
  transition: string;
60
60
  zIndex: string;
@@ -79,11 +79,11 @@ declare const CustomTabs: {
79
79
  base: string;
80
80
  md: string;
81
81
  };
82
- paddingLeft: {
82
+ paddingStart: {
83
83
  base: string;
84
84
  md: string;
85
85
  };
86
- paddingRight: {
86
+ paddingEnd: {
87
87
  base: string;
88
88
  md: string;
89
89
  };
@@ -109,11 +109,11 @@ declare const CustomTabs: {
109
109
  base: string;
110
110
  md: string;
111
111
  };
112
- paddingLeft: {
112
+ paddingStart: {
113
113
  base: string;
114
114
  md: string;
115
115
  };
116
- paddingRight: string;
116
+ paddingEnd: string;
117
117
  paddingTop: {
118
118
  base: string;
119
119
  md: string;
package/dist/theme/components/template.d.ts CHANGED
@@ -1,75 +1,63 @@
1
+ /**
2
+ * Grid layout based on https://www.joshwcomeau.com/css/full-bleed/
3
+ */
1
4
  declare const _default: {
2
5
  Template: {
3
6
  baseStyle: {
4
7
  boxSizing: string;
5
8
  color: string;
6
- overflowX: string;
7
- "*": {
8
- boxSizing: string;
9
- };
10
- "*::after": {
11
- boxSizing: string;
12
- };
13
- "*::before": {
14
- boxSizing: string;
15
- };
9
+ display: string;
10
+ gridTemplateColumns: string;
11
+ rowGap: string;
16
12
  };
17
13
  sizes: {};
18
14
  defaultProps: {};
19
15
  };
20
- TemplateHeader: {
21
- baseStyle: {
22
- marginBottom: string;
23
- };
24
- };
25
16
  TemplateBreakout: {
26
17
  baseStyle: {
27
18
  width: string;
28
- marginBottom: string;
29
- marginLeft: string;
30
- marginRight: string;
19
+ gridColumn: string;
31
20
  };
32
21
  };
33
22
  TemplateContent: {
34
23
  baseStyle: {
24
+ gridColumn: string;
35
25
  display: string;
36
- marginBottom: string;
37
- marginY: number;
38
- marginX: string;
39
- maxWidth: string;
40
- paddingTop: number;
41
- paddingBottom: number;
42
- paddingRight: string;
43
- paddingLeft: string;
44
- width: string;
26
+ gridTemplateColumns: string;
27
+ paddingY: number;
28
+ paddingX: string;
29
+ gap: string;
45
30
  };
46
31
  variants: {
47
- sidebar: {
48
- display: string;
49
- flexFlow: {
50
- base: string;
32
+ left: {
33
+ gridTemplateColumns: {
34
+ md: string;
35
+ };
36
+ };
37
+ right: {
38
+ gridTemplateColumns: {
51
39
  md: string;
52
40
  };
53
41
  };
54
42
  };
55
43
  };
56
- TemplateContentTop: {
44
+ TemplateContentTopBottom: {
57
45
  baseStyle: {
58
- flex: string;
59
- marginBottom: string;
46
+ gridColumn: {
47
+ base: string;
48
+ md: string;
49
+ };
50
+ height: string;
60
51
  };
61
52
  };
62
53
  TemplateContentPrimary: {
63
- baseStyle: {
64
- flex: string;
65
- marginBottom: string;
66
- };
67
54
  variants: {
68
55
  left: {
69
- display: string;
70
- flexFlow: string;
71
- order: string;
72
- marginRight: {
56
+ gridColumn: {
57
+ base: string;
58
+ md: string;
59
+ };
60
+ marginEnd: {
73
61
  md: number;
74
62
  };
75
63
  minWidth: {
@@ -79,26 +67,13 @@ declare const _default: {
79
67
  };
80
68
  };
81
69
  TemplateContentSidebar: {
82
- baseStyle: {
83
- flex: {
84
- base: string;
85
- md: string;
86
- };
87
- order: {
88
- md: string;
89
- };
90
- marginBottom: string;
91
- };
92
70
  variants: {
93
71
  left: {
94
- marginRight: {
95
- base: number;
96
- md: string;
97
- };
72
+ gridColumn: string;
98
73
  };
99
74
  right: {
100
- marginLeft: {
101
- base: number;
75
+ gridColumn: {
76
+ base: string;
102
77
  md: string;
103
78
  };
104
79
  };
package/dist/theme/components/toggle.d.ts CHANGED
@@ -13,7 +13,7 @@ declare const _default: {
13
13
  width: string;
14
14
  };
15
15
  helperErrorText: {
16
- marginLeft: string;
16
+ marginStart: string;
17
17
  fontStyle: string;
18
18
  };
19
19
  };
@@ -60,7 +60,7 @@ declare const _default: {
60
60
  };
61
61
  label: {
62
62
  fontSize: string;
63
- marginLeft: string;
63
+ marginStart: string;
64
64
  marginTop: string;
65
65
  _disabled: {
66
66
  color: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nypl/design-system-react-components",
3
- "version": "1.0.5",
3
+ "version": "1.0.8",
4
4
  "description": "NYPL Reservoir Design System React Components",
5
5
  "repository": {
6
6
  "type": "git",
@@ -80,17 +80,17 @@
80
80
  "devDependencies": {
81
81
  "@babel/core": "7.14.6",
82
82
  "@chakra-ui/storybook-addon": "1.0.3",
83
- "@mdx-js/react": "1.6.22",
83
+ "@jest/core": "27.3.1",
84
84
  "@size-limit/preset-small-lib": "5.0.1",
85
- "@storybook/addon-a11y": "6.5.7",
86
- "@storybook/addon-actions": "6.5.7",
87
- "@storybook/addon-docs": "6.5.7",
88
- "@storybook/addon-essentials": "6.5.7",
89
- "@storybook/addon-jest": "6.5.7",
90
- "@storybook/addon-links": "6.5.7",
91
- "@storybook/addons": "6.5.7",
92
- "@storybook/react": "6.5.7",
93
- "@svgr/rollup": "5.5.0",
85
+ "@storybook/addon-a11y": "6.5.9",
86
+ "@storybook/addon-actions": "6.5.9",
87
+ "@storybook/addon-docs": "6.5.9",
88
+ "@storybook/addon-essentials": "6.5.9",
89
+ "@storybook/addon-jest": "6.5.9",
90
+ "@storybook/addon-links": "6.5.9",
91
+ "@storybook/addons": "6.5.9",
92
+ "@storybook/react": "6.5.9",
93
+ "@svgr/rollup": "6.2.1",
94
94
  "@svgr/webpack": "5.5.0",
95
95
  "@testing-library/jest-dom": "5.14.1",
96
96
  "@testing-library/react": "12.0.0",
@@ -98,14 +98,13 @@
98
98
  "@testing-library/user-event": "13.2.1",
99
99
  "@types/jest": "26.0.20",
100
100
  "@types/jest-axe": "3.5.3",
101
- "@types/jsdom": "12.2.4",
101
+ "@types/jsdom": "16.2.4",
102
102
  "@types/node": "12.7.12",
103
103
  "@types/react": "16.14.21",
104
104
  "@types/testing-library__jest-dom": "5.14.1",
105
105
  "@typescript-eslint/eslint-plugin": "4.33.0",
106
106
  "@typescript-eslint/parser": "4.33.0",
107
107
  "autoprefixer": "9.8.8",
108
- "babel-loader": "8.2.2",
109
108
  "breakpoint-sass": "2.7.1",
110
109
  "css-loader": "5.2.7",
111
110
  "cssnano": "5.0.7",
@@ -120,7 +119,7 @@
120
119
  "import-glob-loader": "1.1.0",
121
120
  "jest": "27.3.1",
122
121
  "jest-axe": "5.0.1",
123
- "jsdom": "15.2.1",
122
+ "jsdom": "16.5.0",
124
123
  "lint-staged": "10.5.4",
125
124
  "node-sass-glob-importer": "5.3.2",
126
125
  "normalize.css": "8.0.1",