sakana-element 2.2.0 → 2.3.0

package/dist/theme/Notification.css

@@ -1,126 +0,0 @@
-/* Notification Variables */
-.px-notification[data-v-ff3aeca4] {
-  --px-notification-width: 330px;
-  --px-notification-padding: 14px 20px;
-  --px-notification-border-color: var(--px-border-color);
-  --px-notification-icon-size: 24px;
-  --px-notification-close-font-size: var(--px-font-size-base);
-  --px-notification-content-font-size: var(--px-font-size-base);
-  --px-notification-content-color: var(--px-text-color-regular);
-  --px-notification-title-font-size: var(--px-font-size-large);
-  --px-notification-title-color: var(--px-text-color-primary);
-  --px-notification-close-color: var(--px-text-color-secondary);
-  --px-notification-close-hover-color: var(--px-text-color-primary);
-  --px-notification-shadow-color: var(--px-shadow-color);
-}
-/* Base Notification Styles - Pixel Game Style */
-.px-notification[data-v-ff3aeca4] {
-  display: flex;
-  width: var(--px-notification-width);
-  padding: var(--px-notification-padding);
-  box-sizing: border-box;
-  position: fixed;
-  background-color: var(--px-bg-color-overlay);
-  overflow-wrap: anywhere;
-  overflow: hidden;
-  z-index: 9999;
-  font-family: var(--px-font-family);
-
-  /* Pixel-style border */
-  border: var(--px-border-width) solid var(--px-notification-border-color);
-  border-radius: 0;
-
-  /* Pixel shadow */
-  box-shadow:
-    var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0 0 var(--px-notification-shadow-color),
-    var(--px-box-shadow-inset-light);
-
-  /* No smooth transitions */
-  transition: none;
-}
-.px-notification.right[data-v-ff3aeca4] {
-    right: 16px;
-}
-.px-notification.left[data-v-ff3aeca4] {
-    left: 16px;
-}
-.px-notification .px-notification__text[data-v-ff3aeca4] {
-    margin: 0 10px;
-    flex: 1;
-}
-.px-notification .px-notification__icon[data-v-ff3aeca4] {
-    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-ff3aeca4] {
-    font-weight: 500;
-    font-size: var(--px-notification-title-font-size);
-    font-family: var(--px-font-family);
-    line-height: var(--px-notification-icon-size);
-    color: var(--px-notification-title-color);
-    margin: 0;
-}
-.px-notification .px-notification__content[data-v-ff3aeca4] {
-    font-size: var(--px-notification-content-font-size);
-    font-family: var(--px-font-family);
-    line-height: 1.5;
-    margin: 8px 0 0;
-    color: var(--px-notification-content-color);
-    text-align: left;
-}
-.px-notification .px-notification__close[data-v-ff3aeca4] {
-    position: absolute;
-    top: 14px;
-    right: 14px;
-    cursor: pointer;
-    color: var(--px-notification-close-color);
-    font-size: var(--px-notification-close-font-size);
-}
-.px-notification .px-notification__close[data-v-ff3aeca4]:hover {
-      color: var(--px-notification-close-hover-color);
-}
-/* Type variants with colored shadows */
-.px-notification--info[data-v-ff3aeca4] {
-    --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-ff3aeca4] {
-    --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-ff3aeca4] {
-    --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-ff3aeca4] {
-    --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-ff3aeca4] {
-  --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-ff3aeca4] {
-    right: 0;
-    transform: translateX(100%);
-}
-.px-notification-fade-enter-from.left[data-v-ff3aeca4] {
-    left: 0;
-    transform: translateX(-100%);
-}
-.px-notification-fade-leave-to[data-v-ff3aeca4] {
-  opacity: 0;
-}
-.px-notification-fade-enter-active[data-v-ff3aeca4],
-.px-notification-fade-leave-active[data-v-ff3aeca4] {
-  transition: opacity 0.15s steps(3), transform 0.15s steps(3);
-}

package/dist/theme/Popconfirm.css

@@ -1,30 +0,0 @@
-/* Popconfirm Variables */
-.px-popconfirm[data-v-fd6e7d1d] {
-  --px-popconfirm-icon-size: 16px;
-  --px-popconfirm-font-size: var(--px-font-size-base);
-}
-/* Base Popconfirm Styles - Pixel Dialog */
-.px-popconfirm[data-v-fd6e7d1d] {
-  font-family: var(--px-font-family);
-}
-.px-popconfirm .px-popconfirm__main[data-v-fd6e7d1d] {
-    display: flex;
-    align-items: flex-start;
-    gap: 8px;
-    font-size: var(--px-popconfirm-font-size);
-    color: var(--px-text-color-primary);
-    line-height: 1.5;
-}
-.px-popconfirm .px-popconfirm__main i[data-v-fd6e7d1d] {
-      font-size: var(--px-popconfirm-icon-size);
-      flex-shrink: 0;
-      margin-top: 2px;
-}
-.px-popconfirm .px-popconfirm__action[data-v-fd6e7d1d] {
-    display: flex;
-    justify-content: flex-end;
-    gap: 8px;
-    margin-top: 12px;
-    padding-top: 12px;
-    border-top: var(--px-border-width-thin) dashed var(--px-border-color-lighter);
-}

package/dist/theme/Tooltip.css

@@ -1,111 +0,0 @@
-/* Tooltip Variables */
-.px-tooltip[data-v-4e2bfb45] {
-  --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);
-  --px-popover-padding: 10px 14px;
-  --px-popover-shadow-color: var(--px-shadow-color);
-  display: inline-block;
-}
-/* Base Tooltip Styles - Pixel Game Style */
-/* No smooth transitions for pixel feel */
-.px-tooltip .fade-enter-active[data-v-4e2bfb45],
-  .px-tooltip .fade-leave-active[data-v-4e2bfb45] {
-    transition: none;
-}
-.px-tooltip .fade-enter-from[data-v-4e2bfb45],
-  .px-tooltip .fade-leave-to[data-v-4e2bfb45] {
-    opacity: 0;
-}
-/* Popper container - Pixel style box */
-.px-tooltip .px-tooltip__popper[data-v-4e2bfb45] {
-    background: transparent;
-    padding: var(--px-popover-padding);
-    color: var(--px-text-color-primary);
-    line-height: 1.5;
-    font-size: var(--px-popover-font-size);
-    font-family: var(--px-font-family);
-    word-break: break-all;
-    box-sizing: border-box;
-    z-index: 1000;
-    position: relative;
-
-    /* Remove traditional border */
-    border: none;
-
-    /* Pixel shadow via drop-shadow (respects clip-path shape) */
-    filter: drop-shadow(
-      var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-popover-shadow-color)
-    );
-}
-/* Border layer — filled with border color, clipped to pixel shape */
-.px-tooltip .px-tooltip__popper[data-v-4e2bfb45]::before {
-      content: "";
-      position: absolute;
-      inset: 0;
-      background: var(--px-popover-border-color);
-      clip-path: polygon(
-        0 4px,
-        2px 4px,
-        2px 2px,
-        4px 2px,
-        4px 0,
-        calc(100% - 4px) 0,
-        calc(100% - 4px) 2px,
-        calc(100% - 2px) 2px,
-        calc(100% - 2px) 4px,
-        100% 4px,
-        100% calc(100% - 4px),
-        calc(100% - 2px) calc(100% - 4px),
-        calc(100% - 2px) calc(100% - 2px),
-        calc(100% - 4px) calc(100% - 2px),
-        calc(100% - 4px) 100%,
-        4px 100%,
-        4px calc(100% - 2px),
-        2px calc(100% - 2px),
-        2px calc(100% - 4px),
-        0 calc(100% - 4px)
-      );
-      z-index: -1;
-}
-/* Fill layer — inset by border width, filled with bg color */
-.px-tooltip .px-tooltip__popper[data-v-4e2bfb45]::after {
-      content: "";
-      position: absolute;
-      inset: 2px;
-      background: var(--px-popover-bg-color);
-      clip-path: polygon(
-        0 4px,
-        2px 4px,
-        2px 2px,
-        4px 2px,
-        4px 0,
-        calc(100% - 4px) 0,
-        calc(100% - 4px) 2px,
-        calc(100% - 2px) 2px,
-        calc(100% - 2px) 4px,
-        100% 4px,
-        100% calc(100% - 4px),
-        calc(100% - 2px) calc(100% - 4px),
-        calc(100% - 2px) calc(100% - 2px),
-        calc(100% - 4px) calc(100% - 2px),
-        calc(100% - 4px) 100%,
-        4px 100%,
-        4px calc(100% - 2px),
-        2px calc(100% - 2px),
-        2px calc(100% - 4px),
-        0 calc(100% - 4px)
-      );
-      z-index: -1;
-}
-/* Hide arrow for pixel style - pixel boxes don't need arrows */
-.px-tooltip .px-tooltip__popper #arrow[data-v-4e2bfb45] {
-      display: none;
-}
-/* Dark tooltip variant */
-.px-tooltip--dark .px-tooltip__popper[data-v-4e2bfb45] {
-    --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);
-    color: var(--px-bg-color);
-}