@fy-/fws-vue 0.3.0 → 0.3.1

package/presets/Lara/orderlist/index.js

@@ -1,266 +0,0 @@
-export default {
-  root: {
-    class: [
-      // Flexbox
-      "flex",
-    ],
-  },
-  controls: {
-    class: [
-      // Flexbox & Alignment
-      "flex flex-col justify-center gap-2",
-
-      // Spacing
-      "p-5",
-    ],
-  },
-  moveupbutton: {
-    root: ({ context }) => ({
-      class: [
-        // Flexbox & Alignment
-        "relative inline-flex items-center justify-center",
-
-        // Shape
-        "rounded-md",
-
-        // Color
-        "text-white dark:text-surface-900",
-        "bg-primary-500 dark:bg-primary-400",
-        "border border-primary-500 dark:border-primary-400",
-
-        // Spacing & Size
-        "w-12",
-        "m-0",
-        "px-0 py-3",
-
-        // Transitions
-        "transition duration-200 ease-in-out",
-
-        // State
-        "hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300",
-        "focus:outline-none focus:outline-offset-0 focus:ring",
-        "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
-        { "cursor-default pointer-events-none opacity-60": context.disabled },
-
-        // Interactivity
-        "cursor-pointer user-select-none",
-      ],
-    }),
-    label: {
-      class: [
-        // Flexbox
-        "flex-initial",
-
-        // Size
-        "w-0",
-      ],
-    },
-  },
-  movedownbutton: {
-    root: ({ context }) => ({
-      class: [
-        // Flexbox & Alignment
-        "relative inline-flex items-center justify-center",
-
-        // Shape
-        "rounded-md",
-
-        // Color
-        "text-white dark:text-surface-900",
-        "bg-primary-500 dark:bg-primary-400",
-        "border border-primary-500 dark:border-primary-400",
-
-        // Spacing & Size
-        "w-12",
-        "m-0",
-        "px-0 py-3",
-
-        // Transitions
-        "transition duration-200 ease-in-out",
-
-        // State
-        "hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300",
-        "focus:outline-none focus:outline-offset-0 focus:ring",
-        "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
-        { "cursor-default pointer-events-none opacity-60": context.disabled },
-
-        // Interactivity
-        "cursor-pointer user-select-none",
-      ],
-    }),
-    label: {
-      class: [
-        // Flexbox
-        "flex-initial",
-
-        // Size
-        "w-0",
-      ],
-    },
-  },
-  movetopbutton: {
-    root: ({ context }) => ({
-      class: [
-        // Flexbox & Alignment
-        "relative inline-flex items-center justify-center",
-
-        // Shape
-        "rounded-md",
-
-        // Color
-        "text-white dark:text-surface-900",
-        "bg-primary-500 dark:bg-primary-400",
-        "border border-primary-500 dark:border-primary-400",
-
-        // Spacing & Size
-        "w-12",
-        "m-0",
-        "px-0 py-3",
-
-        // Transitions
-        "transition duration-200 ease-in-out",
-
-        // State
-        "hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300",
-        "focus:outline-none focus:outline-offset-0 focus:ring",
-        "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
-        { "cursor-default pointer-events-none opacity-60": context.disabled },
-
-        // Interactivity
-        "cursor-pointer user-select-none",
-      ],
-    }),
-    label: {
-      class: [
-        // Flexbox
-        "flex-initial",
-
-        // Size
-        "w-0",
-      ],
-    },
-  },
-  movebottombutton: {
-    root: ({ context }) => ({
-      class: [
-        // Flexbox & Alignment
-        "relative inline-flex items-center justify-center",
-
-        // Shape
-        "rounded-md",
-
-        // Color
-        "text-white dark:text-surface-900",
-        "bg-primary-500 dark:bg-primary-400",
-        "border border-primary-500 dark:border-primary-400",
-
-        // Spacing & Size
-        "w-12",
-        "m-0",
-        "px-0 py-3",
-
-        // Transitions
-        "transition duration-200 ease-in-out",
-
-        // State
-        "hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300",
-        "focus:outline-none focus:outline-offset-0 focus:ring",
-        "focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
-        { "cursor-default pointer-events-none opacity-60": context.disabled },
-
-        // Interactivity
-        "cursor-pointer user-select-none",
-      ],
-    }),
-    label: {
-      class: [
-        // Flexbox
-        "flex-initial",
-
-        // Size
-        "w-0",
-      ],
-    },
-  },
-  container: {
-    class: ["flex-auto"],
-  },
-  header: {
-    class: [
-      "font-bold",
-
-      // Shape
-      "border-b-0 rounded-t-md",
-
-      // Spacing
-      "p-5",
-
-      // Color
-      "text-surface-700 dark:text-white/80",
-      "bg-surface-50 dark:bg-surface-800",
-      "border border-surface-200 dark:border-surface-700",
-    ],
-  },
-  list: {
-    class: [
-      // Spacing
-      "list-none m-0 p-0",
-
-      // Size
-      "min-h-[12rem] max-h-[24rem]",
-
-      // Shape
-      "rounded-b-md",
-
-      // Color
-      "text-surface-600 dark:text-white/80",
-      "bg-surface-0 dark:bg-surface-800",
-      "border border-surface-200 dark:border-surface-700",
-
-      // Spacing
-      "py-3 px-0",
-
-      // Focus & Outline
-      "outline-none",
-
-      // Misc
-      "overflow-auto",
-    ],
-  },
-  item: ({ context }) => ({
-    class: [
-      // Position
-      "relative",
-
-      // Spacing
-      "py-3 px-5 m-0",
-
-      // Shape
-      "border-none",
-
-      // Transition
-      "transition duration-200",
-
-      // Color
-      "text-surface-700 dark:text-white/80",
-      {
-        "bg-primary-500/20 dark:bg-primary-300/20":
-          context.active && !context.focused,
-      },
-      {
-        "bg-primary-500/30 dark:bg-primary-400/30":
-          context.active && context.focused,
-      },
-      {
-        "bg-surface-100 dark:bg-surface-700/70":
-          !context.active && context.focused,
-      },
-
-      // State
-      "hover:bg-surface-100 dark:hover:bg-surface-700",
-
-      // Misc
-      "cursor-pointer overflow-hidden",
-    ],
-  }),
-};

package/presets/Lara/organizationchart/index.js

@@ -1,142 +0,0 @@
-export default {
-  table: {
-    class: [
-      // Spacing & Position
-      "mx-auto my-0",
-
-      // Table Style
-      "border-spacing-0 border-separate",
-    ],
-  },
-  cell: {
-    class: [
-      // Alignment
-      "text-center align-top",
-
-      // Spacing
-      "py-0 px-3",
-    ],
-  },
-  node: ({ props, context }) => ({
-    class: [
-      "relative inline-block",
-
-      // Spacing
-      "p-5",
-
-      // Shape
-      "border",
-
-      // Color
-      {
-        "text-surface-600 dark:text-white/80": !context?.selected,
-        "bg-surface-0 dark:bg-surface-800": !context?.selected,
-        "border-surface-200 dark:border-surface-700": !context?.selected,
-        "text-primary-700 dark:text-surface-0": context?.selected,
-        "bg-primary-50 dark:bg-primary-400/30": context?.selected,
-        "border-primary-200 dark:border-primary-600": context?.selected,
-      },
-
-      // States
-      {
-        "hover:bg-surface-100 dark:hover:bg-surface-700":
-          context?.selectable && !context?.selected,
-        "hover:bg-primary-100 dark:hover:bg-primary-300/30":
-          context?.selectable && context?.selected,
-      },
-
-      { "cursor-pointer": context?.selectable },
-    ],
-  }),
-  linecell: {
-    class: [
-      // Alignment
-      "text-center align-top",
-
-      // Spacing
-      "py-0 px-3",
-    ],
-  },
-  linedown: {
-    class: [
-      // Spacing
-      "mx-auto my-0",
-
-      // Size
-      "w-px h-[20px]",
-
-      // Color
-      "bg-surface-200 dark:bg-surface-700",
-    ],
-  },
-  lineleft: ({ context }) => ({
-    class: [
-      // Alignment
-      "text-center align-top",
-
-      // Spacing
-      "py-0 px-3",
-
-      // Shape
-      "rounded-none border-r",
-      { "border-t": context.lineTop },
-
-      // Color
-      "border-surface-200 dark:border-surface-700",
-    ],
-  }),
-  lineright: ({ context }) => ({
-    class: [
-      // Alignment
-      "text-center align-top",
-
-      // Spacing
-      "py-0 px-3",
-
-      // Shape
-      "rounded-none",
-
-      // Color
-      {
-        "border-t border-surface-200 dark:border-surface-700": context.lineTop,
-      },
-    ],
-  }),
-  nodecell: {
-    class: "text-center align-top py-0 px-3",
-  },
-  nodetoggler: {
-    class: [
-      // Position
-      "absolute bottom-[-0.75rem] left-2/4 -ml-3",
-      "z-20",
-
-      // Flexbox
-      "flex items-center justify-center",
-
-      // Size
-      "w-6 h-6",
-
-      // Shape
-      "rounded-full",
-
-      // Color
-      "bg-inherit text-inherit",
-
-      // Focus
-      "focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50",
-
-      // Misc
-      "cursor-pointer no-underline select-none",
-    ],
-  },
-  nodetogglericon: {
-    class: [
-      // Position
-      "relative inline-block",
-
-      // Size
-      "w-4 h-4",
-    ],
-  },
-};

package/presets/Lara/overlaypanel/index.js

@@ -1,41 +0,0 @@
-export default {
-  root: {
-    class: [
-      // Shape
-      "rounded-md shadow-lg",
-      "border-0 dark:border",
-
-      // Position
-      "absolute left-0 top-0 mt-2",
-      "z-40 transform origin-center",
-
-      // Color
-      "bg-surface-0 dark:bg-surface-800",
-      "text-surface-700 dark:text-surface-0/80",
-      "dark:border-surface-700",
-
-      // Before: Triangle
-      "before:absolute before:-top-[9px] before:-ml-[9px] before:left-[calc(var(--overlayArrowLeft,0)+1.25rem)] z-0",
-      "before:w-0 before:h-0",
-      "before:border-transparent before:border-solid",
-      "before:border-x-[8px] before:border-[8px]",
-      "before:border-t-0 before:border-b-surface-300/10 dark:before:border-b-surface-700",
-
-      "after:absolute after:-top-2 after:-ml-[8px] after:left-[calc(var(--overlayArrowLeft,0)+1.25rem)]",
-      "after:w-0 after:h-0",
-      "after:border-transparent after:border-solid",
-      "after:border-x-[0.5rem] after:border-[0.5rem]",
-      "after:border-t-0 after:border-b-surface-0 dark:after:border-b-surface-800",
-    ],
-  },
-  content: {
-    class: "p-5 items-center flex",
-  },
-  transition: {
-    enterFromClass: "opacity-0 scale-y-[0.8]",
-    enterActiveClass:
-      "transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]",
-    leaveActiveClass: "transition-opacity duration-100 ease-linear",
-    leaveToClass: "opacity-0",
-  },
-};