@noxlovette/material 0.1.6 → 0.1.7

package/dist/components/buttons/FABMenu.svelte

@@ -8,7 +8,7 @@ Should be used with `FABMenuItem` as children.
   import { fabMenu } from './theme.js';
   import type { FABMenuProps } from './types.js';
   import { enterExit } from '../../animation/enterExit.js';
-  import { easeEmphasizedDecel, easeEmphasizedAccel } from '../../animation/easing.js';
+  import { easeEmphasizedDecel } from '../../animation/easing.js';
 
   let { children, class: className, position = 'top', ...restProps }: FABMenuProps = $props();
 

package/dist/components/buttons/theme.js

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 export const button = tv({
     slots: {
-        base: 'md-component-button-base md-btn-morph group max-w-max',
+        base: 'md-component-button-base md-btn-morph group w-full',
         icon: 'inline-flex items-center justify-center leading-none'
     },
     variants: {
@@ -482,7 +482,7 @@ export const fabMenu = tv({
 });
 export const fabMenuItem = tv({
     slots: {
-        base: 'md-component-button-base group relative max-w-max h-14 rounded-full before:rounded-full gap-2 px-6 md-sys-typescale-fab-label z-[100] shadow-elevation-2 hover:shadow-elevation-3',
+        base: 'md-component-button-base group relative w-full h-14 rounded-full before:rounded-full gap-2 px-6 md-sys-typescale-fab-label z-[100] shadow-elevation-2 hover:shadow-elevation-3',
         icon: 'size-6 text-[24px]'
     },
     variants: {

package/dist/components/containers/panes/theme.js

@@ -1,9 +1,9 @@
 import { tv } from 'tailwind-variants';
 export const splitPane = tv({
     slots: {
-        left: 'top-0 bottom-0 overflow-y-scroll overflow-x-visible bg-md-sys-color-surface-container scrollbar-none hidden md:block',
+        left: 'top-0 bottom-0 z-20 overflow-y-scroll overflow-x-visible bg-md-sys-color-surface-container scrollbar-none hidden md:block',
         right: 'flex flex-col box-border ml-0 md:ml-[var(--splitpane-left-width)]',
-        handle: 'handle group hidden md:block top-0 bottom-0 z-40 w-3 -ml-1 cursor-col-resize touch-none bg-transparent hover:bg-md-sys-color-outline/20 translate-x-1.5',
+        handle: 'handle group hidden md:block top-0 bottom-0 z-30 w-3 -ml-1 cursor-col-resize touch-none bg-transparent hover:bg-md-sys-color-outline/20 translate-x-1.5',
         handleGrip: 'absolute left-1/2 top-1/2 flex h-12 w-1 -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center gap-1 rounded-full bg-md-sys-color-secondary group-hover:w-0.5',
         handlePip: 'h-0.5 w-0.5 rounded-full bg-md-sys-color-on-primary/80',
         base: ''

package/dist/components/nav/rail/theme.js

@@ -1,8 +1,8 @@
 import { tv } from 'tailwind-variants';
 export const rail = tv({
     slots: {
-        base: 'py-12 hidden bg-md-sys-color-surface-container z-20 flex-col md:flex gap-6 transition-[width,padding,background-color] duration-[var(--md-sys-motion-duration-spatial)] ease-[var(--md-sys-motion-timing-function-emphasized)] overflow-x-hidden',
-        items: 'flex flex-col gap-3 pt-6 scrollbar-none w-full',
+        base: 'py-12 hidden bg-md-sys-color-surface-container z-40 flex-col md:flex gap-6 transition-[width,padding,background-color] duration-[var(--md-sys-motion-duration-spatial)] ease-[var(--md-sys-motion-timing-function-emphasized)]',
+        items: 'flex flex-col gap-3 pt-6 scrollbar-none w-full overflow-x-hidden',
         ghost: 'hidden md:block shrink-0 transition-[width] duration-[var(--md-sys-motion-duration-spatial)] ease-[var(--md-sys-motion-timing-function-emphasized)]',
         scrim: 'xl:hidden inset-0 -z-10 transition-opacity duration-[var(--md-sys-motion-duration-spatial)] ease-[var(--md-sys-motion-timing-function-emphasized)]'
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noxlovette/material",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "license": "MIT",
   "repository": {