@noxlovette/material 0.1.4 → 0.1.6

package/dist/components/containers/panes/SupportingPane.svelte

@@ -13,7 +13,7 @@ SupportingPane provides a layout with a main content area and a supporting side
   const {
     main,
     supporting,
-    anchor = 'parent',
+    anchor = 'viewport',
     position = 'right',
     centered = false,
     rounded = true,

package/dist/components/forms/command/Command.svelte

@@ -4,7 +4,7 @@
   import { command } from './theme.js';
   import type { CommandProps } from './types.js';
 
-  let { children, class: className, value = $bindable(), ...restProps }: CommandProps = $props();
+  let { children, class: className, value = $bindable(''), ...restProps }: CommandProps = $props();
 
   const { base } = command();
 </script>

package/dist/components/forms/textfield/Textfield.svelte

@@ -12,6 +12,7 @@ Text fields allow users to enter and edit text.
   import { textfield } from './theme.js';
   import type { TextfieldProps } from './types.js';
   import { useId } from 'bits-ui';
+  import { ButtonIcon } from '../../buttons/index.js';
 
   let {
     value = $bindable(),
@@ -67,9 +68,8 @@ Text fields allow users to enter and edit text.
     {#if trailingIcon}
       {@render trailingIcon()}
     {:else if trailingIconProps}
-      <button type="button" onclick={trailingOnClick}>
-        <Icon class={cls.trailingIcon()} {...trailingIconProps} />
-      </button>
+      <ButtonIcon onclick={trailingOnClick} class={cls.trailingIcon()} iconProps={trailingIconProps}
+      ></ButtonIcon>
     {/if}
   </div>
 

package/dist/components/forms/textfield/theme.js

@@ -11,6 +11,7 @@ export const textfield = tv({
       focus-within:after:h-[2px]
       disabled:bg-md-sys-color-on-surface/4
       disabled:after:bg-md-sys-color-on-surface/12
+
     `,
         inputWrapper: `
       relative flex-1 px-4

package/dist/components/pill/theme.d.ts

@@ -7,6 +7,8 @@ export declare const pill: import("tailwind-variants").TVReturnType<{
         tertiary: string;
         error: string;
         container: string;
+        yellow: string;
+        green: string;
     };
 }, undefined, "relative inline-flex items-center justify-center px-4 py-1.5 md-sys-typescale-label-large select-none rounded-full", {
     variant: {
@@ -15,6 +17,8 @@ export declare const pill: import("tailwind-variants").TVReturnType<{
         tertiary: string;
         error: string;
         container: string;
+        yellow: string;
+        green: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
@@ -23,5 +27,7 @@ export declare const pill: import("tailwind-variants").TVReturnType<{
         tertiary: string;
         error: string;
         container: string;
+        yellow: string;
+        green: string;
     };
 }, undefined, "relative inline-flex items-center justify-center px-4 py-1.5 md-sys-typescale-label-large select-none rounded-full", unknown, unknown, undefined>>;

package/dist/components/pill/theme.js

@@ -7,7 +7,9 @@ export const pill = tv({
             secondary: 'md-component-button-filled-secondary',
             tertiary: 'md-component-button-filled-tertiary',
             error: 'md-component-button-filled-error',
-            container: 'bg-md-sys-color-surface-container text-md-sys-color-on-surface'
+            container: 'bg-md-sys-color-surface-container text-md-sys-color-on-surface',
+            yellow: 'bg-yellow-400 text-yellow-950 dark:bg-yellow-300 dark:text-yellow-950',
+            green: 'bg-green-600 text-white dark:bg-green-500 dark:text-green-950'
         }
     },
     defaultVariants: {

package/package.json

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