@pathscale/ui 1.1.40 → 1.1.43

package/dist/components/slider/Slider.js

@@ -3,7 +3,7 @@ import "./Slider.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__Slider_classes_js_33bccb6b__ from "./Slider.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=slider-output aria-live=polite>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=slider><div data-slot=slider-track><div data-slot=slider-fill></div><div data-slot=slider-thumb role=slider>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div></div><div>");
 function clamp(val, min, max) {
     return Math.min(Math.max(val, min), max);
 }
@@ -108,7 +108,21 @@ const Slider = (props)=>{
     const handleFocus = ()=>setFocusVisible(true);
     const handleBlur = ()=>setFocusVisible(false);
     return (()=>{
-        var _el$ = _tmpl$3(), _el$4 = _el$.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
+        var _el$ = _tmpl$2(), _el$4 = _el$.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.size[size()], local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "slider",
+            get ["data-disabled"] () {
+                return isDisabled() ? "true" : "false";
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
                 return local.label;
@@ -118,78 +132,94 @@ const Slider = (props)=>{
                     (()=>{
                         var _el$2 = _tmpl$();
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "id", labelId);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.label
+                            }), {
+                            "data-slot": "label"
+                        }), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.label));
                         return _el$2;
                     })(),
                     (()=>{
-                        var _el$3 = _tmpl$2();
+                        var _el$3 = _tmpl$();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.output
+                            }), {
+                            "data-slot": "slider-output",
+                            "aria-live": "polite"
+                        }), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, formattedValue);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.output));
                         return _el$3;
                     })()
                 ];
             }
         }), _el$4);
-        _el$4.$$pointerup = handlePointerUp;
-        _el$4.$$pointermove = handlePointerMove;
-        _el$4.$$pointerdown = handlePointerDown;
         var _ref$ = trackRef;
         "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$4) : trackRef = _el$4;
-        _el$6.addEventListener("blur", handleBlur);
-        _el$6.addEventListener("focus", handleFocus);
-        _el$6.$$keydown = handleKeyDown;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.size[size()], local.class, local.className), _v$2 = local.dataTheme, _v$3 = isDisabled() ? "true" : "false", _v$4 = local.style, _v$5 = __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.track, _v$6 = __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.fill, _v$7 = fillWidth(), _v$8 = __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.thumb, _v$9 = dragging() ? "true" : "false", _v$0 = isDisabled() ? "true" : "false", _v$1 = focusVisible() ? "true" : "false", _v$10 = thumbLeft(), _v$11 = isDisabled() ? -1 : 0, _v$12 = min(), _v$13 = max(), _v$14 = local.value, _v$15 = formattedValue(), _v$16 = local.label ? labelId : void 0, _v$17 = isDisabled() ? "true" : void 0;
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$2);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-disabled", _p$.a = _v$3);
-            _p$.o = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$4, _p$.o);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.i = _v$5);
-            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.n = _v$6);
-            _v$7 !== _p$.s && (null != (_p$.s = _v$7) ? _el$5.style.setProperty("width", _v$7) : _el$5.style.removeProperty("width"));
-            _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.h = _v$8);
-            _v$9 !== _p$.r && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-dragging", _p$.r = _v$9);
-            _v$0 !== _p$.d && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-disabled", _p$.d = _v$0);
-            _v$1 !== _p$.l && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-focus-visible", _p$.l = _v$1);
-            _v$10 !== _p$.u && (null != (_p$.u = _v$10) ? _el$6.style.setProperty("left", _v$10) : _el$6.style.removeProperty("left"));
-            _v$11 !== _p$.c && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "tabindex", _p$.c = _v$11);
-            _v$12 !== _p$.w && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuemin", _p$.w = _v$12);
-            _v$13 !== _p$.m && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuemax", _p$.m = _v$13);
-            _v$14 !== _p$.f && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuenow", _p$.f = _v$14);
-            _v$15 !== _p$.y && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuetext", _p$.y = _v$15);
-            _v$16 !== _p$.g && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-labelledby", _p$.g = _v$16);
-            _v$17 !== _p$.p && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-disabled", _p$.p = _v$17);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0,
-            i: void 0,
-            n: void 0,
-            s: void 0,
-            h: void 0,
-            r: void 0,
-            d: void 0,
-            l: void 0,
-            u: void 0,
-            c: void 0,
-            w: void 0,
-            m: void 0,
-            f: void 0,
-            y: void 0,
-            g: void 0,
-            p: void 0
-        });
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.track
+            }), {
+            "data-slot": "slider-track",
+            onPointerDown: handlePointerDown,
+            onPointerMove: handlePointerMove,
+            onPointerUp: handlePointerUp
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.fill
+            }), {
+            "data-slot": "slider-fill",
+            get style () {
+                return {
+                    width: fillWidth()
+                };
+            }
+        }), false, false);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.thumb
+            }), {
+            "data-slot": "slider-thumb",
+            get ["data-dragging"] () {
+                return dragging() ? "true" : "false";
+            },
+            get ["data-disabled"] () {
+                return isDisabled() ? "true" : "false";
+            },
+            get ["data-focus-visible"] () {
+                return focusVisible() ? "true" : "false";
+            },
+            get style () {
+                return {
+                    left: thumbLeft()
+                };
+            },
+            role: "slider",
+            get tabIndex () {
+                return isDisabled() ? -1 : 0;
+            },
+            get ["aria-valuemin"] () {
+                return min();
+            },
+            get ["aria-valuemax"] () {
+                return max();
+            },
+            get ["aria-valuenow"] () {
+                return local.value;
+            },
+            get ["aria-valuetext"] () {
+                return formattedValue();
+            },
+            get ["aria-labelledby"] () {
+                return local.label ? labelId : void 0;
+            },
+            get ["aria-disabled"] () {
+                return isDisabled() ? "true" : void 0;
+            },
+            onKeyDown: handleKeyDown,
+            onFocus: handleFocus,
+            onBlur: handleBlur
+        }), false, false);
         return _el$;
     })();
 };
 const slider_Slider = Slider;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "pointerdown",
-    "pointermove",
-    "pointerup",
-    "keydown"
-]);
 export { slider_Slider as default };

package/dist/components/spinner/Spinner.classes.d.ts

@@ -0,0 +1,25 @@
+export declare const CLASSES: {
+    readonly base: "spinner";
+    readonly size: {
+        readonly xs: "spinner--xs";
+        readonly sm: "spinner--sm";
+        readonly md: "";
+        readonly lg: "spinner--lg";
+        readonly xl: "spinner--xl";
+    };
+    readonly color: {
+        readonly current: "spinner--current";
+        readonly accent: "spinner--accent";
+        readonly success: "spinner--success";
+        readonly warning: "spinner--warning";
+        readonly danger: "spinner--danger";
+    };
+    readonly variant: {
+        readonly spinner: "spinner--spinner";
+        readonly dots: "spinner--dots";
+        readonly ring: "spinner--ring";
+        readonly ball: "spinner--ball";
+        readonly bars: "spinner--bars";
+        readonly infinity: "spinner--infinity";
+    };
+};

package/dist/components/spinner/Spinner.classes.js

@@ -0,0 +1,26 @@
+const CLASSES = {
+    base: "spinner",
+    size: {
+        xs: "spinner--xs",
+        sm: "spinner--sm",
+        md: "",
+        lg: "spinner--lg",
+        xl: "spinner--xl"
+    },
+    color: {
+        current: "spinner--current",
+        accent: "spinner--accent",
+        success: "spinner--success",
+        warning: "spinner--warning",
+        danger: "spinner--danger"
+    },
+    variant: {
+        spinner: "spinner--spinner",
+        dots: "spinner--dots",
+        ring: "spinner--ring",
+        ball: "spinner--ball",
+        bars: "spinner--bars",
+        infinity: "spinner--infinity"
+    }
+};
+export { CLASSES };

package/dist/components/spinner/Spinner.js

@@ -2,29 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Spinner.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__Spinner_classes_js_ffa4756a__ from "./Spinner.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=spinner-icon fill=none viewBox="0 0 24 24"><defs><linearGradient x1=50% x2=50% y1=5.271% y2=91.793%><stop offset=0% stop-color=currentColor></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient><linearGradient x1=50% x2=50% y1=15.24% y2=87.15%><stop offset=0% stop-color=currentColor stop-opacity=0></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient></defs><g fill=none><path d="M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021"transform="translate(1.5 1.625)"></path><path d="M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118"transform="translate(1.5 1.625)">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
-const SIZE_CLASS_MAP = {
-    xs: "spinner--xs",
-    sm: "spinner--sm",
-    md: "",
-    lg: "spinner--lg",
-    xl: "spinner--xl"
-};
-const COLOR_CLASS_MAP = {
-    current: "spinner--current",
-    accent: "spinner--accent",
-    success: "spinner--success",
-    warning: "spinner--warning",
-    danger: "spinner--danger"
-};
-const VARIANT_CLASS_MAP = {
-    spinner: "spinner--spinner",
-    dots: "spinner--dots",
-    ring: "spinner--ring",
-    ball: "spinner--ball",
-    bars: "spinner--bars",
-    infinity: "spinner--infinity"
-};
 const SpinnerSVG = ()=>{
     const id = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
     return (()=>{
@@ -60,7 +39,7 @@ const Spinner = (props)=>{
             "aria-busy": "true",
             "aria-live": "polite",
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("spinner", SIZE_CLASS_MAP[size()], COLOR_CLASS_MAP[color()], VARIANT_CLASS_MAP[variant()], local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.size[size()], __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.color[color()], __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.variant[variant()], local.class, local.className);
             },
             "data-slot": "spinner",
             get ["data-theme"] () {

package/dist/components/surface/Surface.js

@@ -16,10 +16,9 @@ function Surface(props) {
     const variant = ()=>local.variant ?? "default";
     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 ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.variant[variant()], local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.variant[variant()], local.class, local.className)
+            }), {
             "data-slot": "surface",
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/table/Table.classes.d.ts

@@ -0,0 +1,26 @@
+export declare const CLASSES: {
+    readonly root: {
+        readonly base: "table-root";
+        readonly variant: {
+            readonly primary: "table-root--primary";
+            readonly secondary: "table-root--secondary";
+        };
+    };
+    readonly scroll: "table__scroll-container";
+    readonly content: "table__content";
+    readonly header: "table__header";
+    readonly column: "table__column";
+    readonly body: "table__body";
+    readonly row: "table__row";
+    readonly cell: "table__cell";
+    readonly expandedRow: "table__expanded-row";
+    readonly expandedCell: "table__expanded-cell";
+    readonly footer: "table__footer";
+    readonly pageSize: "table__page-size";
+    readonly pageSizeLabel: "table__page-size-label";
+    readonly pageSizeSelect: "table__page-size-select";
+    readonly resizableContainer: "table__resizable-container";
+    readonly columnResizer: "table__column-resizer";
+    readonly loadMore: "table__load-more";
+    readonly loadMoreContent: "table__load-more-content";
+};

package/dist/components/table/Table.classes.js

@@ -0,0 +1,27 @@
+const CLASSES = {
+    root: {
+        base: "table-root",
+        variant: {
+            primary: "table-root--primary",
+            secondary: "table-root--secondary"
+        }
+    },
+    scroll: "table__scroll-container",
+    content: "table__content",
+    header: "table__header",
+    column: "table__column",
+    body: "table__body",
+    row: "table__row",
+    cell: "table__cell",
+    expandedRow: "table__expanded-row",
+    expandedCell: "table__expanded-cell",
+    footer: "table__footer",
+    pageSize: "table__page-size",
+    pageSizeLabel: "table__page-size-label",
+    pageSizeSelect: "table__page-size-select",
+    resizableContainer: "table__resizable-container",
+    columnResizer: "table__column-resizer",
+    loadMore: "table__load-more",
+    loadMoreContent: "table__load-more-content"
+};
+export { CLASSES };