@coveord/plasma-react-icons 56.2.2 → 56.2.3

package/dist/esm/generated/websitePortal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/generated/websitePortal/index.ts"],"sourcesContent":["export {default as WebsitePortalSize32Px} from './size32Px.js';\nexport {default as WebsitePortalSize24Px} from './size24Px.js';\nexport {default as WebsitePortalSize16Px} from './size16Px.js';\n"],"names":["default","WebsitePortalSize32Px","WebsitePortalSize24Px","WebsitePortalSize16Px"],"mappings":"AAAA,SAAQA,WAAWC,qBAAqB,QAAO,gBAAgB;AAC/D,SAAQD,WAAWE,qBAAqB,QAAO,gBAAgB;AAC/D,SAAQF,WAAWG,qBAAqB,QAAO,gBAAgB"}
+{"version":3,"sources":["../../../../src/generated/websitePortal/index.ts"],"sourcesContent":["export {default as WebsitePortalSize32Px} from './size32Px.js';\nexport {default as WebsitePortalSize16Px} from './size16Px.js';\nexport {default as WebsitePortalSize24Px} from './size24Px.js';\n"],"names":["default","WebsitePortalSize32Px","WebsitePortalSize16Px","WebsitePortalSize24Px"],"mappings":"AAAA,SAAQA,WAAWC,qBAAqB,QAAO,gBAAgB;AAC/D,SAAQD,WAAWE,qBAAqB,QAAO,gBAAgB;AAC/D,SAAQF,WAAWG,qBAAqB,QAAO,gBAAgB"}

package/dist/esm/generated/wiFi/index.d.ts

@@ -1,4 +1,4 @@
-export { default as WiFiSize24Px } from './size24Px.js';
 export { default as WiFiSize32Px } from './size32Px.js';
+export { default as WiFiSize24Px } from './size24Px.js';
 export { default as WiFiSize16Px } from './size16Px.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/generated/wiFi/index.js

@@ -1,5 +1,5 @@
-export { default as WiFiSize24Px } from './size24Px.js';
 export { default as WiFiSize32Px } from './size32Px.js';
+export { default as WiFiSize24Px } from './size24Px.js';
 export { default as WiFiSize16Px } from './size16Px.js';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/generated/wiFi/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/generated/wiFi/index.ts"],"sourcesContent":["export {default as WiFiSize24Px} from './size24Px.js';\nexport {default as WiFiSize32Px} from './size32Px.js';\nexport {default as WiFiSize16Px} from './size16Px.js';\n"],"names":["default","WiFiSize24Px","WiFiSize32Px","WiFiSize16Px"],"mappings":"AAAA,SAAQA,WAAWC,YAAY,QAAO,gBAAgB;AACtD,SAAQD,WAAWE,YAAY,QAAO,gBAAgB;AACtD,SAAQF,WAAWG,YAAY,QAAO,gBAAgB"}
+{"version":3,"sources":["../../../../src/generated/wiFi/index.ts"],"sourcesContent":["export {default as WiFiSize32Px} from './size32Px.js';\nexport {default as WiFiSize24Px} from './size24Px.js';\nexport {default as WiFiSize16Px} from './size16Px.js';\n"],"names":["default","WiFiSize32Px","WiFiSize24Px","WiFiSize16Px"],"mappings":"AAAA,SAAQA,WAAWC,YAAY,QAAO,gBAAgB;AACtD,SAAQD,WAAWE,YAAY,QAAO,gBAAgB;AACtD,SAAQF,WAAWG,YAAY,QAAO,gBAAgB"}

package/dist/esm/generated/workplace/index.d.ts

@@ -1,4 +1,4 @@
-export { default as WorkplaceSize32Px } from './size32Px.js';
 export { default as WorkplaceSize24Px } from './size24Px.js';
 export { default as WorkplaceSize16Px } from './size16Px.js';
+export { default as WorkplaceSize32Px } from './size32Px.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/generated/workplace/index.js

@@ -1,5 +1,5 @@
-export { default as WorkplaceSize32Px } from './size32Px.js';
 export { default as WorkplaceSize24Px } from './size24Px.js';
 export { default as WorkplaceSize16Px } from './size16Px.js';
+export { default as WorkplaceSize32Px } from './size32Px.js';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/generated/workplace/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/generated/workplace/index.ts"],"sourcesContent":["export {default as WorkplaceSize32Px} from './size32Px.js';\nexport {default as WorkplaceSize24Px} from './size24Px.js';\nexport {default as WorkplaceSize16Px} from './size16Px.js';\n"],"names":["default","WorkplaceSize32Px","WorkplaceSize24Px","WorkplaceSize16Px"],"mappings":"AAAA,SAAQA,WAAWC,iBAAiB,QAAO,gBAAgB;AAC3D,SAAQD,WAAWE,iBAAiB,QAAO,gBAAgB;AAC3D,SAAQF,WAAWG,iBAAiB,QAAO,gBAAgB"}
+{"version":3,"sources":["../../../../src/generated/workplace/index.ts"],"sourcesContent":["export {default as WorkplaceSize24Px} from './size24Px.js';\nexport {default as WorkplaceSize16Px} from './size16Px.js';\nexport {default as WorkplaceSize32Px} from './size32Px.js';\n"],"names":["default","WorkplaceSize24Px","WorkplaceSize16Px","WorkplaceSize32Px"],"mappings":"AAAA,SAAQA,WAAWC,iBAAiB,QAAO,gBAAgB;AAC3D,SAAQD,WAAWE,iBAAiB,QAAO,gBAAgB;AAC3D,SAAQF,WAAWG,iBAAiB,QAAO,gBAAgB"}

package/dist/esm/generated/xCircle/index.d.ts

@@ -1,4 +1,4 @@
 export { default as XCircleSize32Px } from './size32Px.js';
-export { default as XCircleSize16Px } from './size16Px.js';
 export { default as XCircleSize24Px } from './size24Px.js';
+export { default as XCircleSize16Px } from './size16Px.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/generated/xCircle/index.js

@@ -1,5 +1,5 @@
 export { default as XCircleSize32Px } from './size32Px.js';
-export { default as XCircleSize16Px } from './size16Px.js';
 export { default as XCircleSize24Px } from './size24Px.js';
+export { default as XCircleSize16Px } from './size16Px.js';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/generated/xCircle/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/generated/xCircle/index.ts"],"sourcesContent":["export {default as XCircleSize32Px} from './size32Px.js';\nexport {default as XCircleSize16Px} from './size16Px.js';\nexport {default as XCircleSize24Px} from './size24Px.js';\n"],"names":["default","XCircleSize32Px","XCircleSize16Px","XCircleSize24Px"],"mappings":"AAAA,SAAQA,WAAWC,eAAe,QAAO,gBAAgB;AACzD,SAAQD,WAAWE,eAAe,QAAO,gBAAgB;AACzD,SAAQF,WAAWG,eAAe,QAAO,gBAAgB"}
+{"version":3,"sources":["../../../../src/generated/xCircle/index.ts"],"sourcesContent":["export {default as XCircleSize32Px} from './size32Px.js';\nexport {default as XCircleSize24Px} from './size24Px.js';\nexport {default as XCircleSize16Px} from './size16Px.js';\n"],"names":["default","XCircleSize32Px","XCircleSize24Px","XCircleSize16Px"],"mappings":"AAAA,SAAQA,WAAWC,eAAe,QAAO,gBAAgB;AACzD,SAAQD,WAAWE,eAAe,QAAO,gBAAgB;AACzD,SAAQF,WAAWG,eAAe,QAAO,gBAAgB"}

package/dist/esm/generated/zombie/index.d.ts

@@ -1,4 +1,4 @@
-export { default as ZombieSize32Px } from './size32Px.js';
 export { default as ZombieSize24Px } from './size24Px.js';
+export { default as ZombieSize32Px } from './size32Px.js';
 export { default as ZombieSize16Px } from './size16Px.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/generated/zombie/index.js

@@ -1,5 +1,5 @@
-export { default as ZombieSize32Px } from './size32Px.js';
 export { default as ZombieSize24Px } from './size24Px.js';
+export { default as ZombieSize32Px } from './size32Px.js';
 export { default as ZombieSize16Px } from './size16Px.js';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/generated/zombie/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/generated/zombie/index.ts"],"sourcesContent":["export {default as ZombieSize32Px} from './size32Px.js';\nexport {default as ZombieSize24Px} from './size24Px.js';\nexport {default as ZombieSize16Px} from './size16Px.js';\n"],"names":["default","ZombieSize32Px","ZombieSize24Px","ZombieSize16Px"],"mappings":"AAAA,SAAQA,WAAWC,cAAc,QAAO,gBAAgB;AACxD,SAAQD,WAAWE,cAAc,QAAO,gBAAgB;AACxD,SAAQF,WAAWG,cAAc,QAAO,gBAAgB"}
+{"version":3,"sources":["../../../../src/generated/zombie/index.ts"],"sourcesContent":["export {default as ZombieSize24Px} from './size24Px.js';\nexport {default as ZombieSize32Px} from './size32Px.js';\nexport {default as ZombieSize16Px} from './size16Px.js';\n"],"names":["default","ZombieSize24Px","ZombieSize32Px","ZombieSize16Px"],"mappings":"AAAA,SAAQA,WAAWC,cAAc,QAAO,gBAAgB;AACxD,SAAQD,WAAWE,cAAc,QAAO,gBAAgB;AACxD,SAAQF,WAAWG,cAAc,QAAO,gBAAgB"}

package/dist/esm/generated/zoomIn/index.d.ts

@@ -1,4 +1,4 @@
-export { default as ZoomInSize24Px } from './size24Px.js';
 export { default as ZoomInSize32Px } from './size32Px.js';
+export { default as ZoomInSize24Px } from './size24Px.js';
 export { default as ZoomInSize16Px } from './size16Px.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/generated/zoomIn/index.js

@@ -1,5 +1,5 @@
-export { default as ZoomInSize24Px } from './size24Px.js';
 export { default as ZoomInSize32Px } from './size32Px.js';
+export { default as ZoomInSize24Px } from './size24Px.js';
 export { default as ZoomInSize16Px } from './size16Px.js';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/generated/zoomIn/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/generated/zoomIn/index.ts"],"sourcesContent":["export {default as ZoomInSize24Px} from './size24Px.js';\nexport {default as ZoomInSize32Px} from './size32Px.js';\nexport {default as ZoomInSize16Px} from './size16Px.js';\n"],"names":["default","ZoomInSize24Px","ZoomInSize32Px","ZoomInSize16Px"],"mappings":"AAAA,SAAQA,WAAWC,cAAc,QAAO,gBAAgB;AACxD,SAAQD,WAAWE,cAAc,QAAO,gBAAgB;AACxD,SAAQF,WAAWG,cAAc,QAAO,gBAAgB"}
+{"version":3,"sources":["../../../../src/generated/zoomIn/index.ts"],"sourcesContent":["export {default as ZoomInSize32Px} from './size32Px.js';\nexport {default as ZoomInSize24Px} from './size24Px.js';\nexport {default as ZoomInSize16Px} from './size16Px.js';\n"],"names":["default","ZoomInSize32Px","ZoomInSize24Px","ZoomInSize16Px"],"mappings":"AAAA,SAAQA,WAAWC,cAAc,QAAO,gBAAgB;AACxD,SAAQD,WAAWE,cAAc,QAAO,gBAAgB;AACxD,SAAQF,WAAWG,cAAc,QAAO,gBAAgB"}

package/dist/esm/generated/zoomOut/index.d.ts

@@ -1,4 +1,4 @@
 export { default as ZoomOutSize32Px } from './size32Px.js';
-export { default as ZoomOutSize16Px } from './size16Px.js';
 export { default as ZoomOutSize24Px } from './size24Px.js';
+export { default as ZoomOutSize16Px } from './size16Px.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/generated/zoomOut/index.js

@@ -1,5 +1,5 @@
 export { default as ZoomOutSize32Px } from './size32Px.js';
-export { default as ZoomOutSize16Px } from './size16Px.js';
 export { default as ZoomOutSize24Px } from './size24Px.js';
+export { default as ZoomOutSize16Px } from './size16Px.js';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/generated/zoomOut/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/generated/zoomOut/index.ts"],"sourcesContent":["export {default as ZoomOutSize32Px} from './size32Px.js';\nexport {default as ZoomOutSize16Px} from './size16Px.js';\nexport {default as ZoomOutSize24Px} from './size24Px.js';\n"],"names":["default","ZoomOutSize32Px","ZoomOutSize16Px","ZoomOutSize24Px"],"mappings":"AAAA,SAAQA,WAAWC,eAAe,QAAO,gBAAgB;AACzD,SAAQD,WAAWE,eAAe,QAAO,gBAAgB;AACzD,SAAQF,WAAWG,eAAe,QAAO,gBAAgB"}
+{"version":3,"sources":["../../../../src/generated/zoomOut/index.ts"],"sourcesContent":["export {default as ZoomOutSize32Px} from './size32Px.js';\nexport {default as ZoomOutSize24Px} from './size24Px.js';\nexport {default as ZoomOutSize16Px} from './size16Px.js';\n"],"names":["default","ZoomOutSize32Px","ZoomOutSize24Px","ZoomOutSize16Px"],"mappings":"AAAA,SAAQA,WAAWC,eAAe,QAAO,gBAAgB;AACzD,SAAQD,WAAWE,eAAe,QAAO,gBAAgB;AACzD,SAAQF,WAAWG,eAAe,QAAO,gBAAgB"}

package/dist/esm/testing-library/README.md

@@ -0,0 +1,108 @@
+# Testing Library for Plasma React Icons
+
+This package provides custom queries for finding Plasma icons in your tests, compatible with Testing Library patterns.
+
+## Installation
+
+The testing utilities are available as a separate entrypoint and use `@testing-library/dom` under the hood:
+
+```typescript
+import {getByIconName, queryByIconName, findByIconName} from '@coveord/plasma-react-icons/testing-library';
+```
+
+**Prerequisites:** This package requires `@testing-library/dom` to be installed in your project.
+
+## Setup
+
+### Option 1: Extend Screen Object (Recommended)
+
+Add this to a separate test utilities file (e.g., `test-utils.ts` or `testing-utils.ts`):
+
+```typescript
+import {screen as defaultScreen} from '@testing-library/react';
+import {extendScreen, IconQueries} from '@coveord/plasma-react-icons/testing-library';
+
+// Extend screen with icon queries with its type so that you have autocomplete in your IDE
+const screen: typeof defaultScreen & IconQueries = extendScreen(defaultScreen);
+
+// Export everything from testing library + our enhanced screen
+export * from '@testing-library/react';
+export {screen};
+
+// Then, in your test file
+import {render, screen} from './test-utils'; // or your utilities file path
+
+// Now screen.getByIconName, screen.queryByIconName, etc. are available
+```
+
+### Option 2: Import Individual Queries
+
+```typescript
+import {getByIconName, queryByIconName, findByIconName} from '@coveord/plasma-react-icons/testing-library';
+```
+
+## Usage
+
+### Basic Usage
+
+```jsx
+import {render} from '@testing-library/react';
+import {getByIconName} from '@coveord/plasma-react-icons/testing-library';
+import {AddSize16Px} from '@coveord/plasma-react-icons';
+
+test('should find icon by name', () => {
+    const {container} = render(<AddSize16Px />);
+
+    const icon = getByIconName(container, 'add');
+    expect(icon).toBeInTheDocument();
+});
+```
+
+### Using with Screen Object
+
+You can use the icon queries directly with the `screen` object:
+
+```jsx
+import {render, screen} from '@testing-library/react';
+import {extendScreen} from '@coveord/plasma-react-icons/testing-library';
+import {SearchSize24Px} from '@coveord/plasma-react-icons';
+
+// Extend the screen object once in your test setup
+extendScreen(screen);
+
+test('should find icon using screen', () => {
+    render(<SearchSize24Px />);
+    // Now you can use screen.getByIconName directly!
+    const icon = screen.getByIconName('search');
+    expect(icon).toBeInTheDocument();
+});
+```
+
+### Available Queries
+
+The testing library provides all standard Testing Library query variants:
+
+- `queryByIconName` - Returns the element or null if not found
+- `queryAllByIconName` - Returns an array of elements (empty if none found)
+- `getByIconName` - Returns the element or throws if not found/multiple found
+- `getAllByIconName` - Returns an array of elements or throws if none found
+- `findByIconName` - Async version of getByIconName
+- `findAllByIconName` - Async version of getAllByIconName
+
+### Icon Name Patterns
+
+The queries support two patterns:
+
+1. **Tabler Icons with "icon" prefix**: Uses CSS class selector
+
+    ```typescript
+    // For icons with names starting with "icon"
+    getByIconName(container, 'iconSearch'); // finds .tabler-icon-search
+    ```
+
+2. **Standard Icons**: Uses role="img" and accessible name
+
+    ```typescript
+    // For standard icons with aria-label or alt text
+    getByIconName(container, 'search'); // finds [role="img"][aria-label="search"]
+    ```

package/dist/esm/testing-library/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Custom queries for finding Plasma icons in tests
+ * Uses @testing-library/dom buildQueries for consistent behavior
+ */
+declare const queryAllByIconName: (container: HTMLElement, iconName: string) => HTMLElement[];
+declare const queryByIconName: import("@testing-library/dom").QueryBy<[string]>, getAllByIconName: import("@testing-library/dom").GetAllBy<[string]>, getByIconName: import("@testing-library/dom").GetBy<[string]>, findAllByIconName: import("@testing-library/dom").FindAllBy<[string]>, findByIconName: import("@testing-library/dom").FindBy<[string]>;
+export { queryByIconName, queryAllByIconName, getAllByIconName, getByIconName, findAllByIconName, findByIconName };
+export interface IconQueries {
+    queryByIconName: (iconName: string) => HTMLElement | null;
+    queryAllByIconName: (iconName: string) => HTMLElement[];
+    getByIconName: (iconName: string) => HTMLElement;
+    getAllByIconName: (iconName: string) => HTMLElement[];
+    findByIconName: (iconName: string, options?: any) => Promise<HTMLElement>;
+    findAllByIconName: (iconName: string, options?: any) => Promise<HTMLElement[]>;
+}
+export declare const screenQueryByIconName: (iconName: string) => HTMLElement | null, screenQueryAllByIconName: (iconName: string) => HTMLElement[], screenGetByIconName: (iconName: string) => HTMLElement, screenGetAllByIconName: (iconName: string) => HTMLElement[], screenFindByIconName: (iconName: string, options?: any) => Promise<HTMLElement>, screenFindAllByIconName: (iconName: string, options?: any) => Promise<HTMLElement[]>;
+/**
+ * Extends a Testing Library screen object with icon queries.
+ * This allows you to use icon queries directly on the screen object.
+ *
+ * @param testingLibraryScreen - The screen object from Testing Library (optional)
+ * @returns Extended screen object with icon queries
+ *
+ * @example
+ * import { render } from '@testing-library/react';
+ * import { extendScreen } from '@coveord/plasma-react-icons/testing-library';
+ *
+ * const screen = extendScreen();
+ * render(<MyComponent />);
+ * const icon = screen.getByIconName('add');
+ */
+export declare const extendScreen: <T extends Record<string, any> = Record<string, never>>(testingLibraryScreen?: T) => T extends Record<string, never> ? IconQueries : T & IconQueries;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/testing-library/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/testing-library/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAiBH,QAAA,MAAM,kBAAkB,GAAI,WAAW,WAAW,EAAE,UAAU,MAAM,KAAG,WAAW,EA+BjF,CAAC;AAGF,QAAA,MAAO,eAAe,oDAAE,gBAAgB,qDAAE,aAAa,kDAAE,iBAAiB,sDAAE,cAAc,iDAIzF,CAAC;AAGF,OAAO,EAAC,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,aAAa,EAAE,iBAAiB,EAAE,cAAc,EAAC,CAAC;AAGjH,MAAM,WAAW,WAAW;IACxB,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAC;IAC1D,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,EAAE,CAAC;IACxD,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAC;IACjD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,EAAE,CAAC;IACtD,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAC1E,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;CAClF;AAaD,eAAO,MACc,qBAAqB,aApBV,MAAM,KAAK,WAAW,GAAG,IAAI,EAqBrC,wBAAwB,aApBb,MAAM,KAAK,WAAW,EAAE,EAqBxC,mBAAmB,aApBR,MAAM,KAAK,WAAW,EAqB9B,sBAAsB,aApBX,MAAM,KAAK,WAAW,EAAE,EAqBrC,oBAAoB,aApBT,MAAM,YAAY,GAAG,KAAK,OAAO,CAAC,WAAW,CAAC,EAqBtD,uBAAuB,aApBZ,MAAM,YAAY,GAAG,KAAK,OAAO,CAAC,WAAW,EAAE,CAqBhE,CAAC;AAElB;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAC9E,uBAAuB,CAAC,KACzB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,WAAW,GAAG,CAAC,GAAG,WAWtD,CAAC"}

package/dist/esm/testing-library/index.js

@@ -0,0 +1,81 @@
+/**
+ * Custom queries for finding Plasma icons in tests
+ * Uses @testing-library/dom buildQueries for consistent behavior
+ */ import { buildQueries } from '@testing-library/dom';
+// Helper function to convert camelCase to kebab-case
+const slugify = (text)=>text.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/\s+/g, '-').toLowerCase();
+// Error functions compatible with Testing Library
+const getMultipleError = (c, iconName)=>`Found multiple elements with icon name: ${iconName}`;
+const getMissingError = (c, iconName)=>`Unable to find an element with icon name: ${iconName}`;
+// Core query function that finds all matching elements
+const queryAllByIconName = (container, iconName)=>{
+    if (iconName.startsWith('icon')) {
+        // For Tabler icons with 'icon' prefix, use CSS class selector
+        const elements = container.querySelectorAll(`.tabler-${slugify(iconName)}`);
+        return Array.from(elements);
+    } else {
+        // For other icons, look for elements with role="img" and matching accessible name
+        // This covers both img elements and SVG elements with role="img"
+        const roleElements = container.querySelectorAll('[role="img"]');
+        const matchingElements = [];
+        roleElements.forEach((element)=>{
+            const ariaLabel = element.getAttribute('aria-label');
+            const title = element.getAttribute('title');
+            if (ariaLabel === iconName || title === iconName) {
+                matchingElements.push(element);
+            }
+        });
+        // Also check img elements for alt text
+        const imgElements = container.querySelectorAll('img');
+        imgElements.forEach((img)=>{
+            const alt = img.getAttribute('alt');
+            const ariaLabel = img.getAttribute('aria-label');
+            if (alt === iconName || ariaLabel === iconName) {
+                matchingElements.push(img);
+            }
+        });
+        return matchingElements;
+    }
+};
+// Use buildQueries to create all the standard Testing Library query variants
+const [queryByIconName, getAllByIconName, getByIconName, findAllByIconName, findByIconName] = buildQueries(queryAllByIconName, getMultipleError, getMissingError);
+// Export the queries
+export { queryByIconName, queryAllByIconName, getAllByIconName, getByIconName, findAllByIconName, findByIconName };
+// Create screen-compatible queries that work with document.body as default container
+const screenQueries = {
+    queryByIconName: (iconName)=>queryByIconName(document.body, iconName),
+    queryAllByIconName: (iconName)=>queryAllByIconName(document.body, iconName),
+    getByIconName: (iconName)=>getByIconName(document.body, iconName),
+    getAllByIconName: (iconName)=>getAllByIconName(document.body, iconName),
+    findByIconName: (iconName, options)=>findByIconName(document.body, iconName, options),
+    findAllByIconName: (iconName, options)=>findAllByIconName(document.body, iconName, options)
+};
+// Export individual screen queries for convenience
+export const { queryByIconName: screenQueryByIconName, queryAllByIconName: screenQueryAllByIconName, getByIconName: screenGetByIconName, getAllByIconName: screenGetAllByIconName, findByIconName: screenFindByIconName, findAllByIconName: screenFindAllByIconName } = screenQueries;
+/**
+ * Extends a Testing Library screen object with icon queries.
+ * This allows you to use icon queries directly on the screen object.
+ *
+ * @param testingLibraryScreen - The screen object from Testing Library (optional)
+ * @returns Extended screen object with icon queries
+ *
+ * @example
+ * import { render } from '@testing-library/react';
+ * import { extendScreen } from '@coveord/plasma-react-icons/testing-library';
+ *
+ * const screen = extendScreen();
+ * render(<MyComponent />);
+ * const icon = screen.getByIconName('add');
+ */ export const extendScreen = (testingLibraryScreen)=>{
+    // If no screen is provided, use our screen queries directly
+    if (!testingLibraryScreen) {
+        return screenQueries;
+    }
+    // Merge the provided screen with our icon queries
+    return {
+        ...testingLibraryScreen,
+        ...screenQueries
+    };
+};
+
+//# sourceMappingURL=index.js.map

package/dist/esm/testing-library/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/testing-library/index.ts"],"sourcesContent":["/**\n * Custom queries for finding Plasma icons in tests\n * Uses @testing-library/dom buildQueries for consistent behavior\n */\n\nimport {buildQueries, GetErrorFunction} from '@testing-library/dom';\n\n// Helper function to convert camelCase to kebab-case\nconst slugify = (text: string) =>\n    text\n        .replace(/([a-z])([A-Z])/g, '$1-$2')\n        .replace(/\\s+/g, '-')\n        .toLowerCase();\n\n// Error functions compatible with Testing Library\nconst getMultipleError: GetErrorFunction = (c, iconName) => `Found multiple elements with icon name: ${iconName}`;\n\nconst getMissingError: GetErrorFunction = (c, iconName) => `Unable to find an element with icon name: ${iconName}`;\n\n// Core query function that finds all matching elements\nconst queryAllByIconName = (container: HTMLElement, iconName: string): HTMLElement[] => {\n    if (iconName.startsWith('icon')) {\n        // For Tabler icons with 'icon' prefix, use CSS class selector\n        const elements = container.querySelectorAll(`.tabler-${slugify(iconName)}`);\n        return Array.from(elements) as HTMLElement[];\n    } else {\n        // For other icons, look for elements with role=\"img\" and matching accessible name\n        // This covers both img elements and SVG elements with role=\"img\"\n        const roleElements = container.querySelectorAll('[role=\"img\"]');\n        const matchingElements: HTMLElement[] = [];\n\n        roleElements.forEach((element) => {\n            const ariaLabel = element.getAttribute('aria-label');\n            const title = element.getAttribute('title');\n            if (ariaLabel === iconName || title === iconName) {\n                matchingElements.push(element as HTMLElement);\n            }\n        });\n\n        // Also check img elements for alt text\n        const imgElements = container.querySelectorAll('img');\n        imgElements.forEach((img) => {\n            const alt = img.getAttribute('alt');\n            const ariaLabel = img.getAttribute('aria-label');\n            if (alt === iconName || ariaLabel === iconName) {\n                matchingElements.push(img as HTMLElement);\n            }\n        });\n\n        return matchingElements;\n    }\n};\n\n// Use buildQueries to create all the standard Testing Library query variants\nconst [queryByIconName, getAllByIconName, getByIconName, findAllByIconName, findByIconName] = buildQueries(\n    queryAllByIconName,\n    getMultipleError,\n    getMissingError,\n);\n\n// Export the queries\nexport {queryByIconName, queryAllByIconName, getAllByIconName, getByIconName, findAllByIconName, findByIconName};\n\n// Type definitions for icon queries\nexport interface IconQueries {\n    queryByIconName: (iconName: string) => HTMLElement | null;\n    queryAllByIconName: (iconName: string) => HTMLElement[];\n    getByIconName: (iconName: string) => HTMLElement;\n    getAllByIconName: (iconName: string) => HTMLElement[];\n    findByIconName: (iconName: string, options?: any) => Promise<HTMLElement>;\n    findAllByIconName: (iconName: string, options?: any) => Promise<HTMLElement[]>;\n}\n\n// Create screen-compatible queries that work with document.body as default container\nconst screenQueries: IconQueries = {\n    queryByIconName: (iconName: string) => queryByIconName(document.body, iconName),\n    queryAllByIconName: (iconName: string) => queryAllByIconName(document.body, iconName),\n    getByIconName: (iconName: string) => getByIconName(document.body, iconName),\n    getAllByIconName: (iconName: string) => getAllByIconName(document.body, iconName),\n    findByIconName: (iconName: string, options?: any) => findByIconName(document.body, iconName, options),\n    findAllByIconName: (iconName: string, options?: any) => findAllByIconName(document.body, iconName, options),\n};\n\n// Export individual screen queries for convenience\nexport const {\n    queryByIconName: screenQueryByIconName,\n    queryAllByIconName: screenQueryAllByIconName,\n    getByIconName: screenGetByIconName,\n    getAllByIconName: screenGetAllByIconName,\n    findByIconName: screenFindByIconName,\n    findAllByIconName: screenFindAllByIconName,\n} = screenQueries;\n\n/**\n * Extends a Testing Library screen object with icon queries.\n * This allows you to use icon queries directly on the screen object.\n *\n * @param testingLibraryScreen - The screen object from Testing Library (optional)\n * @returns Extended screen object with icon queries\n *\n * @example\n * import { render } from '@testing-library/react';\n * import { extendScreen } from '@coveord/plasma-react-icons/testing-library';\n *\n * const screen = extendScreen();\n * render(<MyComponent />);\n * const icon = screen.getByIconName('add');\n */\nexport const extendScreen = <T extends Record<string, any> = Record<string, never>>(\n    testingLibraryScreen?: T,\n): T extends Record<string, never> ? IconQueries : T & IconQueries => {\n    // If no screen is provided, use our screen queries directly\n    if (!testingLibraryScreen) {\n        return screenQueries as T extends Record<string, never> ? IconQueries : T & IconQueries;\n    }\n\n    // Merge the provided screen with our icon queries\n    return {\n        ...testingLibraryScreen,\n        ...screenQueries,\n    } as T extends Record<string, never> ? IconQueries : T & IconQueries;\n};\n"],"names":["buildQueries","slugify","text","replace","toLowerCase","getMultipleError","c","iconName","getMissingError","queryAllByIconName","container","startsWith","elements","querySelectorAll","Array","from","roleElements","matchingElements","forEach","element","ariaLabel","getAttribute","title","push","imgElements","img","alt","queryByIconName","getAllByIconName","getByIconName","findAllByIconName","findByIconName","screenQueries","document","body","options","screenQueryByIconName","screenQueryAllByIconName","screenGetByIconName","screenGetAllByIconName","screenFindByIconName","screenFindAllByIconName","extendScreen","testingLibraryScreen"],"mappings":"AAAA;;;CAGC,GAED,SAAQA,YAAY,QAAyB,uBAAuB;AAEpE,qDAAqD;AACrD,MAAMC,UAAU,CAACC,OACbA,KACKC,OAAO,CAAC,mBAAmB,SAC3BA,OAAO,CAAC,QAAQ,KAChBC,WAAW;AAEpB,kDAAkD;AAClD,MAAMC,mBAAqC,CAACC,GAAGC,WAAa,CAAC,wCAAwC,EAAEA,UAAU;AAEjH,MAAMC,kBAAoC,CAACF,GAAGC,WAAa,CAAC,0CAA0C,EAAEA,UAAU;AAElH,uDAAuD;AACvD,MAAME,qBAAqB,CAACC,WAAwBH;IAChD,IAAIA,SAASI,UAAU,CAAC,SAAS;QAC7B,8DAA8D;QAC9D,MAAMC,WAAWF,UAAUG,gBAAgB,CAAC,CAAC,QAAQ,EAAEZ,QAAQM,WAAW;QAC1E,OAAOO,MAAMC,IAAI,CAACH;IACtB,OAAO;QACH,kFAAkF;QAClF,iEAAiE;QACjE,MAAMI,eAAeN,UAAUG,gBAAgB,CAAC;QAChD,MAAMI,mBAAkC,EAAE;QAE1CD,aAAaE,OAAO,CAAC,CAACC;YAClB,MAAMC,YAAYD,QAAQE,YAAY,CAAC;YACvC,MAAMC,QAAQH,QAAQE,YAAY,CAAC;YACnC,IAAID,cAAcb,YAAYe,UAAUf,UAAU;gBAC9CU,iBAAiBM,IAAI,CAACJ;YAC1B;QACJ;QAEA,uCAAuC;QACvC,MAAMK,cAAcd,UAAUG,gBAAgB,CAAC;QAC/CW,YAAYN,OAAO,CAAC,CAACO;YACjB,MAAMC,MAAMD,IAAIJ,YAAY,CAAC;YAC7B,MAAMD,YAAYK,IAAIJ,YAAY,CAAC;YACnC,IAAIK,QAAQnB,YAAYa,cAAcb,UAAU;gBAC5CU,iBAAiBM,IAAI,CAACE;YAC1B;QACJ;QAEA,OAAOR;IACX;AACJ;AAEA,6EAA6E;AAC7E,MAAM,CAACU,iBAAiBC,kBAAkBC,eAAeC,mBAAmBC,eAAe,GAAG/B,aAC1FS,oBACAJ,kBACAG;AAGJ,qBAAqB;AACrB,SAAQmB,eAAe,EAAElB,kBAAkB,EAAEmB,gBAAgB,EAAEC,aAAa,EAAEC,iBAAiB,EAAEC,cAAc,GAAE;AAYjH,qFAAqF;AACrF,MAAMC,gBAA6B;IAC/BL,iBAAiB,CAACpB,WAAqBoB,gBAAgBM,SAASC,IAAI,EAAE3B;IACtEE,oBAAoB,CAACF,WAAqBE,mBAAmBwB,SAASC,IAAI,EAAE3B;IAC5EsB,eAAe,CAACtB,WAAqBsB,cAAcI,SAASC,IAAI,EAAE3B;IAClEqB,kBAAkB,CAACrB,WAAqBqB,iBAAiBK,SAASC,IAAI,EAAE3B;IACxEwB,gBAAgB,CAACxB,UAAkB4B,UAAkBJ,eAAeE,SAASC,IAAI,EAAE3B,UAAU4B;IAC7FL,mBAAmB,CAACvB,UAAkB4B,UAAkBL,kBAAkBG,SAASC,IAAI,EAAE3B,UAAU4B;AACvG;AAEA,mDAAmD;AACnD,OAAO,MAAM,EACTR,iBAAiBS,qBAAqB,EACtC3B,oBAAoB4B,wBAAwB,EAC5CR,eAAeS,mBAAmB,EAClCV,kBAAkBW,sBAAsB,EACxCR,gBAAgBS,oBAAoB,EACpCV,mBAAmBW,uBAAuB,EAC7C,GAAGT,cAAc;AAElB;;;;;;;;;;;;;;CAcC,GACD,OAAO,MAAMU,eAAe,CACxBC;IAEA,4DAA4D;IAC5D,IAAI,CAACA,sBAAsB;QACvB,OAAOX;IACX;IAEA,kDAAkD;IAClD,OAAO;QACH,GAAGW,oBAAoB;QACvB,GAAGX,aAAa;IACpB;AACJ,EAAE"}

package/dist/esm/testing-library/index.spec.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Test suite for Plasma React Icons testing utilities
+ * Demonstrates usage of custom icon queries with Testing Library
+ */
+export {};
+//# sourceMappingURL=index.spec.d.ts.map

package/dist/esm/testing-library/index.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.d.ts","sourceRoot":"","sources":["../../../src/testing-library/index.spec.tsx"],"names":[],"mappings":"AACA;;;GAGG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-react-icons",
-  "version": "56.2.2",
+  "version": "56.2.3",
   "description": "Plasma iconography exposed as react components",
   "keywords": [
     "plasma",
@@ -25,8 +25,11 @@
       "import": "./dist/esm/index.js"
     },
     "./mock": {
-      "require": "./dist/cjs/mock/index.js",
-      "import": "./dist/esm/mock/index.js"
+      "require": "./dist/cjs/mock/index.js"
+    },
+    "./testing-library": {
+      "require": "./dist/cjs/testing-library/index.js",
+      "import": "./dist/esm/testing-library/index.js"
     }
   },
   "main": "./dist/cjs/index.js",
@@ -45,19 +48,24 @@
     "@svgr/plugin-jsx": "8.1.0",
     "@swc/cli": "0.7.8",
     "@swc/core": "1.13.5",
-    "@types/react": "18.3.24",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.8.0",
+    "@testing-library/react": "16.3.0",
+    "@types/react": "18.3.26",
     "@types/react-dom": "18.3.7",
     "fs-extra": "11.3.2",
     "glob": "11.0.3",
+    "jsdom": "25.0.1",
     "lodash.groupby": "4.6.0",
     "lodash.upperfirst": "4.3.1",
-    "publint": "0.3.13",
+    "publint": "0.3.14",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
     "tslib": "2.8.1",
-    "typescript": "5.9.2",
-    "@coveord/plasma-tokens": "56.2.2"
+    "typescript": "5.9.3",
+    "vitest": "3.2.4",
+    "@coveord/plasma-tokens": "56.2.3"
   },
   "peerDependencies": {
     "react": ">= 18.0",
@@ -67,6 +75,8 @@
     "build": "pnpm generate && node ../../scripts/build",
     "clean": "rimraf dist",
     "generate": "node ./bin/index.js",
-    "lintfix": "../../node_modules/.bin/prettier --write \"**/*.{scss,ts,tsx,js,jsx,json,md,yml,html}\" && ../../node_modules/.bin/eslint \"**/*.{ts,tsx}\" --fix"
+    "lintfix": "../../node_modules/.bin/prettier --write \"**/*.{scss,ts,tsx,js,jsx,json,md,yml,html}\" && ../../node_modules/.bin/eslint \"**/*.{ts,tsx}\" --fix",
+    "test": "pnpm generate && vitest run",
+    "test:watch": "vitest"
   }
 }