@heymantle/litho 0.0.13 → 0.0.15

package/dist/esm/index.js

@@ -58,6 +58,8 @@ export { default as TextField } from "./components/TextField.js";
 export { default as Thumbnail } from "./components/Thumbnail.js";
 export { default as TimePicker } from "./components/TimePicker.js";
 export { default as Tip } from "./components/Tip.js";
+export { default as ToastNotification } from "./components/ToastNotification.js";
+export { default as ToastProvider, useToast } from "./components/ToastProvider.js";
 export { default as Tooltip } from "./components/Tooltip.js";
 export { default as TopBar } from "./components/TopBar.js";
 export { default as VerticalStack } from "./components/VerticalStack.js";

package/dist/esm/playwright.config.js

@@ -0,0 +1,104 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { defineConfig, devices } from "@playwright/test";
+export default defineConfig({
+    testDir: './tests/visual',
+    // Run tests in parallel
+    fullyParallel: true,
+    // Fail the build on CI if you accidentally left test.only in the source code
+    forbidOnly: !!process.env.CI,
+    // Retry failed tests on CI
+    retries: process.env.CI ? 2 : 0,
+    // Limit parallel workers on CI
+    workers: process.env.CI ? 1 : undefined,
+    // Reporter configuration
+    reporter: process.env.CI ? 'github' : 'list',
+    // Shared settings for all projects
+    use: {
+        // Base URL for Storybook
+        baseURL: 'http://127.0.0.1:6006',
+        // Capture trace on failure
+        trace: 'on-first-retry'
+    },
+    // Snapshot naming - remove platform suffix for cross-platform baselines
+    snapshotPathTemplate: '{testDir}/{testFileDir}/{testFileName}-snapshots/{arg}{ext}',
+    // Visual comparison settings
+    expect: {
+        toHaveScreenshot: {
+            // Allow differences for anti-aliasing and sub-pixel text positioning
+            maxDiffPixelRatio: 0.04,
+            // Animation settings
+            animations: 'disabled'
+        }
+    },
+    // Configure projects for major browsers
+    projects: [
+        {
+            name: 'chromium',
+            use: _object_spread_props(_object_spread({}, devices['Desktop Chrome']), {
+                // Consistent viewport
+                viewport: {
+                    width: 1280,
+                    height: 720
+                }
+            })
+        }
+    ],
+    // Web server configuration - start Storybook before running tests
+    webServer: {
+        command: 'npm run storybook -- --ci --quiet',
+        url: 'http://127.0.0.1:6006',
+        reuseExistingServer: !process.env.CI,
+        timeout: 120000
+    }
+});

package/dist/esm/styles/Table.js

@@ -24,7 +24,7 @@ var headingStyles = tv({
     base: "Litho-Table-Heading py-0 px-2 @md:first:pl-3 whitespace-nowrap font-semibold! text-high text-sm dark:text-normal",
     variants: {
         hidden: {
-            true: "hidden opacity-0 pointer-events-none @md:block @md:opacity-100 @md:pointer-events-auto"
+            true: "hidden opacity-0 pointer-events-none @md:table-cell @md:opacity-100 @md:pointer-events-auto"
         },
         verticalAlign: {
             top: "align-top",
@@ -464,7 +464,7 @@ var fixedColumnsStyles = tv({
             false: ""
         },
         firstColumns: {
-            true: "left-0",
+            true: "left-0 hidden @md:block",
             false: "right-0 hidden @md:block"
         },
         selectable: {
@@ -481,11 +481,6 @@ var fixedColumnsStyles = tv({
         }
     },
     compoundVariants: [
-        {
-            firstColumns: true,
-            selectable: false,
-            className: "hidden @md:block"
-        },
         {
             firstColumns: true,
             canScrollLeft: true,