@voiceflow/style 1.6.1 → 1.8.0

package/build/esm/__fixtures__/VariantButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/VariantButton/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,qBAAqB,CAAC;AAE3C,eAAO,MAAM,aAAa;;CAAiD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/VariantButton/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,GAAG,MAAM,qBAAqB,CAAC;AAE3C,eAAO,MAAM,aAAa;;CAAiD,CAAC"}

package/build/esm/main.d.ts

@@ -1,4 +1,5 @@
 export * from './styled/index.js';
+export * from './testing.js';
 export * from './ThemeContext.js';
 export * from './types.js';
 export * from '@vanilla-extract/css';

package/build/esm/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC"}

package/build/esm/main.js

@@ -1,4 +1,5 @@
 export * from './styled/index.js';
+export * from './testing.js';
 export * from './ThemeContext.js';
 export * from './types.js';
 export * from '@vanilla-extract/css';

package/build/esm/styled/factory.d.ts

@@ -88,6 +88,7 @@ export declare const styled: {
     ruby: StyledFactory<"ruby">;
     s: StyledFactory<"s">;
     samp: StyledFactory<"samp">;
+    search: StyledFactory<"search">;
     slot: StyledFactory<"slot">;
     script: StyledFactory<"script">;
     section: StyledFactory<"section">;
@@ -168,6 +169,7 @@ export declare const styled: {
     polyline: StyledFactory<"polyline">;
     radialGradient: StyledFactory<"radialGradient">;
     rect: StyledFactory<"rect">;
+    set: StyledFactory<"set">;
     stop: StyledFactory<"stop">;
     switch: StyledFactory<"switch">;
     symbol: StyledFactory<"symbol">;
@@ -176,6 +178,5 @@ export declare const styled: {
     tspan: StyledFactory<"tspan">;
     use: StyledFactory<"use">;
     view: StyledFactory<"view">;
-    search: StyledFactory<"search">;
 };
 //# sourceMappingURL=factory.d.ts.map

package/build/esm/styled/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../src/styled/factory.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAMV,aAAa,EACd,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBjB,CAAC"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../src/styled/factory.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAMV,aAAa,EACd,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBjB,CAAC"}

package/build/esm/styled/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { assignInlineVars } from '@vanilla-extract/dynamic';
 import type { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
 import type { STYLED_CLASS } from './constants.js';

package/build/esm/styled/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/styled/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/styled/types.ts"],"names":[],"mappings":"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"}

package/build/esm/testing.d.ts

@@ -0,0 +1,6 @@
+/**
+ * the pattern for data-testid attributes is based off of BEM naming
+ * https://getbem.com/naming/
+ */
+export declare const tid: (block: string | undefined, elements: string | [string, string, ...string[]], modifier?: string) => string | undefined;
+//# sourceMappingURL=testing.d.ts.map

package/build/esm/testing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../src/testing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,GAAG,UAAW,MAAM,GAAG,SAAS,YAAY,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC,aAAa,MAAM,uBASjH,CAAC"}

package/build/esm/testing.js

@@ -0,0 +1,13 @@
+/**
+ * the pattern for data-testid attributes is based off of BEM naming
+ * https://getbem.com/naming/
+ */
+export const tid = (block, elements, modifier) => {
+    if (!block)
+        return undefined;
+    const elementList = typeof elements === 'string' ? [elements] : elements;
+    const blockElement = [block, ...elementList].join('__');
+    if (!modifier)
+        return blockElement;
+    return `${blockElement}--${modifier}`;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voiceflow/style",
-  "version": "1.6.1",
+  "version": "1.8.0",
   "exports": {
     ".": {
       "types": "./build/cjs/main.d.ts",
@@ -10,46 +10,39 @@
   },
   "main": "build/cjs/main.js",
   "types": "build/cjs/main.d.ts",
+  "files": [
+    "build"
+  ],
   "scripts": {
-    "build": "yarn g:run-p build:cjs build:esm",
-    "prebuild:cjs": "yarn g:rimraf build/cjs",
-    "build:cjs": "yarn prebuild:cjs && yarn g:tsc -p tsconfig.build.cjs.json && yarn g:tsc-alias -p tsconfig.build.cjs.json && yarn postbuild:cjs",
-    "postbuild:cjs": "touch build/cjs/package.json && echo '{ \"type\": \"commonjs\" }' > build/cjs/package.json",
-    "prebuild:esm": "yarn g:rimraf build/esm",
-    "build:esm": "yarn prebuild:esm && yarn g:tsc -p tsconfig.build.esm.json && yarn g:tsc-alias -p tsconfig.build.esm.json && yarn postbuild:esm",
-    "postbuild:esm": "touch build/esm/package.json && echo '{ \"type\": \"module\" }' > build/esm/package.json",
-    "lint": "yarn g:run-p lint:eslint \"lint:prettier --check\"",
-    "lint:eslint": "yarn g:eslint \"src/**/*.{js,ts}\"",
-    "lint:fix": "yarn g:run-p \"lint:eslint --fix\" \"lint:prettier --write\"",
-    "lint:prettier": "yarn g:prettier . \"!**/*.{js,ts}\"",
-    "lint:report": "yarn g:eslint-output --quiet './src/**/*.{js,ts}'",
-    "test": "yarn g:vitest",
-    "test:check": "yarn g:tsc --noEmit",
-    "test:dependencies": "yarn g:depcheck",
-    "test:unit": "yarn g:vitest run"
-  },
-  "prettier": "@voiceflow-meta/prettier-config",
-  "eslintConfig": {
-    "extends": "@voiceflow-meta/eslint-config"
+    "build": "yarn g:turbo run build:cmd --filter=@voiceflow/style...",
+    "build:cjs": "yarn g:build:pkg cjs",
+    "build:cmd": "yarn g:run-p build:cjs build:esm",
+    "build:esm": "yarn g:build:pkg esm",
+    "clean": "yarn g:rimraf build",
+    "lint": "yarn g:run-p -c lint:eslint lint:prettier",
+    "lint:eslint": "yarn g:eslint",
+    "lint:fix": "yarn g:run-p -c \"lint:eslint --fix\" \"lint:prettier --write\"",
+    "lint:prettier": "yarn g:prettier --check",
+    "tdd": "yarn g:vitest",
+    "test": "yarn g:run-p -c test:dependencies test:types test:unit",
+    "test:dependencies": "yarn g:depcruise",
+    "test:types": "yarn g:tsc --noEmit",
+    "test:unit": "yarn g:vitest run --coverage"
   },
   "dependencies": {
     "@vanilla-extract/css": "1.13.0",
     "@vanilla-extract/dynamic": "2.0.3",
     "@vanilla-extract/recipes": "0.4.0",
     "clsx": "1.2.1",
-    "type-fest": "3.13.1"
+    "type-fest": "4.15.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "14.0.0",
-    "@types/react": "18.0.35",
+    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/react": "15.0.2",
+    "@types/react": "18.2.77",
     "@vanilla-extract/vite-plugin": "3.9.0",
-    "@voiceflow-meta/eslint-config": "1.3.2",
-    "@voiceflow-meta/prettier-config": "1.1.2",
-    "@voiceflow-meta/typescript-config": "1.0.2",
     "jsdom": "21.1.1",
-    "react": "18.2.0",
-    "vite-tsconfig-paths": "4.2.0"
+    "react": "18.2.0"
   },
   "peerDependencies": {
     "react": "^18"
@@ -57,5 +50,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "844cec71f4ea87938aa6d76c00257cbe062679b2"
+  "gitHead": "355332de54f9dabcef2f8b1903beecaae5734bb3"
 }

package/CHANGELOG.md

@@ -1,99 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [1.6.1](https://github.com/voiceflow/design/compare/@voiceflow/style@1.6.0...@voiceflow/style@1.6.1) (2024-01-19)
-
-**Note:** Version bump only for package @voiceflow/style
-
-# [1.6.0](https://github.com/voiceflow/design/compare/@voiceflow/style@1.5.3...@voiceflow/style@1.6.0) (2023-09-18)
-
-### Features
-
-* adds classes identifiers (CV3-352) ([#215](https://github.com/voiceflow/design/issues/215)) ([b87182c](https://github.com/voiceflow/design/commit/b87182c68dbb1823eefe09523957ae74bca65a0f))
-
-## [1.5.3](https://github.com/voiceflow/design/compare/@voiceflow/style@1.5.2...@voiceflow/style@1.5.3) (2023-09-12)
-
-**Note:** Version bump only for package @voiceflow/style
-
-## [1.5.2](https://github.com/voiceflow/design/compare/@voiceflow/style@1.5.1...@voiceflow/style@1.5.2) (2023-09-07)
-
-**Note:** Version bump only for package @voiceflow/style
-
-## [1.5.1](https://github.com/voiceflow/design/compare/@voiceflow/style@1.5.0...@voiceflow/style@1.5.1) (2023-08-28)
-
-**Note:** Version bump only for package @voiceflow/style
-
-# [1.5.0](https://github.com/voiceflow/design/compare/@voiceflow/style@1.4.1...@voiceflow/style@1.5.0) (2023-08-10)
-
-### Features
-
-* update some libs ([#169](https://github.com/voiceflow/design/issues/169)) ([fb3ef72](https://github.com/voiceflow/design/commit/fb3ef72974a9e2db7645e8d385d3e5d08c4753ab))
-
-## [1.4.1](https://github.com/voiceflow/design/compare/@voiceflow/style@1.4.0...@voiceflow/style@1.4.1) (2023-07-18)
-
-**Note:** Version bump only for package @voiceflow/style
-
-# [1.4.0](https://github.com/voiceflow/design/compare/@voiceflow/style@1.3.0...@voiceflow/style@1.4.0) (2023-07-07)
-
-### Features
-
-* improve components to support SlateEditor (DX-000) ([#105](https://github.com/voiceflow/design/issues/105)) ([51c41e5](https://github.com/voiceflow/design/commit/51c41e53dc20c05244186638f8b22b2b2b768e75))
-
-# [1.3.0](https://github.com/voiceflow/design/compare/@voiceflow/style@1.2.5...@voiceflow/style@1.3.0) (2023-07-07)
-
-### Features
-
-* improve menu component (DX-000) ([#110](https://github.com/voiceflow/design/issues/110)) ([fc772b5](https://github.com/voiceflow/design/commit/fc772b53d9b1c6184cff239354b7e085117c065b))
-
-## [1.2.5](https://github.com/voiceflow/design/compare/@voiceflow/style@1.2.4...@voiceflow/style@1.2.5) (2023-07-05)
-
-### Bug Fixes
-
-* types ([a5e92b0](https://github.com/voiceflow/design/commit/a5e92b0b370331e69d18ebd495e181283b411b3e))
-
-## [1.2.4](https://github.com/voiceflow/design/compare/@voiceflow/style@1.2.3...@voiceflow/style@1.2.4) (2023-06-12)
-
-**Note:** Version bump only for package @voiceflow/style
-
-## [1.2.3](https://github.com/voiceflow/design/compare/@voiceflow/style@1.2.2...@voiceflow/style@1.2.3) (2023-06-06)
-
-**Note:** Version bump only for package @voiceflow/style
-
-## [1.2.2](https://github.com/voiceflow/design/compare/@voiceflow/style@1.2.1...@voiceflow/style@1.2.2) (2023-05-23)
-
-**Note:** Version bump only for package @voiceflow/style
-
-## [1.2.1](https://github.com/voiceflow/design/compare/@voiceflow/style@1.2.0...@voiceflow/style@1.2.1) (2023-05-18)
-
-**Note:** Version bump only for package @voiceflow/style
-
-# [1.2.0](https://github.com/voiceflow/design/compare/@voiceflow/style@1.1.1...@voiceflow/style@1.2.0) (2023-05-09)
-
-### Features
-
-* Button Component (DX-385) ([#19](https://github.com/voiceflow/design/issues/19)) ([1793b66](https://github.com/voiceflow/design/commit/1793b666a6dd80e5a86d820eb8fa14b3e8135b7e))
-
-## [1.1.1](https://github.com/voiceflow/design/compare/@voiceflow/style@1.1.0...@voiceflow/style@1.1.1) (2023-05-08)
-
-### Bug Fixes
-
-* add basic README docs ([c7041be](https://github.com/voiceflow/design/commit/c7041bea8ecc73c7381985b2d9a85ab6fb706a5c))
-
-# 1.1.0 (2023-04-26)
-
-### Bug Fixes
-
-* correct import ([127fc98](https://github.com/voiceflow/design/commit/127fc9851e8e5e4e5dbea6d6b4216be6312da922))
-* working build ([4802e0c](https://github.com/voiceflow/design/commit/4802e0c7aee6a75d280e9c559be49f4e5c31c7d6))
-
-### Features
-
-* add support for second argument to styled factory ([57c356d](https://github.com/voiceflow/design/commit/57c356d3efbce73a50675f10cba4b900f48844ef))
-* Add test setup && storybook setup (DX-407) ([#12](https://github.com/voiceflow/design/issues/12)) ([2c1a679](https://github.com/voiceflow/design/commit/2c1a679fc1e2fd939a83ed29dc73a00b156ce0f1))
-* add ui and style scaffolding ([f515d20](https://github.com/voiceflow/design/commit/f515d20df910d52d25a6e0d9b462c488048f27a0))
-* inline vars working ([6dbe628](https://github.com/voiceflow/design/commit/6dbe6288c803f971c5d53894257880a76aacb46e))
-* style variants ([f8f55d0](https://github.com/voiceflow/design/commit/f8f55d0c8d83e7bf4870e19843ae0f5df57b02e4))
-* styled component utils ([8d4a3ab](https://github.com/voiceflow/design/commit/8d4a3abfe20e62bfca810254635ceb1f4ed8afdc))
-* styled working ([622a4f1](https://github.com/voiceflow/design/commit/622a4f196051f262fd2bba52545c3dbe73a63306))

package/build/cjs/styled/factory.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=factory.test.d.ts.map

package/build/cjs/styled/factory.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"factory.test.d.ts","sourceRoot":"","sources":["../../../src/styled/factory.test.tsx"],"names":[],"mappings":""}

package/build/cjs/styled/factory.test.js

@@ -1,140 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@testing-library/react");
-const vitest_1 = require("vitest");
-const __fixtures__1 = require("../__fixtures__");
-const ThemeContext_1 = require("../ThemeContext");
-const BASE_STYLE = {
-    padding: '20px',
-    borderRadius: '10px',
-    margin: '10px',
-};
-(0, vitest_1.describe)('styled factory', () => {
-    (0, vitest_1.describe)('static styling', () => {
-        (0, vitest_1.it)('should inherit styles from static CSS', () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(__fixtures__1.Button, {}));
-            const el = react_1.screen.getByRole('button');
-            expect(el).toHaveClass(__fixtures__1.Button.css.base);
-            expect(el).toHaveStyle(BASE_STYLE);
-        });
-    });
-    (0, vitest_1.describe)('reusable CSS', () => {
-        (0, vitest_1.it)('should extend static CSS with overrides', () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(__fixtures__1.ReuseCSS, {}));
-            const el = react_1.screen.getByRole('button');
-            expect(el).toHaveClass(__fixtures__1.Button.css.base, __fixtures__1.ReuseCSS.css.base);
-            expect(el).toHaveStyle({
-                padding: '20px',
-                margin: '10px',
-                backgroundColor: 'red',
-                borderRadius: '0',
-            });
-        });
-    });
-    (0, vitest_1.describe)('reusable styled components', () => {
-        (0, vitest_1.it)('should extend styled component with overrides', () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(__fixtures__1.ReuseStyled, {}));
-            const el = react_1.screen.getByRole('button');
-            expect(el).toHaveClass(__fixtures__1.Button.css.base, __fixtures__1.ReuseStyled.css.override);
-            expect(el).toHaveStyle({
-                padding: '20px',
-                border: '1px solid red',
-                margin: '2px',
-            });
-        });
-    });
-    (0, vitest_1.describe)('style variants', () => {
-        (0, vitest_1.it)('should render the primary style variant', () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(__fixtures__1.VariantButton, { variant: "primary" }));
-            const el = react_1.screen.getByRole('button');
-            expect(el).toHaveClass(__fixtures__1.Button.css.base, __fixtures__1.VariantButton.css.variants.primary);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                borderWidth: '2px',
-                borderColor: 'pink',
-            });
-        });
-        (0, vitest_1.it)('should render the secondary style variant', () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(__fixtures__1.VariantButton, { variant: "secondary" }));
-            const el = react_1.screen.getByRole('button');
-            expect(el).toHaveClass(__fixtures__1.Button.css.base, __fixtures__1.VariantButton.css.variants.secondary);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                borderWidth: '2px',
-                borderColor: 'blue',
-            });
-        });
-    });
-    (0, vitest_1.describe)('style recipes', () => {
-        (0, vitest_1.it)('should render a recipe with default variants', () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(__fixtures__1.RecipeButton, {}));
-            const el = react_1.screen.getByRole('button');
-            expect(el).toHaveClass(__fixtures__1.Button.css.base);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                border: '1px dashed black',
-                fontSize: '18px',
-            });
-        });
-        (0, vitest_1.it)('should render a recipe with selected variants', () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(__fixtures__1.RecipeButton, { fontSize: "sm", color: "warn" }));
-            const el = react_1.screen.getByRole('button');
-            expect(el).toHaveClass(__fixtures__1.Button.css.base);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                border: '1px dashed black',
-                backgroundColor: 'orange',
-                fontSize: '10px',
-            });
-        });
-    });
-    // unable to test CSS variables fully in JSDOM it seems
-    // https://github.com/jsdom/jsdom/pull/3299
-    vitest_1.describe.skip('themed components', () => {
-        (0, vitest_1.it)('should render styles from the provided theme', () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(ThemeContext_1.ThemeProvider, { theme: __fixtures__1.Theme.light, children: (0, jsx_runtime_1.jsx)(__fixtures__1.ThemedButton, {}) }));
-            const el = react_1.screen.getByRole('button');
-            expect(el).toHaveClass(__fixtures__1.Button.css.base, __fixtures__1.ThemedButton.css.themed);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                color: 'red',
-                borderRadius: '0',
-            });
-        });
-        (0, vitest_1.it)('should override styles with contextual themes', () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(ThemeContext_1.ThemeProvider, { theme: __fixtures__1.Theme.light, children: (0, jsx_runtime_1.jsx)(ThemeContext_1.ThemeProvider, { theme: __fixtures__1.Theme.dark, children: (0, jsx_runtime_1.jsx)(__fixtures__1.ThemedButton, {}) }) }));
-            const el = react_1.screen.getByRole('button');
-            expect(el).toHaveClass(__fixtures__1.Button.css.base, __fixtures__1.ThemedButton.css.themed);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                color: 'blue',
-                borderRadius: '0',
-            });
-        });
-    });
-    vitest_1.describe.skip('inline CSS variables', () => {
-        (0, vitest_1.it)('should render style from dynamic values', () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(__fixtures__1.InlineVarButton, { brandColor: "green" }));
-            const el = react_1.screen.getByRole('button');
-            expect(el).toHaveClass(__fixtures__1.Button.css.base, __fixtures__1.InlineVarButton.css.base);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                color: 'green',
-                borderRadius: '0',
-            });
-        });
-    });
-    vitest_1.describe.skip('inline theme', () => {
-        (0, vitest_1.it)('should render style from inline theme', () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(__fixtures__1.InlineThemedButton, { brandColor: "green" }));
-            const el = react_1.screen.getByRole('button');
-            expect(el).toHaveClass(__fixtures__1.Button.css.base, __fixtures__1.InlineThemedButton.css.themed);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                color: 'green',
-                borderRadius: '0',
-            });
-        });
-    });
-});

package/build/esm/styled/factory.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=factory.test.d.ts.map

package/build/esm/styled/factory.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"factory.test.d.ts","sourceRoot":"","sources":["../../../src/styled/factory.test.tsx"],"names":[],"mappings":""}

package/build/esm/styled/factory.test.js

@@ -1,138 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { describe, it } from 'vitest';
-import { Button, InlineThemedButton, InlineVarButton, RecipeButton, ReuseCSS, ReuseStyled, Theme, ThemedButton, VariantButton, } from '../__fixtures__/index.js';
-import { ThemeProvider } from '../ThemeContext.js';
-const BASE_STYLE = {
-    padding: '20px',
-    borderRadius: '10px',
-    margin: '10px',
-};
-describe('styled factory', () => {
-    describe('static styling', () => {
-        it('should inherit styles from static CSS', () => {
-            render(_jsx(Button, {}));
-            const el = screen.getByRole('button');
-            expect(el).toHaveClass(Button.css.base);
-            expect(el).toHaveStyle(BASE_STYLE);
-        });
-    });
-    describe('reusable CSS', () => {
-        it('should extend static CSS with overrides', () => {
-            render(_jsx(ReuseCSS, {}));
-            const el = screen.getByRole('button');
-            expect(el).toHaveClass(Button.css.base, ReuseCSS.css.base);
-            expect(el).toHaveStyle({
-                padding: '20px',
-                margin: '10px',
-                backgroundColor: 'red',
-                borderRadius: '0',
-            });
-        });
-    });
-    describe('reusable styled components', () => {
-        it('should extend styled component with overrides', () => {
-            render(_jsx(ReuseStyled, {}));
-            const el = screen.getByRole('button');
-            expect(el).toHaveClass(Button.css.base, ReuseStyled.css.override);
-            expect(el).toHaveStyle({
-                padding: '20px',
-                border: '1px solid red',
-                margin: '2px',
-            });
-        });
-    });
-    describe('style variants', () => {
-        it('should render the primary style variant', () => {
-            render(_jsx(VariantButton, { variant: "primary" }));
-            const el = screen.getByRole('button');
-            expect(el).toHaveClass(Button.css.base, VariantButton.css.variants.primary);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                borderWidth: '2px',
-                borderColor: 'pink',
-            });
-        });
-        it('should render the secondary style variant', () => {
-            render(_jsx(VariantButton, { variant: "secondary" }));
-            const el = screen.getByRole('button');
-            expect(el).toHaveClass(Button.css.base, VariantButton.css.variants.secondary);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                borderWidth: '2px',
-                borderColor: 'blue',
-            });
-        });
-    });
-    describe('style recipes', () => {
-        it('should render a recipe with default variants', () => {
-            render(_jsx(RecipeButton, {}));
-            const el = screen.getByRole('button');
-            expect(el).toHaveClass(Button.css.base);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                border: '1px dashed black',
-                fontSize: '18px',
-            });
-        });
-        it('should render a recipe with selected variants', () => {
-            render(_jsx(RecipeButton, { fontSize: "sm", color: "warn" }));
-            const el = screen.getByRole('button');
-            expect(el).toHaveClass(Button.css.base);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                border: '1px dashed black',
-                backgroundColor: 'orange',
-                fontSize: '10px',
-            });
-        });
-    });
-    // unable to test CSS variables fully in JSDOM it seems
-    // https://github.com/jsdom/jsdom/pull/3299
-    describe.skip('themed components', () => {
-        it('should render styles from the provided theme', () => {
-            render(_jsx(ThemeProvider, { theme: Theme.light, children: _jsx(ThemedButton, {}) }));
-            const el = screen.getByRole('button');
-            expect(el).toHaveClass(Button.css.base, ThemedButton.css.themed);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                color: 'red',
-                borderRadius: '0',
-            });
-        });
-        it('should override styles with contextual themes', () => {
-            render(_jsx(ThemeProvider, { theme: Theme.light, children: _jsx(ThemeProvider, { theme: Theme.dark, children: _jsx(ThemedButton, {}) }) }));
-            const el = screen.getByRole('button');
-            expect(el).toHaveClass(Button.css.base, ThemedButton.css.themed);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                color: 'blue',
-                borderRadius: '0',
-            });
-        });
-    });
-    describe.skip('inline CSS variables', () => {
-        it('should render style from dynamic values', () => {
-            render(_jsx(InlineVarButton, { brandColor: "green" }));
-            const el = screen.getByRole('button');
-            expect(el).toHaveClass(Button.css.base, InlineVarButton.css.base);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                color: 'green',
-                borderRadius: '0',
-            });
-        });
-    });
-    describe.skip('inline theme', () => {
-        it('should render style from inline theme', () => {
-            render(_jsx(InlineThemedButton, { brandColor: "green" }));
-            const el = screen.getByRole('button');
-            expect(el).toHaveClass(Button.css.base, InlineThemedButton.css.themed);
-            expect(el).toHaveStyle({
-                ...BASE_STYLE,
-                color: 'green',
-                borderRadius: '0',
-            });
-        });
-    });
-});

package/config/test/setup.js

@@ -1,9 +0,0 @@
-import matchers from '@testing-library/jest-dom/matchers';
-import { cleanup } from '@testing-library/react';
-import { afterEach, expect } from 'vitest';
-
-expect.extend(matchers);
-
-afterEach(() => {
-  cleanup();
-});

package/sonar-project.properties

@@ -1,10 +0,0 @@
-sonar.projectName=design-style
-sonar.sources=src/
-sonar.tests=src/
-sonar.exclusions=src/**/*.test.ts,src/**/test-utils/
-sonar.test.inclusions=src/**/*.test.ts,src/**/test-utils/
-sonar.cpd.exclusions=src/**/*.test.ts,src/**/test-utils/
-sonar.coverage.exclusions=**/**
-sonar.eslint.reportPaths=sonar/report.json
-sonar.typescript.tsconfigPath=./tsconfig.json
-#sonar.javascript.lcov.reportPaths=nyc_coverage_unit/lcov.info

package/src/ThemeContext.tsx

@@ -1,14 +0,0 @@
-import { createContext, useContext } from 'react';
-
-export const ThemeContext = createContext<string | null>(null);
-export const { Consumer: ThemeConsumer } = ThemeContext;
-
-export interface ThemeProviderProps extends React.PropsWithChildren {
-  theme: string;
-}
-
-export const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme, children }) => (
-  <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>
-);
-
-export const useTheme = () => useContext(ThemeContext);

package/src/__fixtures__/Button/Button.component.tsx

@@ -1,7 +0,0 @@
-import * as S from './Button.styled';
-
-export interface ButtonProps extends React.PropsWithChildren {
-  onClick?: React.MouseEventHandler<HTMLButtonElement>;
-}
-
-export const Button: React.FC<ButtonProps> = ({ onClick, children }) => <S.Base onClick={onClick}>{children}</S.Base>;

package/src/__fixtures__/Button/Button.css.ts

@@ -1,7 +0,0 @@
-import { style } from '@/main';
-
-export const base = style({
-  padding: 20,
-  borderRadius: 10,
-  margin: 10,
-});

package/src/__fixtures__/Button/Button.styled.ts

@@ -1,5 +0,0 @@
-import { styled } from '@/main';
-
-import { base } from './Button.css';
-
-export const Base = styled.button([base]);