@dloizides/ui-forms 1.18.0 → 1.18.1

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.
package/dist/index.d.mts CHANGED
@@ -934,7 +934,7 @@ declare const controlStyles: {
934
934
  borderWidth: number;
935
935
  borderRadius: number;
936
936
  paddingVertical: number;
937
- zIndex: number;
937
+ zIndex: 1000;
938
938
  boxShadow: string;
939
939
  elevation: number;
940
940
  overflow: "hidden";
package/dist/index.d.ts CHANGED
@@ -934,7 +934,7 @@ declare const controlStyles: {
934
934
  borderWidth: number;
935
935
  borderRadius: number;
936
936
  paddingVertical: number;
937
- zIndex: number;
937
+ zIndex: 1000;
938
938
  boxShadow: string;
939
939
  elevation: number;
940
940
  overflow: "hidden";
package/dist/index.js CHANGED
@@ -7,6 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
7
7
  var uiButtons = require('@dloizides/ui-buttons');
8
8
  var reactDom = require('react-dom');
9
9
  var a11y = require('@dloizides/a11y');
10
+ var designTokens = require('@dloizides/design-tokens');
10
11
 
11
12
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
13
 
@@ -398,7 +399,6 @@ var MENU_OPT_PAD_H = 12;
398
399
  var MENU_OPT_PAD_V = 8;
399
400
  var MENU_MIN_WIDTH = 160;
400
401
  var MENU_MAX_HEIGHT = 260;
401
- var MENU_Z = 1e3;
402
402
  var MENU_ELEVATION = 8;
403
403
  var MENU_BOX_SHADOW = "0px 2px 8px rgba(0, 0, 0, 0.15)";
404
404
  var OPTION_FONT = 14;
@@ -455,7 +455,7 @@ var controlStyles = reactNative.StyleSheet.create({
455
455
  borderWidth: INPUT_BORDER,
456
456
  borderRadius: MENU_RADIUS,
457
457
  paddingVertical: MENU_PAD_V,
458
- zIndex: MENU_Z,
458
+ zIndex: designTokens.Z_INDEX.dropdown,
459
459
  boxShadow: MENU_BOX_SHADOW,
460
460
  elevation: MENU_ELEVATION,
461
461
  overflow: "hidden"
@@ -471,7 +471,7 @@ var controlStyles = reactNative.StyleSheet.create({
471
471
  error: { fontSize: ERROR_FONT, marginTop: ERROR_GAP }
472
472
  });
473
473
  var IS_WEB3 = reactNative.Platform.OS === "web";
474
- var MENU_PORTAL_Z_INDEX = 1e3;
474
+ var MENU_PORTAL_Z_INDEX = designTokens.Z_INDEX.popover;
475
475
  var MENU_TOP_GAP2 = 4;
476
476
  function toDomNode(ref) {
477
477
  const node = ref.current;