@uniformdev/design-system 18.28.0 → 18.29.0

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 (4) hide show
  1. package/dist/esm/index.js +24 -14
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +24 -14
  4. package/package.json +3 -3
package/dist/esm/index.js CHANGED
@@ -11302,8 +11302,7 @@ var drawerHeaderStyles = css27`
11302
11302
  font-weight: var(--fw-bold);
11303
11303
  padding-inline: var(--spacing-base);
11304
11304
  `;
11305
- var drawerRendererStyles = (position) => css27`
11306
- position: ${position};
11305
+ var drawerRendererStyles = css27`
11307
11306
  inset: 0;
11308
11307
  overflow: hidden;
11309
11308
  z-index: 40;
@@ -11439,19 +11438,30 @@ var DrawerRenderer = ({
11439
11438
  if (drawersToRender.length === 0) {
11440
11439
  return null;
11441
11440
  }
11442
- return /* @__PURE__ */ jsx31(CurrentDrawerRendererContext.Provider, { value: { stackId }, children: /* @__PURE__ */ jsx31("div", { css: drawerRendererStyles(position), ...otherProps, children: drawersToRender.map(({ component, id, stackId: stackId2, onRequestClose }, index) => /* @__PURE__ */ jsx31(
11443
- DrawerWrapper,
11441
+ return /* @__PURE__ */ jsx31(CurrentDrawerRendererContext.Provider, { value: { stackId }, children: /* @__PURE__ */ jsx31(
11442
+ "div",
11444
11443
  {
11445
- index,
11446
- totalDrawers: drawersToRender.length,
11447
- width,
11448
- minWidth,
11449
- maxWidth,
11450
- onOverlayClick: onRequestClose,
11451
- children: component
11452
- },
11453
- `${stackId2}-${id}`
11454
- )) }) });
11444
+ css: [
11445
+ drawerRendererStyles,
11446
+ { position },
11447
+ position === "sticky" ? { height: "100%", marginTop: "-100%" } : void 0
11448
+ ],
11449
+ ...otherProps,
11450
+ children: drawersToRender.map(({ component, id, stackId: stackId2, onRequestClose }, index) => /* @__PURE__ */ jsx31(
11451
+ DrawerWrapper,
11452
+ {
11453
+ index,
11454
+ totalDrawers: drawersToRender.length,
11455
+ width,
11456
+ minWidth,
11457
+ maxWidth,
11458
+ onOverlayClick: onRequestClose,
11459
+ children: component
11460
+ },
11461
+ `${stackId2}-${id}`
11462
+ ))
11463
+ }
11464
+ ) });
11455
11465
  };
11456
11466
  var DrawerWrapper = ({
11457
11467
  index,
package/dist/index.d.ts CHANGED
@@ -20415,7 +20415,7 @@ interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDiv
20415
20415
  /** Sets the css position value
20416
20416
  * @default 'absolute'
20417
20417
  */
20418
- position?: 'absolute' | 'fixed';
20418
+ position?: 'absolute' | 'fixed' | 'sticky';
20419
20419
  }
20420
20420
  declare const useCurrentDrawerRenderer: () => {
20421
20421
  stackId?: string | undefined;
package/dist/index.js CHANGED
@@ -11485,8 +11485,7 @@ var drawerHeaderStyles = import_react34.css`
11485
11485
  font-weight: var(--fw-bold);
11486
11486
  padding-inline: var(--spacing-base);
11487
11487
  `;
11488
- var drawerRendererStyles = (position) => import_react34.css`
11489
- position: ${position};
11488
+ var drawerRendererStyles = import_react34.css`
11490
11489
  inset: 0;
11491
11490
  overflow: hidden;
11492
11491
  z-index: 40;
@@ -11622,19 +11621,30 @@ var DrawerRenderer = ({
11622
11621
  if (drawersToRender.length === 0) {
11623
11622
  return null;
11624
11623
  }
11625
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CurrentDrawerRendererContext.Provider, { value: { stackId }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { css: drawerRendererStyles(position), ...otherProps, children: drawersToRender.map(({ component, id, stackId: stackId2, onRequestClose }, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
11626
- DrawerWrapper,
11624
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CurrentDrawerRendererContext.Provider, { value: { stackId }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
11625
+ "div",
11627
11626
  {
11628
- index,
11629
- totalDrawers: drawersToRender.length,
11630
- width,
11631
- minWidth,
11632
- maxWidth,
11633
- onOverlayClick: onRequestClose,
11634
- children: component
11635
- },
11636
- `${stackId2}-${id}`
11637
- )) }) });
11627
+ css: [
11628
+ drawerRendererStyles,
11629
+ { position },
11630
+ position === "sticky" ? { height: "100%", marginTop: "-100%" } : void 0
11631
+ ],
11632
+ ...otherProps,
11633
+ children: drawersToRender.map(({ component, id, stackId: stackId2, onRequestClose }, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
11634
+ DrawerWrapper,
11635
+ {
11636
+ index,
11637
+ totalDrawers: drawersToRender.length,
11638
+ width,
11639
+ minWidth,
11640
+ maxWidth,
11641
+ onOverlayClick: onRequestClose,
11642
+ children: component
11643
+ },
11644
+ `${stackId2}-${id}`
11645
+ ))
11646
+ }
11647
+ ) });
11638
11648
  };
11639
11649
  var DrawerWrapper = ({
11640
11650
  index,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "18.28.0",
3
+ "version": "18.29.0",
4
4
  "description": "Uniform design system components",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -39,7 +39,7 @@
39
39
  "react-hotkeys-hook": "4.3.8",
40
40
  "react-icons": "4.8.0",
41
41
  "react-paginate": "8.1.4",
42
- "react-select": "5.7.0",
42
+ "react-select": "5.7.2",
43
43
  "react-use": "17.4.0",
44
44
  "reakit": "1.3.11",
45
45
  "zod-to-json-schema": "3.20.4"
@@ -54,5 +54,5 @@
54
54
  "publishConfig": {
55
55
  "access": "public"
56
56
  },
57
- "gitHead": "97d916ca20965e8a86d2454847114068895ccddd"
57
+ "gitHead": "6f1bd112312b3a261b71cd94ea3e74151fc5b0d2"
58
58
  }