@react-fabric/core 1.0.0-beta.0 → 1.0.0-beta.1

package/dist/cjs/components/dropdown/Dropdown.js

@@ -139,7 +139,7 @@ var DropdownElement = function DropdownElement(_ref) {
         })), {}, {
           children: [/*#__PURE__*/jsxRuntime.jsx("div", {
             role: "none",
-            className: classNames(Dropdown_module.dropdownBody, dropdownClassName, !plainDropdown && "shadow-lg bg-base ring-1 ring-tint-100", "rounded-capped overflow-auto scroll-thin grid max-h-[70vh]"),
+            className: classNames(Dropdown_module.dropdownBody, dropdownClassName, !plainDropdown && "shadow-lg shadow-base bg-base ring-1 ring-tint-100", "rounded-capped overflow-auto scroll-thin grid max-h-[70vh]"),
             onMouseUpCapture: tryClosing,
             children: panel
           }), showArrow && /*#__PURE__*/jsxRuntime.jsx(react.FloatingArrow, {

package/dist/cjs/components/dropdown/DropdownTool.js

@@ -3,6 +3,7 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var classNames = require('classnames');
+var icons = require('../../types/icons.js');
 var Icon = require('../icon/Icon.js');
 var Dropdown = require('./Dropdown.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -17,7 +18,7 @@ var DropdownTool = function DropdownTool(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsxRuntime.jsxs(Dropdown.Dropdown, _objectSpread(_objectSpread({}, props), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
-      icon: "mdi mdi-menu-down",
+      icon: icons.CoreIcons.caretDown,
       className: classNames(className, "outline bg-base flex-content pointer-events-auto cursor-pointer", groupHover && "hidden group-hover:inline-block data-[dropdown-open]:inline-block")
     }), children]
   }));

package/dist/cjs/index.js

@@ -80,6 +80,7 @@ exports.ActionLabel = ActionLabel.ActionLabel;
 exports.AnimationBars = Animations.AnimationBars;
 exports.AnimationIndicator = Animations.AnimationIndicator;
 exports.AnimationSpinner = Animations.AnimationSpinner;
+exports.Loading = Animations.Loading;
 exports.Skeleton = Animations.Skeleton;
 exports.Avatar = Avatar.Avatar;
 exports.AvatarGroup = AvatarGroup.AvatarGroup;

package/dist/esm/components/dropdown/Dropdown.js

@@ -139,7 +139,7 @@ var DropdownElement = function DropdownElement(_ref) {
         })), {}, {
           children: [/*#__PURE__*/jsx("div", {
             role: "none",
-            className: classNames(classes.dropdownBody, dropdownClassName, !plainDropdown && "shadow-lg bg-base ring-1 ring-tint-100", "rounded-capped overflow-auto scroll-thin grid max-h-[70vh]"),
+            className: classNames(classes.dropdownBody, dropdownClassName, !plainDropdown && "shadow-lg shadow-base bg-base ring-1 ring-tint-100", "rounded-capped overflow-auto scroll-thin grid max-h-[70vh]"),
             onMouseUpCapture: tryClosing,
             children: panel
           }), showArrow && /*#__PURE__*/jsx(FloatingArrow, {

package/dist/esm/components/dropdown/DropdownTool.js

@@ -3,6 +3,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import classNames from 'classnames';
+import { CoreIcons } from '../../types/icons.js';
 import { Icon } from '../icon/Icon.js';
 import { Dropdown } from './Dropdown.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -17,7 +18,7 @@ var DropdownTool = function DropdownTool(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsxs(Dropdown, _objectSpread(_objectSpread({}, props), {}, {
     children: [/*#__PURE__*/jsx(Icon, {
-      icon: "mdi mdi-menu-down",
+      icon: CoreIcons.caretDown,
       className: classNames(className, "outline bg-base flex-content pointer-events-auto cursor-pointer", groupHover && "hidden group-hover:inline-block data-[dropdown-open]:inline-block")
     }), children]
   }));

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 export { ActionLabel } from './components/actionLabel/ActionLabel.js';
-export { AnimationBars, AnimationIndicator, AnimationSpinner, Skeleton } from './components/animations/Animations.js';
+export { AnimationBars, AnimationIndicator, AnimationSpinner, Loading, Skeleton } from './components/animations/Animations.js';
 export { Avatar } from './components/avatar/Avatar.js';
 export { AvatarGroup } from './components/avatar/AvatarGroup.js';
 export { Badge, getBadgeProps } from './components/badge/Badge.js';

package/dist/types/components/index.d.ts

@@ -1,5 +1,5 @@
 export { ActionLabel } from "./actionLabel/ActionLabel";
-export { AnimationBars, AnimationIndicator, AnimationSpinner, Skeleton, } from "./animations/Animations";
+export { AnimationBars, AnimationIndicator, AnimationSpinner, Skeleton, Loading, } from "./animations/Animations";
 export { Avatar } from "./avatar/Avatar";
 export { AvatarGroup } from "./avatar/AvatarGroup";
 export { Badge, getBadgeProps } from "./badge/Badge";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-fabric/core",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.1",
   "description": "RUF: Core package",
   "author": "Adarsh Pastakia <adarshpastakia@outlook.com>",
   "license": "MIT",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.24",
-    "@react-fabric/utilities": "^1.0.0-beta.0",
+    "@react-fabric/utilities": "^1.0.0-beta.1",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/typography": "^0.5.13",
@@ -56,5 +56,5 @@
     "node": ">=18.12.0",
     "npm": ">=8.19.0"
   },
-  "gitHead": "83fa79064b1d57e71149005432192d506810bbda"
+  "gitHead": "e0712d7ea2c945de876bef813b5d2dcec1218ed7"
 }

package/src/components/dropdown/Dropdown.tsx

@@ -257,7 +257,8 @@ const DropdownElement = ({
                 className={classNames(
                   classes.dropdownBody,
                   dropdownClassName,
-                  !plainDropdown && "shadow-lg bg-base ring-1 ring-tint-100",
+                  !plainDropdown &&
+                    "shadow-lg shadow-base bg-base ring-1 ring-tint-100",
                   "rounded-capped overflow-auto scroll-thin grid max-h-[70vh]",
                 )}
                 onMouseUpCapture={tryClosing}

package/src/components/dropdown/DropdownTool.tsx

@@ -23,6 +23,7 @@
 
 import classNames from "classnames";
 import { type ChildProp, type CssProp } from "../../types";
+import { CoreIcons } from "../../types/icons";
 import { Icon } from "../icon/Icon";
 import { Dropdown, type DropdownProps } from "./Dropdown";
 
@@ -42,7 +43,7 @@ export const DropdownTool = ({
   return (
     <Dropdown {...props}>
       <Icon
-        icon="mdi mdi-menu-down"
+        icon={CoreIcons.caretDown}
         className={classNames(
           className,
           "outline bg-base flex-content pointer-events-auto cursor-pointer",

package/src/components/index.ts

@@ -27,6 +27,7 @@ export {
   AnimationIndicator,
   AnimationSpinner,
   Skeleton,
+  Loading,
 } from "./animations/Animations";
 export { Avatar } from "./avatar/Avatar";
 export { AvatarGroup } from "./avatar/AvatarGroup";