musae 1.3.1-beta.17 → 1.3.1-beta.18

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 (9) hide show
  1. package/dist/components/popper/dropdown.cjs +2 -1
  2. package/dist/components/popper/dropdown.mjs +2 -1
  3. package/dist/components/popper/hooks.cjs +2 -2
  4. package/dist/components/popper/hooks.mjs +3 -3
  5. package/dist/components/popper/styles.cjs +1 -1
  6. package/dist/components/popper/styles.d.ts +1 -1
  7. package/dist/components/popper/styles.mjs +1 -1
  8. package/dist/styles.css +4 -0
  9. package/package.json +2 -2
package/dist/components/popper/dropdown.cjs CHANGED
@@ -13,6 +13,7 @@ var hooks = require('./hooks.cjs');
13
13
  var dom = require('@aiszlab/relax/dom');
14
14
  var context = require('./context.cjs');
15
15
  var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
16
+ var tokens_stylex = require('../theme/tokens.stylex.cjs');
16
17
 
17
18
  var _excluded = ["open", "children", "placement", "style", "className", "onEnter", "onExit", "onExited", "onEntered", "trigger", "offset", "overlay", "arrow", "disappearable", "elevation", "portalClassName", "portalStyle"];
18
19
  var Dropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -39,7 +40,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
39
40
  portalStyle = _ref.portalStyle,
40
41
  props = _objectWithoutProperties(_ref, _excluded);
41
42
  var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
42
- var themeColorVars = useThemeColorVars.useThemeColorVars(["surface"]);
43
+ var themeColorVars = useThemeColorVars.useThemeColorVars(["surface", ["shadow", tokens_stylex.OPACITY.thicker], ["shadow", tokens_stylex.OPACITY.thick], ["shadow", tokens_stylex.OPACITY.medium]]);
43
44
  var _useFloating = hooks.useFloating({
44
45
  arrowable: arrowable,
45
46
  offset: offset,
package/dist/components/popper/dropdown.mjs CHANGED
@@ -9,6 +9,7 @@ import { useFloating } from './hooks.mjs';
9
9
  import { contains } from '@aiszlab/relax/dom';
10
10
  import { CLASS_NAMES } from './context.mjs';
11
11
  import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
12
+ import { OPACITY } from '../theme/tokens.stylex.mjs';
12
13
 
13
14
  var _excluded = ["open", "children", "placement", "style", "className", "onEnter", "onExit", "onExited", "onEntered", "trigger", "offset", "overlay", "arrow", "disappearable", "elevation", "portalClassName", "portalStyle"];
14
15
  var Dropdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -35,7 +36,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
35
36
  portalStyle = _ref.portalStyle,
36
37
  props$1 = _objectWithoutProperties(_ref, _excluded);
37
38
  var classNames = useClassNames(CLASS_NAMES);
38
- var themeColorVars = useThemeColorVars(["surface"]);
39
+ var themeColorVars = useThemeColorVars(["surface", ["shadow", OPACITY.thicker], ["shadow", OPACITY.thick], ["shadow", OPACITY.medium]]);
39
40
  var _useFloating = useFloating({
40
41
  arrowable: arrowable,
41
42
  offset: offset,
package/dist/components/popper/hooks.cjs CHANGED
@@ -141,7 +141,7 @@ var useFloating = function useFloating(_ref2) {
141
141
  }, _callee2);
142
142
  })));
143
143
  // memorized offsets
144
- useOffsets({
144
+ var offsets = useOffsets({
145
145
  offset: _offset,
146
146
  arrowable: arrowable
147
147
  });
@@ -153,7 +153,7 @@ var useFloating = function useFloating(_ref2) {
153
153
  var cleanup = dom.autoUpdate(trigger, _floatable, function () {
154
154
  dom.computePosition(trigger, _floatable, {
155
155
  placement: placement,
156
- middleware: [dom.flip(), dom.shift(), arrowable && !!arrowRef.current && dom.arrow({
156
+ middleware: [dom.offset(offsets), dom.flip(), dom.shift(), arrowable && !!arrowRef.current && dom.arrow({
157
157
  element: arrowRef.current,
158
158
  padding: 16
159
159
  })]
package/dist/components/popper/hooks.mjs CHANGED
@@ -4,7 +4,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
4
4
  import { useRef, useEffect, useMemo } from 'react';
5
5
  import { animate } from 'motion/react';
6
6
  import { isFunction, useEvent } from '@aiszlab/relax';
7
- import { autoUpdate, computePosition, flip, shift, arrow } from '@floating-ui/dom';
7
+ import { autoUpdate, computePosition, offset, flip, shift, arrow } from '@floating-ui/dom';
8
8
 
9
9
  /**
10
10
  * @description
@@ -139,7 +139,7 @@ var useFloating = function useFloating(_ref2) {
139
139
  }, _callee2);
140
140
  })));
141
141
  // memorized offsets
142
- useOffsets({
142
+ var offsets = useOffsets({
143
143
  offset: _offset,
144
144
  arrowable: arrowable
145
145
  });
@@ -151,7 +151,7 @@ var useFloating = function useFloating(_ref2) {
151
151
  var cleanup = autoUpdate(trigger, _floatable, function () {
152
152
  computePosition(trigger, _floatable, {
153
153
  placement: placement,
154
- middleware: [flip(), shift(), arrowable && !!arrowRef.current && arrow({
154
+ middleware: [offset(offsets), flip(), shift(), arrowable && !!arrowRef.current && arrow({
155
155
  element: arrowRef.current,
156
156
  padding: 16
157
157
  })]
package/dist/components/popper/styles.cjs CHANGED
@@ -32,7 +32,7 @@ var dropdown = {
32
32
  $$css: true
33
33
  },
34
34
  elevation: {
35
- kGVxlE: "musaex-16g3oyh",
35
+ ku685b: "musaex-qmh4cb",
36
36
  $$css: true
37
37
  }
38
38
  };
package/dist/components/popper/styles.d.ts CHANGED
@@ -26,7 +26,7 @@ declare const styles: {
26
26
  readonly opacity: import("@stylexjs/stylex").StyleXClassNameFor<"opacity", 0>;
27
27
  }>;
28
28
  readonly elevation: Readonly<{
29
- readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", string>;
29
+ readonly filter: import("@stylexjs/stylex").StyleXClassNameFor<"filter", "drop-shadow(0 3px 3px var(--color-shadow-opacity-20))\n drop-shadow(0 3px 4px var(--color-shadow-opacity-16))\n drop-shadow(0 1px 8px var(--color-shadow-opacity-12))">;
30
30
  }>;
31
31
  }>;
32
32
  arrow: Readonly<{
package/dist/components/popper/styles.mjs CHANGED
@@ -28,7 +28,7 @@ var dropdown = {
28
28
  $$css: true
29
29
  },
30
30
  elevation: {
31
- kGVxlE: "musaex-16g3oyh",
31
+ ku685b: "musaex-qmh4cb",
32
32
  $$css: true
33
33
  }
34
34
  };
package/dist/styles.css CHANGED
@@ -1044,6 +1044,10 @@
1044
1044
  fill: none;
1045
1045
  }
1046
1046
 
1047
+ .musaex-qmh4cb {
1048
+ filter: drop-shadow(0 3px 3px var(--color-shadow-opacity-20)) drop-shadow(0 3px 4px var(--color-shadow-opacity-16)) drop-shadow(0 1px 8px var(--color-shadow-opacity-12));
1049
+ }
1050
+
1047
1051
  .musaex-1t1x2f9 {
1048
1052
  flex-basis: 0%;
1049
1053
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "musae",
3
- "version": "1.3.1-beta.17",
3
+ "version": "1.3.1-beta.18",
4
4
  "description": "musae-ui",
5
5
  "author": "tutu@fantufantu.com",
6
6
  "license": "MIT",
@@ -51,7 +51,7 @@
51
51
  },
52
52
  "dependencies": {
53
53
  "@aiszlab/fuzzy": "^2.1.1",
54
- "@aiszlab/relax": "2.1.3-beta.10",
54
+ "@aiszlab/relax": "2.1.3-beta.13",
55
55
  "@babel/runtime": "^7.28.6",
56
56
  "@floating-ui/dom": "^1.7.5",
57
57
  "@lexical/code": "^0.40.0",