@voiceflow/style 1.6.1 → 1.7.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.7.0](https://github.com/voiceflow/design/compare/@voiceflow/style@1.6.1...@voiceflow/style@1.7.0) (2024-02-06)
+
+### Features
+
+* add testID to all components (DX-1006) ([#377](https://github.com/voiceflow/design/issues/377)) ([676a7ab](https://github.com/voiceflow/design/commit/676a7ab65de1055c351772302165bbfbe81840c2))
+
 ## [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

package/build/cjs/main.d.ts

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

package/build/cjs/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/cjs/main.js

@@ -16,6 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.clsx = exports.recipe = void 0;
 __exportStar(require("./styled"), exports);
+__exportStar(require("./testing"), exports);
 __exportStar(require("./ThemeContext"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("@vanilla-extract/css"), exports);

package/build/cjs/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/cjs/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/cjs/testing.js

@@ -0,0 +1,17 @@
+"use strict";
+/**
+ * the pattern for data-testid attributes is based off of BEM naming
+ * https://getbem.com/naming/
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tid = void 0;
+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}`;
+};
+exports.tid = tid;

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/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.7.0",
   "exports": {
     ".": {
       "types": "./build/cjs/main.d.ts",
@@ -57,5 +57,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "844cec71f4ea87938aa6d76c00257cbe062679b2"
+  "gitHead": "83548e11925159b32fb98bfcf849e7f2fe7a72b3"
 }

package/src/main.ts

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

package/src/testing.ts

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