@pathscale/ui 1.1.37 → 1.1.39

package/dist/components/grid/Grid.js

@@ -1,59 +1,10 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Grid.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__utils_js_db66b9f7__ from "../utils.js";
-const colsMap = {
-    1: "grid-cols-1",
-    2: "grid-cols-2",
-    3: "grid-cols-3",
-    4: "grid-cols-4",
-    5: "grid-cols-5",
-    6: "grid-cols-6",
-    7: "grid-cols-7",
-    8: "grid-cols-8",
-    9: "grid-cols-9",
-    10: "grid-cols-10",
-    11: "grid-cols-11",
-    12: "grid-cols-12"
-};
-const rowsMap = {
-    1: "grid-rows-1",
-    2: "grid-rows-2",
-    3: "grid-rows-3",
-    4: "grid-rows-4",
-    5: "grid-rows-5",
-    6: "grid-rows-6",
-    7: "grid-rows-7",
-    8: "grid-rows-8",
-    9: "grid-rows-9",
-    10: "grid-rows-10",
-    11: "grid-rows-11",
-    12: "grid-rows-12"
-};
-const flowMap = {
-    row: "grid-flow-row",
-    col: "grid-flow-col",
-    "row-dense": "grid-flow-row-dense",
-    "col-dense": "grid-flow-col-dense"
-};
-const gapMap = {
-    none: "gap-0",
-    sm: "gap-2",
-    md: "gap-4",
-    lg: "gap-6",
-    xl: "gap-8"
-};
-const autoColsMap = {
-    min: "auto-cols-min",
-    max: "auto-cols-max",
-    fr: "auto-cols-fr"
-};
-const autoRowsMap = {
-    min: "auto-rows-min",
-    max: "auto-rows-max",
-    fr: "auto-rows-fr"
-};
+import * as __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__ from "./Grid.classes.js";
 const Grid_Grid = (props)=>{
     const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
         as: "div"
@@ -71,7 +22,7 @@ const Grid_Grid = (props)=>{
         "autoRows"
     ]);
     const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])("grid", (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.cols, colsMap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.rows, rowsMap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.flow, flowMap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.gap, gapMap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.autoCols, autoColsMap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.autoRows, autoRowsMap), local.class, local.className);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.cols, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.cols), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.rows, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.rows), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.flow, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.flow), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.gap, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.gap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.autoCols, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.autoCols), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.autoRows, __WEBPACK_EXTERNAL_MODULE__Grid_classes_js_201311f9__.CLASSES.autoRows), local.class, local.className);
     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)({
         get component () {
             return local.as;

package/dist/components/icon/Icon.classes.d.ts

@@ -0,0 +1,3 @@
+export declare const CLASSES: {
+    readonly base: "icon";
+};

package/dist/components/icon/Icon.classes.js

@@ -0,0 +1,4 @@
+const CLASSES = {
+    base: "icon"
+};
+export { CLASSES };

package/dist/components/icon/Icon.css

@@ -0,0 +1,10 @@
+@layer components {
+  .icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    line-height: 1;
+  }
+}
+

package/dist/components/icon/Icon.d.ts

@@ -1,3 +1,4 @@
+import "./Icon.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 import type { ComponentColor } from "../types";

package/dist/components/icon/Icon.js

@@ -1,7 +1,8 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import "./Icon.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__Icon_classes_js_7218ccd2__ from "./Icon.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
 const Icon = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -16,8 +17,7 @@ const Icon = (props)=>{
     const width = local.width ?? 24;
     const height = local.height ?? 24;
     const name = local.name;
-    const sizeClass = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>`${name} w-${width / 4} h-${height / 4}`);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(sizeClass(), local.className ?? local.class)));
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Icon_classes_js_7218ccd2__.CLASSES.base, name, 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, {
@@ -25,7 +25,11 @@ const Icon = (props)=>{
                 return classes();
             },
             get style () {
-                return local.style;
+                return {
+                    width: `${width}px`,
+                    height: `${height}px`,
+                    ..."object" == typeof local.style ? local.style : {}
+                };
             },
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/immersive-landing/ImmersiveLanding.classes.d.ts

@@ -0,0 +1,83 @@
+export declare const CLASSES: {
+    readonly landing: {
+        readonly base: "immersive-landing";
+        readonly viewport: "immersive-landing__viewport";
+        readonly pageLayer: "immersive-landing__page-layer";
+        readonly overlay: "immersive-landing__overlay";
+        readonly versionWrap: "immersive-landing__version-wrap";
+        readonly versionLabel: "immersive-landing__version-label";
+    };
+    readonly page: {
+        readonly base: "immersive-landing-page";
+        readonly active: "immersive-landing-page--active";
+        readonly inactive: "immersive-landing-page--inactive";
+        readonly content: "immersive-landing-page__content";
+    };
+    readonly arrows: {
+        readonly button: "immersive-landing-arrows__button";
+        readonly prev: "immersive-landing-arrows__button--prev";
+        readonly next: "immersive-landing-arrows__button--next";
+        readonly icon: "immersive-landing-arrows__icon";
+    };
+    readonly navigation: {
+        readonly base: "immersive-landing-navigation";
+        readonly shell: "immersive-landing-navigation__shell";
+        readonly row: "immersive-landing-navigation__row";
+        readonly mobileArrow: "immersive-landing-navigation__mobile-arrow";
+        readonly mobileArrowDisabled: "immersive-landing-navigation__mobile-arrow--disabled";
+        readonly dots: "immersive-landing-navigation__dots";
+        readonly dot: "immersive-landing-navigation__dot";
+        readonly dotActive: "immersive-landing-navigation__dot--active";
+        readonly counter: "immersive-landing-navigation__counter";
+        readonly icon: "immersive-landing-navigation__icon";
+    };
+    readonly pwaPrompt: {
+        readonly dialog: "immersive-landing-pwa";
+        readonly card: "immersive-landing-pwa__card";
+        readonly closeButton: "immersive-landing-pwa__close";
+        readonly body: "immersive-landing-pwa__body";
+        readonly media: "immersive-landing-pwa__media";
+        readonly appIconWrap: "immersive-landing-pwa__app-icon-wrap";
+        readonly appIcon: "immersive-landing-pwa__app-icon";
+        readonly textWrap: "immersive-landing-pwa__text-wrap";
+        readonly title: "immersive-landing-pwa__title";
+        readonly description: "immersive-landing-pwa__description";
+        readonly footer: "immersive-landing-pwa__footer";
+        readonly action: "immersive-landing-pwa__action";
+    };
+    readonly firefoxBanner: {
+        readonly dialog: "immersive-landing-firefox";
+        readonly card: "immersive-landing-firefox__card";
+        readonly closeButton: "immersive-landing-firefox__close";
+        readonly body: "immersive-landing-firefox__body";
+        readonly media: "immersive-landing-firefox__media";
+        readonly iconWrap: "immersive-landing-firefox__icon-wrap";
+        readonly browserIcon: "immersive-landing-firefox__browser-icon";
+        readonly textWrap: "immersive-landing-firefox__text-wrap";
+        readonly title: "immersive-landing-firefox__title";
+        readonly description: "immersive-landing-firefox__description";
+        readonly footer: "immersive-landing-firefox__footer";
+        readonly action: "immersive-landing-firefox__action";
+    };
+    readonly cookie: {
+        readonly banner: "immersive-landing-cookie";
+        readonly bannerClosing: "immersive-landing-cookie--closing";
+        readonly container: "immersive-landing-cookie__container";
+        readonly row: "immersive-landing-cookie__row";
+        readonly message: "immersive-landing-cookie__message";
+        readonly actions: "immersive-landing-cookie__actions";
+        readonly actionButton: "immersive-landing-cookie__action-button";
+        readonly manageButton: "immersive-landing-cookie__manage-button";
+        readonly modalBackdrop: "immersive-landing-cookie__modal-backdrop";
+        readonly modalCard: "immersive-landing-cookie__modal-card";
+        readonly modalHeader: "immersive-landing-cookie__modal-header";
+        readonly modalTitle: "immersive-landing-cookie__modal-title";
+        readonly preferences: "immersive-landing-cookie__preferences";
+        readonly preferenceRow: "immersive-landing-cookie__preference-row";
+        readonly preferenceRowLocked: "immersive-landing-cookie__preference-row--locked";
+        readonly preferenceLabel: "immersive-landing-cookie__preference-label";
+        readonly toggle: "immersive-landing-cookie__toggle";
+        readonly modalFooter: "immersive-landing-cookie__modal-footer";
+        readonly saveButton: "immersive-landing-cookie__save-button";
+    };
+};

package/dist/components/immersive-landing/ImmersiveLanding.classes.js

@@ -0,0 +1,84 @@
+const CLASSES = {
+    landing: {
+        base: "immersive-landing",
+        viewport: "immersive-landing__viewport",
+        pageLayer: "immersive-landing__page-layer",
+        overlay: "immersive-landing__overlay",
+        versionWrap: "immersive-landing__version-wrap",
+        versionLabel: "immersive-landing__version-label"
+    },
+    page: {
+        base: "immersive-landing-page",
+        active: "immersive-landing-page--active",
+        inactive: "immersive-landing-page--inactive",
+        content: "immersive-landing-page__content"
+    },
+    arrows: {
+        button: "immersive-landing-arrows__button",
+        prev: "immersive-landing-arrows__button--prev",
+        next: "immersive-landing-arrows__button--next",
+        icon: "immersive-landing-arrows__icon"
+    },
+    navigation: {
+        base: "immersive-landing-navigation",
+        shell: "immersive-landing-navigation__shell",
+        row: "immersive-landing-navigation__row",
+        mobileArrow: "immersive-landing-navigation__mobile-arrow",
+        mobileArrowDisabled: "immersive-landing-navigation__mobile-arrow--disabled",
+        dots: "immersive-landing-navigation__dots",
+        dot: "immersive-landing-navigation__dot",
+        dotActive: "immersive-landing-navigation__dot--active",
+        counter: "immersive-landing-navigation__counter",
+        icon: "immersive-landing-navigation__icon"
+    },
+    pwaPrompt: {
+        dialog: "immersive-landing-pwa",
+        card: "immersive-landing-pwa__card",
+        closeButton: "immersive-landing-pwa__close",
+        body: "immersive-landing-pwa__body",
+        media: "immersive-landing-pwa__media",
+        appIconWrap: "immersive-landing-pwa__app-icon-wrap",
+        appIcon: "immersive-landing-pwa__app-icon",
+        textWrap: "immersive-landing-pwa__text-wrap",
+        title: "immersive-landing-pwa__title",
+        description: "immersive-landing-pwa__description",
+        footer: "immersive-landing-pwa__footer",
+        action: "immersive-landing-pwa__action"
+    },
+    firefoxBanner: {
+        dialog: "immersive-landing-firefox",
+        card: "immersive-landing-firefox__card",
+        closeButton: "immersive-landing-firefox__close",
+        body: "immersive-landing-firefox__body",
+        media: "immersive-landing-firefox__media",
+        iconWrap: "immersive-landing-firefox__icon-wrap",
+        browserIcon: "immersive-landing-firefox__browser-icon",
+        textWrap: "immersive-landing-firefox__text-wrap",
+        title: "immersive-landing-firefox__title",
+        description: "immersive-landing-firefox__description",
+        footer: "immersive-landing-firefox__footer",
+        action: "immersive-landing-firefox__action"
+    },
+    cookie: {
+        banner: "immersive-landing-cookie",
+        bannerClosing: "immersive-landing-cookie--closing",
+        container: "immersive-landing-cookie__container",
+        row: "immersive-landing-cookie__row",
+        message: "immersive-landing-cookie__message",
+        actions: "immersive-landing-cookie__actions",
+        actionButton: "immersive-landing-cookie__action-button",
+        manageButton: "immersive-landing-cookie__manage-button",
+        modalBackdrop: "immersive-landing-cookie__modal-backdrop",
+        modalCard: "immersive-landing-cookie__modal-card",
+        modalHeader: "immersive-landing-cookie__modal-header",
+        modalTitle: "immersive-landing-cookie__modal-title",
+        preferences: "immersive-landing-cookie__preferences",
+        preferenceRow: "immersive-landing-cookie__preference-row",
+        preferenceRowLocked: "immersive-landing-cookie__preference-row--locked",
+        preferenceLabel: "immersive-landing-cookie__preference-label",
+        toggle: "immersive-landing-cookie__toggle",
+        modalFooter: "immersive-landing-cookie__modal-footer",
+        saveButton: "immersive-landing-cookie__save-button"
+    }
+};
+export { CLASSES };