@nypl/design-system-react-components 4.0.0 → 4.0.1-rc

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 (36) hide show
  1. package/dist/design-system-react-components.cjs +39 -39
  2. package/dist/design-system-react-components.js +3982 -3988
  3. package/dist/src/theme/components/breadcrumb.d.ts +11 -3
  4. package/dist/src/theme/components/global.d.ts +18 -1
  5. package/dist/src/theme/components/hero.d.ts +5 -1
  6. package/dist/src/theme/components/subnav.d.ts +2 -1
  7. package/dist/src/theme/components/template.d.ts +12 -20
  8. package/dist/template/templateChildBreakout.png +0 -0
  9. package/dist/template/templateChildContent.png +0 -0
  10. package/dist/template/templateChildFullContent.png +0 -0
  11. package/dist/template/templateChildFullContentBottom.png +0 -0
  12. package/dist/template/templateChildFullContentTop.png +0 -0
  13. package/dist/template/templateChildFullFooter.png +0 -0
  14. package/dist/template/templateChildFullHeader.png +0 -0
  15. package/dist/template/templateChildFullInside.png +0 -0
  16. package/dist/template/templateChildFullOutside.png +0 -0
  17. package/dist/template/templateChildSidebar.png +0 -0
  18. package/dist/template/templateFluidColumns1.png +0 -0
  19. package/dist/template/templateFluidColumns2.png +0 -0
  20. package/dist/template/templateFluidColumns3.png +0 -0
  21. package/dist/template/templateFluidColumns4.png +0 -0
  22. package/dist/template/templateFullPageLayout.png +0 -0
  23. package/dist/template/templateRegions.png +0 -0
  24. package/dist/template/templateRegionsFooter.png +0 -0
  25. package/dist/template/templateRegionsHeader.png +0 -0
  26. package/dist/template/templateRegionsMain.png +0 -0
  27. package/dist/template/templateSidebarNone.png +0 -0
  28. package/dist/template/templateVariantFull.png +0 -0
  29. package/dist/template/templateVariantNarrow.png +0 -0
  30. package/dist/template/templateVariantSidebarLeft.png +0 -0
  31. package/dist/template/templateVariantSidebarRight.png +0 -0
  32. package/package.json +1 -1
  33. package/dist/template/templateSectionBreakout.png +0 -0
  34. package/dist/template/templateSectionContent.png +0 -0
  35. package/dist/template/templateSectionFull.png +0 -0
  36. package/dist/template/templateSectionSidebar.png +0 -0
package/dist/src/theme/components/breadcrumb.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  declare const Breadcrumb: {
2
- baseStyle?: {
2
+ baseStyle?: () => {
3
3
  bg: string;
4
4
  color: string;
5
5
  fontSize: string;
@@ -21,8 +21,16 @@ declare const Breadcrumb: {
21
21
  };
22
22
  margin: string;
23
23
  maxWidth: string;
24
- paddingStart: string;
25
- paddingEnd: string;
24
+ paddingStart: {
25
+ base: string;
26
+ md: string;
27
+ xl: string;
28
+ };
29
+ paddingEnd: {
30
+ base: string;
31
+ md: string;
32
+ xl: string;
33
+ };
26
34
  };
27
35
  a: {
28
36
  _visited: {
package/dist/src/theme/components/global.d.ts CHANGED
@@ -148,4 +148,21 @@ declare const textMargin: {
148
148
  margin: string;
149
149
  marginBottom: string;
150
150
  };
151
- export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperErrorTextStyle, checkboxRadioHoverStyles, checkboxRadioLabelStyles, customFocusColor, defaultElementSizes, labelLegendText, selectTextInputDisabledStyles, selectTextInputFocusStyles, textMargin, };
151
+ declare const responsiveSpacing: {
152
+ gridGap: {
153
+ base: string;
154
+ md: string;
155
+ xl: string;
156
+ };
157
+ margin: {
158
+ base: string;
159
+ md: string;
160
+ xl: string;
161
+ };
162
+ padding: {
163
+ base: string;
164
+ md: string;
165
+ xl: string;
166
+ };
167
+ };
168
+ export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperErrorTextStyle, checkboxRadioHoverStyles, checkboxRadioLabelStyles, customFocusColor, defaultElementSizes, labelLegendText, responsiveSpacing, selectTextInputDisabledStyles, selectTextInputFocusStyles, textMargin, };
package/dist/src/theme/components/hero.d.ts CHANGED
@@ -503,7 +503,11 @@ declare const Hero: {
503
503
  color: any;
504
504
  display: string;
505
505
  flexFlow: string;
506
- px: string;
506
+ px: {
507
+ base: string;
508
+ md: string;
509
+ xl: string;
510
+ };
507
511
  py: {
508
512
  base: "inset.default";
509
513
  xl: "inset.wide";
package/dist/src/theme/components/subnav.d.ts CHANGED
@@ -35,7 +35,8 @@ declare const SubNav: {
35
35
  maxWidth: string;
36
36
  px: {
37
37
  base: "0";
38
- md: "xs";
38
+ md: "s";
39
+ xl: "xs";
39
40
  };
40
41
  width: string;
41
42
  };
package/dist/src/theme/components/template.d.ts CHANGED
@@ -4,28 +4,13 @@ declare const _default: {
4
4
  boxSizing: string;
5
5
  color: string;
6
6
  display: string;
7
- maxWidth: string;
8
- minWidth: string;
9
- m: string;
10
- px: {
7
+ gap: {
11
8
  base: string;
12
9
  md: string;
13
10
  xl: string;
14
11
  };
15
- gridTemplateColumns: string;
16
- gridTemplateRows: string;
17
- columnGap: {
18
- base: string;
19
- md: string;
20
- xl: string;
21
- };
22
- "& > *:not(:last-child)": {
23
- mb: {
24
- base: string;
25
- md: string;
26
- xl: string;
27
- };
28
- };
12
+ flexDirection: string;
13
+ minWidth: string;
29
14
  /** The "content" area should span the full width of the content area from
30
15
  * a mobile-first viewpoint. Using -1 for the "last column" value ensures
31
16
  * that these elements span all columns in the grid. CSS classes were used
@@ -128,15 +113,22 @@ declare const _default: {
128
113
  };
129
114
  TemplateMain: {
130
115
  baseStyle?: () => {
131
- display: string;
132
116
  columnGap: {
133
117
  base: string;
134
118
  md: string;
135
119
  xl: string;
136
120
  };
137
- gridColumn: string;
121
+ display: string;
138
122
  gridTemplateColumns: string;
139
123
  gridTemplateRows: string;
124
+ m: string;
125
+ maxWidth: string;
126
+ px: {
127
+ base: string;
128
+ md: string;
129
+ xl: string;
130
+ };
131
+ width: string;
140
132
  "& > *:not(:last-child)": {
141
133
  mb: {
142
134
  base: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nypl/design-system-react-components",
3
- "version": "4.0.0",
3
+ "version": "4.0.1-rc",
4
4
  "description": "NYPL Reservoir Design System React Components",
5
5
  "repository": {
6
6
  "type": "git",