sakana-element 2.0.2 → 2.1.0

package/dist/theme/Notification.css

@@ -1,5 +1,5 @@
 /* Notification Variables */
-.px-notification[data-v-44d5f081] {
+.px-notification[data-v-2111f4f7] {
   --px-notification-width: 330px;
   --px-notification-padding: 14px 20px;
   --px-notification-border-color: var(--px-border-color);
@@ -14,7 +14,7 @@
   --px-notification-shadow-color: var(--px-shadow-color);
 }
 /* Base Notification Styles - Pixel Game Style */
-.px-notification[data-v-44d5f081] {
+.px-notification[data-v-2111f4f7] {
   display: flex;
   width: var(--px-notification-width);
   padding: var(--px-notification-padding);
@@ -38,24 +38,24 @@
   /* No smooth transitions */
   transition: none;
 }
-.px-notification.right[data-v-44d5f081] {
+.px-notification.right[data-v-2111f4f7] {
     right: 16px;
 }
-.px-notification.left[data-v-44d5f081] {
+.px-notification.left[data-v-2111f4f7] {
     left: 16px;
 }
-.px-notification .px-notification__text[data-v-44d5f081] {
+.px-notification .px-notification__text[data-v-2111f4f7] {
     margin: 0 10px;
     flex: 1;
 }
-.px-notification .px-notification__icon[data-v-44d5f081] {
+.px-notification .px-notification__icon[data-v-2111f4f7] {
     height: var(--px-notification-icon-size);
     width: var(--px-notification-icon-size);
     font-size: var(--px-notification-icon-size);
     color: var(--px-notification-icon-color);
     flex-shrink: 0;
 }
-.px-notification .px-notification__title[data-v-44d5f081] {
+.px-notification .px-notification__title[data-v-2111f4f7] {
     font-weight: 500;
     font-size: var(--px-notification-title-font-size);
     font-family: var(--px-font-family);
@@ -63,7 +63,7 @@
     color: var(--px-notification-title-color);
     margin: 0;
 }
-.px-notification .px-notification__content[data-v-44d5f081] {
+.px-notification .px-notification__content[data-v-2111f4f7] {
     font-size: var(--px-notification-content-font-size);
     font-family: var(--px-font-family);
     line-height: 1.5;
@@ -71,7 +71,7 @@
     color: var(--px-notification-content-color);
     text-align: left;
 }
-.px-notification .px-notification__close[data-v-44d5f081] {
+.px-notification .px-notification__close[data-v-2111f4f7] {
     position: absolute;
     top: 14px;
     right: 14px;
@@ -79,48 +79,48 @@
     color: var(--px-notification-close-color);
     font-size: var(--px-notification-close-font-size);
 }
-.px-notification .px-notification__close[data-v-44d5f081]:hover {
+.px-notification .px-notification__close[data-v-2111f4f7]:hover {
       color: var(--px-notification-close-hover-color);
 }
 /* Type variants with colored shadows */
-.px-notification--info[data-v-44d5f081] {
+.px-notification--info[data-v-2111f4f7] {
     --px-notification-icon-color: var(--px-color-info);
     --px-notification-border-color: var(--px-color-info);
     --px-notification-shadow-color: var(--px-color-info-dark);
 }
-.px-notification--success[data-v-44d5f081] {
+.px-notification--success[data-v-2111f4f7] {
     --px-notification-icon-color: var(--px-color-success);
     --px-notification-border-color: var(--px-color-success);
     --px-notification-shadow-color: var(--px-color-success-dark);
 }
-.px-notification--warning[data-v-44d5f081] {
+.px-notification--warning[data-v-2111f4f7] {
     --px-notification-icon-color: var(--px-color-warning);
     --px-notification-border-color: var(--px-color-warning);
     --px-notification-shadow-color: var(--px-color-warning-dark);
 }
-.px-notification--danger[data-v-44d5f081] {
+.px-notification--danger[data-v-2111f4f7] {
     --px-notification-icon-color: var(--px-color-danger);
     --px-notification-border-color: var(--px-color-danger);
     --px-notification-shadow-color: var(--px-color-danger-dark);
 }
-.px-notification--error[data-v-44d5f081] {
+.px-notification--error[data-v-2111f4f7] {
   --px-notification-icon-color: var(--px-color-danger);
   --px-notification-border-color: var(--px-color-danger);
   --px-notification-shadow-color: var(--px-color-danger-dark);
 }
 /* Animation */
-.px-notification-fade-enter-from.right[data-v-44d5f081] {
+.px-notification-fade-enter-from.right[data-v-2111f4f7] {
     right: 0;
     transform: translateX(100%);
 }
-.px-notification-fade-enter-from.left[data-v-44d5f081] {
+.px-notification-fade-enter-from.left[data-v-2111f4f7] {
     left: 0;
     transform: translateX(-100%);
 }
-.px-notification-fade-leave-to[data-v-44d5f081] {
+.px-notification-fade-leave-to[data-v-2111f4f7] {
   opacity: 0;
 }
-.px-notification-fade-enter-active[data-v-44d5f081],
-.px-notification-fade-leave-active[data-v-44d5f081] {
+.px-notification-fade-enter-active[data-v-2111f4f7],
+.px-notification-fade-leave-active[data-v-2111f4f7] {
   transition: opacity 0.1s, transform 0.1s;
 }

package/dist/theme/Tooltip.css

@@ -1,5 +1,5 @@
 /* Tooltip Variables */
-.px-tooltip[data-v-e8b45d39] {
+.px-tooltip[data-v-77c52c17] {
   --px-popover-bg-color: var(--px-bg-color);
   --px-popover-font-size: var(--px-font-size-base);
   --px-popover-border-color: var(--px-border-color-dark);
@@ -9,16 +9,16 @@
 }
 /* Base Tooltip Styles - Pixel Game Style */
 /* No smooth transitions for pixel feel */
-.px-tooltip .fade-enter-active[data-v-e8b45d39],
-  .px-tooltip .fade-leave-active[data-v-e8b45d39] {
+.px-tooltip .fade-enter-active[data-v-77c52c17],
+  .px-tooltip .fade-leave-active[data-v-77c52c17] {
     transition: none;
 }
-.px-tooltip .fade-enter-from[data-v-e8b45d39],
-  .px-tooltip .fade-leave-to[data-v-e8b45d39] {
+.px-tooltip .fade-enter-from[data-v-77c52c17],
+  .px-tooltip .fade-leave-to[data-v-77c52c17] {
     opacity: 0;
 }
 /* Popper container - Pixel style box */
-.px-tooltip .px-tooltip__popper[data-v-e8b45d39] {
+.px-tooltip .px-tooltip__popper[data-v-77c52c17] {
     background: transparent;
     padding: var(--px-popover-padding);
     color: var(--px-text-color-primary);
@@ -39,7 +39,7 @@
     );
 }
 /* Border layer — filled with border color, clipped to pixel shape */
-.px-tooltip .px-tooltip__popper[data-v-e8b45d39]::before {
+.px-tooltip .px-tooltip__popper[data-v-77c52c17]::before {
       content: "";
       position: absolute;
       inset: 0;
@@ -69,7 +69,7 @@
       z-index: -1;
 }
 /* Fill layer — inset by border width, filled with bg color */
-.px-tooltip .px-tooltip__popper[data-v-e8b45d39]::after {
+.px-tooltip .px-tooltip__popper[data-v-77c52c17]::after {
       content: "";
       position: absolute;
       inset: 2px;
@@ -99,11 +99,11 @@
       z-index: -1;
 }
 /* Hide arrow for pixel style - pixel boxes don't need arrows */
-.px-tooltip .px-tooltip__popper #arrow[data-v-e8b45d39] {
+.px-tooltip .px-tooltip__popper #arrow[data-v-77c52c17] {
       display: none;
 }
 /* Dark tooltip variant */
-.px-tooltip--dark .px-tooltip__popper[data-v-e8b45d39] {
+.px-tooltip--dark .px-tooltip__popper[data-v-77c52c17] {
     --px-popover-bg-color: var(--px-text-color-primary);
     --px-popover-border-color: var(--px-text-color-primary);
     --px-popover-shadow-color: rgba(0, 0, 0, 0.4);

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

@@ -13,8 +13,11 @@ export interface ButtonProps {
     circle?: boolean;
     plain?: boolean;
     round?: boolean;
+    dash?: boolean;
+    ghost?: boolean;
     color?: string;
     loadingIcon?: string;
+    ariaLabel?: string;
     autofocus?: boolean;
     useThrottle?: boolean;
     throttleDuration?: number;

package/dist/types/components/Icon/icons/pixelarticons-all.d.ts

@@ -0,0 +1 @@
+export declare const pixelarticonsMap: Record<string, string>;

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

@@ -1,4 +1,5 @@
 declare const installer: import('vue').Plugin;
 export * from '../components';
+export { type Theme, useSystemTheme, useTheme } from '@sakana-element/hooks';
 export * from '@sakana-element/locale';
 export default installer;