@justeattakeaway/pie-icon-button 0.10.0 → 0.13.0

package/.eslintignore

@@ -0,0 +1,3 @@
+.turbo
+dist
+node_modules

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-[12:18:20 PM] @custom-elements-manifest/analyzer: Created new manifest.
+[3:28:11 PM] @custom-elements-manifest/analyzer: Created new manifest.
 react wrapper has been added!
 vite v4.3.9 building for production...
 transforming...
@@ -9,6 +9,6 @@ computing gzip size...
 dist/react.js  59.03 kB │ gzip: 15.92 kB
 
 [vite:dts] Start generate declaration files...
-✓ built in 15.39s
-[vite:dts] Declaration files built in 14191ms.
+✓ built in 20.07s
+[vite:dts] Declaration files built in 18466ms.
 

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @justeattakeaway/pie-icon-button
 
+## 0.13.0
+
+### Minor Changes
+
+- [Added] - axe builder to be shared as a base instance across broswer accessibility tests ([#669](https://github.com/justeattakeaway/pie/pull/669)) by [@raoufswe](https://github.com/raoufswe)
+
+## 0.12.0
+
+### Minor Changes
+
+- [Fixed] - Prevent tree-shaking of components in storybook ([#667](https://github.com/justeattakeaway/pie/pull/667)) by [@xander-marjoram](https://github.com/xander-marjoram)
+
+  [Removed] - Built webc icons from source control
+  [Added] - Type declaration files for components
+  [Added] - Types for pie-icons
+  [Added] - TS version of pie-icons-configs/config.js (Will be used after DSW-1025)
+  [Added] - Webc icon tests for width, height and base classes
+  [Changed] - Update pie-icons-webc build to generate a slightly different template for regular and large icons (using different types, etc.)
+  [Changed] - Update pie-icons-webc rollup config to remove commonjs build
+  [Changed] - Use `just-kebab-case` and `just-pascal-case` instead of `kebab-case` and `pascal-case` to simplify usage (and they're more recently maintained)
+
+## 0.11.0
+
+### Minor Changes
+
+- [Changed] - Add js/ts linting and fix errors ([#653](https://github.com/justeattakeaway/pie/pull/653)) by [@jamieomaguire](https://github.com/jamieomaguire)
+
 ## 0.10.0
 
 ### Minor Changes

package/declaration.d.ts

@@ -7,5 +7,3 @@ declare module '*.scss?inline' {
     const content: Record<string, string>;
     export default content;
 }
-
-declare module '@justeattakeaway/pie-icons-webc';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-icon-button",
-  "version": "0.10.0",
+  "version": "0.13.0",
   "description": "PIE Design System Icon Button built using Web Components",
   "type": "module",
   "main": "dist/index.js",
@@ -8,6 +8,10 @@
   "types": "dist/types/index.d.ts",
   "scripts": {
     "build": "yarn build:wrapper pie-icon-button && run -T vite build",
+    "lint:scripts": "run -T eslint .",
+    "lint:scripts:fix": "run -T eslint . --fix",
+    "lint:style": "run -T stylelint ./src/**/*.{css,scss}",
+    "lint:style:fix": "yarn lint:style --fix",
     "watch": "run -T vite build --watch",
     "test": "echo \"Error: no test specified\" && exit 0",
     "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_ICON_BUTTON} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",

package/playwright/index.ts

@@ -1 +1 @@
-//Import common styles here
+// Import common styles here

package/playwright-lit-visual.config.ts

@@ -1,5 +1,4 @@
 import { defineConfig } from '@sand4rt/experimental-ct-web';
 import { getPlaywrightVisualConfig } from '@justeattakeaway/pie-components-config';
 
-// @ts-ignore
 export default defineConfig(getPlaywrightVisualConfig());

package/playwright-lit.config.ts

@@ -1,5 +1,4 @@
 import { defineConfig } from '@sand4rt/experimental-ct-web';
 import { getPlaywrightConfig } from '@justeattakeaway/pie-components-config';
 
-// @ts-ignore
 export default defineConfig(getPlaywrightConfig());

package/src/iconButton.scss

@@ -12,6 +12,7 @@
 :host {
     // The base values are set to the size default, which is for the medium button size
     --btn-dimension: 48px;
+
     // Sizing is set to Medium button icon size, as that is the default
     --btn-icon-size: 24px;
 }

package/test/accessibility/pie-icon-button.spec.ts

@@ -1,5 +1,4 @@
-import { test, expect } from '@sand4rt/experimental-ct-web';
-import AxeBuilder from '@axe-core/playwright';
+import { test, expect } from '@justeattakeaway/pie-webc-testing/src/playwright/fixtures.ts';
 import type {
     PropObject, WebComponentPropValues,
 } from '@justeattakeaway/pie-webc-testing/src/helpers/defs.ts';
@@ -18,7 +17,7 @@ const componentPropsMatrix : WebComponentPropValues[] = getAllPropCombinations(p
 const componentPropsMatrixByVariant: Record<string, WebComponentPropValues[]> = splitCombinationsByPropertyValue(componentPropsMatrix, 'variant');
 const componentVariants: string[] = Object.keys(componentPropsMatrixByVariant);
 
-componentVariants.forEach((variant) => test(`Render all prop variations for Variant: ${variant}`, async ({ page, mount }) => {
+componentVariants.forEach((variant) => test(`Render all prop variations for Variant: ${variant}`, async ({ makeAxeBuilder, mount }) => {
     await Promise.all(componentPropsMatrixByVariant[variant].map(async (combo: WebComponentPropValues) => {
         await mount(
             PieIconButton,
@@ -31,10 +30,7 @@ componentVariants.forEach((variant) => test(`Render all prop variations for Vari
         );
     }));
 
-    const results = await new AxeBuilder({ page })
-        .withTags(['wcag21a', 'wcag21aa', 'wcag143', 'cat.color', 'cat.aria'])
-        .disableRules(['color-contrast', 'color-contrast-enhanced'])
-        .analyze();
+    const results = await makeAxeBuilder().analyze();
 
     expect(results.violations).toEqual([]);
 }));

package/tsconfig.json

@@ -4,5 +4,5 @@
     "baseUrl": ".",
     "rootDir": ".",
   },
-  "include": ["src/**/*.ts","./declaration.d.ts", "test/**/*.ts"],
+  "include": ["src/**/*.ts","./declaration.d.ts", "test/**/*.ts", "playwright-lit-visual.config.ts", "playwright-lit.config.ts"],
 }