@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/divider/Divider.js

@@ -0,0 +1,41 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__Divider_styles_js_b9373c60__ from "./Divider.styles.js";
+const Divider_Divider = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "text",
+        "horizontal",
+        "color",
+        "position",
+        "dataTheme",
+        "class",
+        "className",
+        "style",
+        "as"
+    ]);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE__Divider_styles_js_b9373c60__.dividerStyles)({
+            horizontal: local.horizontal,
+            color: local.color,
+            position: local.position
+        }), local.class, local.className);
+    const Tag = local.as || "div";
+    const content = local.children || local.text;
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        component: Tag
+    }, others, {
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return classes();
+        },
+        get style () {
+            return local.style;
+        },
+        children: content
+    }));
+};
+const Divider = Divider_Divider;
+export { Divider as default };

package/dist/components/divider/Divider.styles.d.ts

@@ -0,0 +1,25 @@
+export declare const dividerStyles: {
+    (props?: (import("../../lib/style/classes").ConfigVariants<{
+        horizontal: {
+            true: string;
+            false: string;
+        };
+        color: {
+            default: string;
+            neutral: string;
+            primary: string;
+            secondary: string;
+            accent: string;
+            success: string;
+            warning: string;
+            info: string;
+            error: string;
+        };
+        position: {
+            center: string;
+            start: string;
+            end: string;
+        };
+    }> & import("../../lib/style").ClassProps) | undefined): string;
+    variantKeys: ("horizontal" | "color" | "position")[];
+};

package/dist/components/divider/Divider.styles.js

@@ -0,0 +1,71 @@
+import * as __WEBPACK_EXTERNAL_MODULE__lib_style_index_js_d7884cc7__ from "../../lib/style/index.js";
+const dividerStyles = (0, __WEBPACK_EXTERNAL_MODULE__lib_style_index_js_d7884cc7__.cva)("flex items-center whitespace-nowrap relative", {
+    variants: {
+        horizontal: {
+            true: "flex-col h-auto w-4 mx-4 my-0 min-h-16",
+            false: "flex-row h-4 w-auto mx-0 my-4"
+        },
+        color: {
+            default: "before:bg-base-content/30 after:bg-base-content/30",
+            neutral: "before:bg-neutral after:bg-neutral",
+            primary: "before:bg-primary after:bg-primary",
+            secondary: "before:bg-secondary after:bg-secondary",
+            accent: "before:bg-accent after:bg-accent",
+            success: "before:bg-success after:bg-success",
+            warning: "before:bg-warning after:bg-warning",
+            info: "before:bg-info after:bg-info",
+            error: "before:bg-error after:bg-error"
+        },
+        position: {
+            center: "",
+            start: "before:hidden",
+            end: "after:hidden"
+        }
+    },
+    compoundVariants: [
+        {
+            horizontal: false,
+            class: "before:content-[''] before:flex-1 before:h-0.5 after:content-[''] after:flex-1 after:h-0.5"
+        },
+        {
+            horizontal: false,
+            position: "center",
+            class: "[&:not(:empty)]:before:mr-4 [&:not(:empty)]:after:ml-4"
+        },
+        {
+            horizontal: false,
+            position: "start",
+            class: "[&:not(:empty)]:after:ml-4"
+        },
+        {
+            horizontal: false,
+            position: "end",
+            class: "[&:not(:empty)]:before:mr-4"
+        },
+        {
+            horizontal: true,
+            class: "before:content-[''] before:flex-1 before:w-0.5 before:h-auto after:content-[''] after:flex-1 after:w-0.5 after:h-auto"
+        },
+        {
+            horizontal: true,
+            position: "center",
+            class: "[&:not(:empty)]:before:mb-4 [&:not(:empty)]:after:mt-4"
+        },
+        {
+            horizontal: true,
+            position: "start",
+            class: "[&:not(:empty)]:after:mt-4"
+        },
+        {
+            horizontal: true,
+            position: "end",
+            class: "[&:not(:empty)]:before:mb-4"
+        }
+    ],
+    defaultVariants: {
+        horizontal: false,
+        color: "default",
+        position: "center"
+    }
+});
+export { dividerStyles };

package/dist/components/divider/index.d.ts

@@ -0,0 +1,3 @@
+import Divider from "./Divider";
+export type { DividerProps } from "./Divider";
+export default Divider;

package/dist/components/divider/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Divider_js_079b7198__ from "./Divider.js";
+const divider = __WEBPACK_EXTERNAL_MODULE__Divider_js_079b7198__["default"];
+export { divider as default };

package/dist/components/dock/Dock.d.ts

@@ -0,0 +1,15 @@
+import "./dock.css";
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentSize } from "../types";
+import { type DockItemProps as ItemProps } from "./DockItem";
+import { type DockLabelProps as LabelProps } from "./DockLabel";
+export type DockItemProps = ItemProps;
+export type DockLabelProps = LabelProps;
+export type DockProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
+    size?: ComponentSize;
+};
+declare const _default: ((props: DockProps) => JSX.Element) & {
+    Item: import("solid-js").Component<ItemProps>;
+    Label: import("solid-js").Component<LabelProps>;
+};
+export default _default;

package/dist/components/dock/Dock.js

@@ -0,0 +1,40 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./dock.css";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__DockItem_js_2cb78296__ from "./DockItem.js";
+import * as __WEBPACK_EXTERNAL_MODULE__DockLabel_js_3671a1fc__ from "./DockLabel.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const Dock_Dock = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "size",
+        "dataTheme",
+        "class",
+        "className",
+        "children"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("dock", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+        "dock-lg": "lg" === local.size,
+        "dock-md": "md" === local.size,
+        "dock-sm": "sm" === local.size,
+        "dock-xs": "xs" === local.size
+    }), local.class, local.className);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            role: "navigation",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            class: classes
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const Dock = Object.assign(Dock_Dock, {
+    Item: __WEBPACK_EXTERNAL_MODULE__DockItem_js_2cb78296__["default"],
+    Label: __WEBPACK_EXTERNAL_MODULE__DockLabel_js_3671a1fc__["default"]
+});
+export { Dock as default };

package/dist/components/dock/DockItem.d.ts

@@ -0,0 +1,9 @@
+import type { JSX, Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import type { ComponentColor } from "../types";
+export type DockItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & IComponentBaseProps & {
+    color?: ComponentColor;
+    active?: boolean;
+};
+declare const DockItem: Component<DockItemProps>;
+export default DockItem;

package/dist/components/dock/DockItem.js

@@ -0,0 +1,45 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
+const DockItem_DockItem = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "active",
+        "class",
+        "className",
+        "color",
+        "dataTheme",
+        "disabled"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+        "text-neutral": "neutral" === local.color,
+        "text-primary": "primary" === local.color,
+        "text-secondary": "secondary" === local.color,
+        "text-accent": "accent" === local.color,
+        "text-info": "info" === local.color,
+        "text-success": "success" === local.color,
+        "text-warning": "warning" === local.color,
+        "text-error": "error" === local.color,
+        "border-t-2 rounded-none": local.active,
+        active: local.active,
+        disabled: local.disabled
+    }));
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get disabled () {
+                return local.disabled;
+            },
+            class: classes
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const DockItem = DockItem_DockItem;
+export { DockItem as default };

package/dist/components/dock/DockLabel.d.ts

@@ -0,0 +1,6 @@
+import type { JSX, Component } from "solid-js";
+export type DockLabelProps = JSX.HTMLAttributes<HTMLSpanElement> & {
+    className?: string;
+};
+declare const DockLabel: Component<DockLabelProps>;
+export default DockLabel;

package/dist/components/dock/DockLabel.js

@@ -0,0 +1,22 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const DockLabel = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("dock-label", local.class, local.className);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            class: classes
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const dock_DockLabel = DockLabel;
+export { dock_DockLabel as default };

package/dist/components/dock/dock.css

@@ -0,0 +1,147 @@
+@layer components {
+  .dock {
+      position: fixed;
+      right: calc(0.25rem * 0);
+      bottom: calc(0.25rem * 0);
+      left: calc(0.25rem * 0);
+      z-index: 1;
+      display: flex;
+      width: 100%;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-around;
+      background-color: var(--color-base-100);
+      padding: calc(0.25rem * 2);
+      color: currentcolor;
+      border-top: 0.5px solid var(--color-base-content);
+      height: 4rem;
+      height: calc(4rem + env(safe-area-inset-bottom));
+      padding-bottom: env(safe-area-inset-bottom);
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dock {
+      border-top: 0.5px solid color-mix(in oklab, var(--color-base-content) 5%, #0000);
+    }
+    }
+
+  .dock > * {
+      position: relative;
+      margin-bottom: calc(0.25rem * 2);
+      display: flex;
+      height: 100%;
+      max-width: calc(0.25rem * 32);
+      flex-shrink: 1;
+      flex-basis: 100%;
+      cursor: pointer;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 1px;
+      border-radius: var(--radius-box);
+      background-color: transparent;
+      transition: opacity 0.2s ease-out;
+    }
+
+  @media (hover: hover) {
+    .dock > *:hover {
+      opacity: 80%;
+    }
+    }
+
+  .dock > *[aria-disabled="true"],
+    .dock > *[aria-disabled="true"]:hover,
+    .dock > *[disabled],
+    .dock > *[disabled]:hover {
+      pointer-events: none;
+      color: var(--color-base-content);
+      opacity: 100%;
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dock > *[aria-disabled="true"],
+    .dock > *[aria-disabled="true"]:hover,
+    .dock > *[disabled],
+    .dock > *[disabled]:hover {
+      color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
+    }
+    }
+
+  .dock > * .dock-label {
+      font-size: 0.6875rem;
+    }
+
+  .dock > *:after {
+      content: "";
+      position: absolute;
+      height: calc(0.25rem * 1);
+      width: calc(0.25rem * 6);
+      border-radius: calc(infinity * 1px);
+      background-color: transparent;
+      bottom: 0.2rem;
+      border-top: 3px solid transparent;
+      transition: background-color 0.1s ease-out, text-color 0.1s ease-out, width 0.1s ease-out;
+    }
+
+  .dock-sm {
+      height: calc(0.25rem * 14);
+      height: 3.5rem;
+      height: calc(3.5rem + env(safe-area-inset-bottom));
+    }
+
+  .dock-sm .dock-active:after {
+      bottom: -0.1rem;
+    }
+
+  .dock-sm .dock-label {
+      font-size: 0.625rem;
+    }
+
+  .dock-lg {
+      height: 4.5rem;
+      height: calc(4.5rem + env(safe-area-inset-bottom));
+    }
+
+  .dock-lg .dock-active:after {
+      bottom: 0.4rem;
+    }
+
+  .dock-lg .dock-label {
+      font-size: 0.6875rem;
+    }
+
+  .dock-xl {
+      height: 5rem;
+      height: calc(5rem + env(safe-area-inset-bottom));
+    }
+
+  .dock-xl .dock-active:after {
+      bottom: 0.4rem;
+    }
+
+  .dock-xl .dock-label {
+      font-size: 0.75rem;
+    }
+
+  .dock-xs {
+      height: 3rem;
+      height: calc(3rem + env(safe-area-inset-bottom));
+    }
+
+  .dock-xs .dock-active:after {
+      bottom: -0.1rem;
+    }
+
+  .dock-xs .dock-label {
+      font-size: 0.625rem;
+    }
+
+  .dock-md {
+      height: 4rem;
+      height: calc(4rem + env(safe-area-inset-bottom));
+    }
+
+  .dock-md .dock-label {
+      font-size: 0.6875rem;
+    }
+}

package/dist/components/dock/index.d.ts

@@ -0,0 +1,3 @@
+import Dock, { type DockProps } from "./Dock";
+export type { DockProps };
+export default Dock;

package/dist/components/dock/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Dock_js_89995c14__ from "./Dock.js";
+const dock = __WEBPACK_EXTERNAL_MODULE__Dock_js_89995c14__["default"];
+export { dock as default };

package/dist/components/drawer/Drawer.css

@@ -1,8 +1,4 @@
 @layer components {
-  .drawer {
-    position: relative;
-  }
-
   /* -------------------------------------------------------------------------------------------------
    * Trigger
    * -----------------------------------------------------------------------------------------------*/
@@ -38,15 +34,6 @@
     transition: opacity 250ms cubic-bezier(0.32, 0.72, 0, 1);
   }
 
-  .drawer__backdrop--entering {
-    opacity: 0;
-  }
-
-  .drawer__backdrop--exiting {
-    opacity: 0;
-    transition-duration: 200ms;
-  }
-
   .drawer__backdrop[data-entering="true"] {
     opacity: 0;
   }
@@ -90,42 +77,6 @@
     height: 100dvh;
   }
 
-  .drawer__content--scroll-inside .drawer__dialog {
-    overflow: hidden;
-  }
-
-  .drawer__content--scroll-inside .drawer__body {
-    overflow-y: auto;
-  }
-
-  .drawer__content--scroll-outside {
-    overflow-y: auto;
-  }
-
-  .drawer__content--scroll-outside .drawer__dialog {
-    margin-block: auto;
-  }
-
-  .drawer__content--entering[data-placement="left"] .drawer__dialog,
-  .drawer__content--exiting[data-placement="left"] .drawer__dialog {
-    translate: -100% 0;
-  }
-
-  .drawer__content--entering[data-placement="right"] .drawer__dialog,
-  .drawer__content--exiting[data-placement="right"] .drawer__dialog {
-    translate: 100% 0;
-  }
-
-  .drawer__content--entering[data-placement="top"] .drawer__dialog,
-  .drawer__content--exiting[data-placement="top"] .drawer__dialog {
-    translate: 0 -100%;
-  }
-
-  .drawer__content--entering[data-placement="bottom"] .drawer__dialog,
-  .drawer__content--exiting[data-placement="bottom"] .drawer__dialog {
-    translate: 0 100%;
-  }
-
   .drawer__content--bottom {
     align-items: flex-end;
   }
@@ -166,57 +117,6 @@
     transition: translate var(--drawer-enter-duration) var(--drawer-ease);
   }
 
-  .drawer__dialog--axis-side {
-    height: 100%;
-    border-radius: 0;
-  }
-
-  .drawer__dialog--axis-edge {
-    width: 100%;
-  }
-
-  .drawer__dialog--side-sm {
-    width: 18rem;
-    max-width: 85vw;
-  }
-
-  .drawer__dialog--side-md {
-    width: 20rem;
-    max-width: 85vw;
-  }
-
-  .drawer__dialog--side-lg {
-    width: 24rem;
-    max-width: 90vw;
-  }
-
-  .drawer__dialog--side-full {
-    width: 100vw;
-    max-width: 100vw;
-  }
-
-  .drawer__dialog--edge-sm {
-    max-height: min(40vh, 24rem);
-  }
-
-  .drawer__dialog--edge-md {
-    max-height: min(60vh, 36rem);
-  }
-
-  .drawer__dialog--edge-lg {
-    max-height: 85vh;
-  }
-
-  .drawer__dialog--edge-full {
-    max-height: 100vh;
-    border-radius: 0;
-  }
-
-  .drawer__dialog--entering,
-  .drawer__dialog--exiting {
-    transition-duration: var(--drawer-exit-duration);
-  }
-
   [data-exiting="true"] .drawer__dialog {
     transition-duration: var(--drawer-exit-duration);
   }
@@ -250,48 +150,6 @@
     }
   }
 
-  /* -------------------------------------------------------------------------------------------------
-   * Dialog — semantic prop: custom size (width / maxWidth)
-   * -----------------------------------------------------------------------------------------------*/
-  .drawer__dialog--custom-size {
-    width: var(--drawer-dialog-width, 20rem);
-    max-width: var(--drawer-dialog-max-width, 85vw);
-  }
-
-  @media (min-width: 640px) {
-    .drawer__dialog--custom-size {
-      width: var(--drawer-dialog-width, 24rem);
-    }
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Dialog — semantic prop: custom padding
-   * -----------------------------------------------------------------------------------------------*/
-  .drawer__dialog--custom-padding {
-    padding: var(--drawer-dialog-padding);
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Dialog — semantic prop: side (border indicator, parametric width & color)
-   * -----------------------------------------------------------------------------------------------*/
-  .drawer__dialog--side-left {
-    border-right-width: var(--drawer-dialog-border-width, 1px);
-    border-right-style: solid;
-    border-right-color: var(--drawer-dialog-border-color, color-mix(in oklab, var(--color-base-content) 10%, transparent));
-  }
-
-  .drawer__dialog--side-right {
-    border-left-width: var(--drawer-dialog-border-width, 1px);
-    border-left-style: solid;
-    border-left-color: var(--drawer-dialog-border-color, color-mix(in oklab, var(--color-base-content) 10%, transparent));
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Dialog — semantic prop: bg (any CSS color via custom property)
-   * -----------------------------------------------------------------------------------------------*/
-  .drawer__dialog--custom-bg {
-    background-color: var(--drawer-dialog-bg, var(--color-base-100));
-  }
   /* Slide transitions — open state */
   .drawer__content--left .drawer__dialog,
   .drawer__content--right .drawer__dialog,
@@ -300,7 +158,7 @@
     translate: 0 0;
   }
 
-  /* Entering/exiting slide transforms (legacy data-attrs support) */
+  /* Entering/exiting slide transforms */
   .drawer__content--left[data-entering="true"] .drawer__dialog,
   .drawer__content--left[data-exiting="true"] .drawer__dialog {
     translate: -100% 0;
@@ -384,7 +242,6 @@
     padding-bottom: 0.5rem;
   }
 
-  .drawer__handle-bar,
   .drawer__handle > [data-slot="drawer-handle-bar"] {
     height: 0.25rem;
     width: 2.25rem;
@@ -423,21 +280,6 @@
     outline-offset: 2px;
   }
 
-  .drawer__close-icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 1rem;
-    height: 1rem;
-    pointer-events: none;
-  }
-
-  .drawer__close-icon > * {
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-  }
-
   /* -------------------------------------------------------------------------------------------------
    * Element spacing
    * -----------------------------------------------------------------------------------------------*/