@nypl/design-system-react-components 3.4.0-rc3 → 3.4.0-rc5

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.
@@ -37200,8 +37200,10 @@ const RA = ee({
37200
37200
  baseStyle: C2({
37201
37201
  // Set this element to start on the second 1280px grid column.
37202
37202
  gridColumn: "2",
37203
- // But this element also contains its own grid system within.
37204
- display: "grid",
37203
+ // This element also contains its own grid system within, but we use "flex"
37204
+ // for mobile to deal with overflow issues related to the Table component.
37205
+ display: { base: "flex", md: "grid" },
37206
+ flexDirection: { base: "column", md: null },
37205
37207
  gridTemplateColumns: "1fr",
37206
37208
  paddingY: 0,
37207
37209
  paddingX: "s",
@@ -37224,8 +37226,7 @@ const RA = ee({
37224
37226
  })
37225
37227
  }), JA = ee({
37226
37228
  baseStyle: C2({
37227
- gridColumn: { base: "1 / 1", md: "1 / span 2" },
37228
- display: { base: "contents", md: "unset" }
37229
+ gridColumn: { base: "1", md: "1 / span 2" }
37229
37230
  }),
37230
37231
  variants: {
37231
37232
  left: {
@@ -40,7 +40,14 @@ declare const _default: {
40
40
  TemplateContent: {
41
41
  baseStyle?: {
42
42
  gridColumn: string;
43
- display: string;
43
+ display: {
44
+ base: "flex";
45
+ md: "grid";
46
+ };
47
+ flexDirection: {
48
+ base: "column";
49
+ md: any;
50
+ };
44
51
  gridTemplateColumns: string;
45
52
  paddingY: number;
46
53
  paddingX: string;
@@ -90,13 +97,9 @@ declare const _default: {
90
97
  TemplateContentPrimary: {
91
98
  baseStyle?: {
92
99
  gridColumn: {
93
- base: "1 / 1";
100
+ base: "1";
94
101
  md: "1 / span 2";
95
102
  };
96
- display: {
97
- base: "contents";
98
- md: "unset";
99
- };
100
103
  };
101
104
  sizes?: {
102
105
  [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nypl/design-system-react-components",
3
- "version": "3.4.0-rc3",
3
+ "version": "3.4.0-rc5",
4
4
  "description": "NYPL Reservoir Design System React Components",
5
5
  "repository": {
6
6
  "type": "git",