@teseor/css 1.15.1 → 1.15.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teseor/css",
-  "version": "1.15.1",
+  "version": "1.15.2",
   "description": "CSS library - reset, primitives, components, utilities",
   "license": "MIT",
   "author": "letanure",

package/src/components/actions/button/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('button visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'button');
-    await saveForLostPixel(page, 'button');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/actions/button-group/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('button-group visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'button-group');
-    await saveForLostPixel(page, 'button-group');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/actions/close-button/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('close-button visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'close-button');
-    await saveForLostPixel(page, 'close-button');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/content/divider/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('divider visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'divider');
-    await saveForLostPixel(page, 'divider');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/content/scroll-area/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('scroll-area visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'scroll-area');
-    await saveForLostPixel(page, 'scroll-area');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/content/spacer/visual.spec.ts

@@ -1,14 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromHtmlDocs } from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('spacer visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    // skip validateGridRhythm: spacer has no intrinsic height
-    await saveForLostPixel(page, 'spacer');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/data-display/avatar/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('avatar visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'avatar');
-    await saveForLostPixel(page, 'avatar');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/data-display/badge/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('badge visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'badge');
-    await saveForLostPixel(page, 'badge');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/data-display/card/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('card visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'card');
-    await saveForLostPixel(page, 'card');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/data-display/data-list/visual.spec.ts

@@ -1,19 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('data-list visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    // TODO: fix grid rhythm - 1px borders cause off-grid heights (#179)
-    // await validateGridRhythm(page, 'data-list');
-    await saveForLostPixel(page, 'data-list');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/data-display/icon/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('icon visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'icon');
-    await saveForLostPixel(page, 'icon');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/data-display/image/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('image visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'image');
-    await saveForLostPixel(page, 'image');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/data-display/stat/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('stat visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'stat');
-    await saveForLostPixel(page, 'stat');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/data-display/status/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('status visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'status');
-    await saveForLostPixel(page, 'status');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/data-display/table/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('table visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'table');
-    await saveForLostPixel(page, 'table');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/data-display/tag/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('tag visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'tag');
-    await saveForLostPixel(page, 'tag');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/disclosure/accordion/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('accordion visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'accordion');
-    await saveForLostPixel(page, 'accordion');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/disclosure/disclosure/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('disclosure visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'disclosure');
-    await saveForLostPixel(page, 'disclosure');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/feedback/alert/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('alert visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'alert');
-    await saveForLostPixel(page, 'alert');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/feedback/progress/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('progress visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'progress');
-    await saveForLostPixel(page, 'progress');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/feedback/progress-circle/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('progress-circle visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'progress-circle');
-    await saveForLostPixel(page, 'progress-circle');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/feedback/skeleton/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('skeleton visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'skeleton');
-    await saveForLostPixel(page, 'skeleton');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/feedback/spinner/visual.spec.ts

@@ -1,19 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('spinner visual regression', () => {
-  // TODO: Skip grid rhythm until #154 is resolved (CSS var resolution issue)
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    // await validateGridRhythm(page, 'spinner');
-    await saveForLostPixel(page, 'spinner');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/feedback/toast/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('toast visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'toast');
-    await saveForLostPixel(page, 'toast');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/forms/checkbox/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('checkbox visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'checkbox');
-    await saveForLostPixel(page, 'checkbox');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/forms/checkbox-group/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('checkbox-group visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'checkbox-group');
-    await saveForLostPixel(page, 'checkbox-group');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/forms/field/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('field visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'field');
-    await saveForLostPixel(page, 'field');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});

package/src/components/forms/fieldset/visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'docs.html');
-
-test.describe('fieldset visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'fieldset');
-    await saveForLostPixel(page, 'fieldset');
-    await expect(page.locator('body')).toHaveScreenshot('visual.png');
-  });
-});