@westpac/ui 0.23.0 → 0.24.0

package/dist/components/icon/components/drop-left-icon.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from '../icon.types.js';
+export declare function DropLeftIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icon/components/drop-left-icon.js

@@ -0,0 +1,25 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React from 'react';
+import { Icon } from '../icon.component.js';
+export function DropLeftIcon({ 'aria-label': ariaLabel = 'Drop Left' , copyrightYear ='2024' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("path", {
+        d: "m8 19 8-7-8-7v14Z",
+        fill: "currentColor"
+    }));
+}

package/dist/components/icon/components/drop-right-icon.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from '../icon.types.js';
+export declare function DropRightIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icon/components/drop-right-icon.js

@@ -0,0 +1,25 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React from 'react';
+import { Icon } from '../icon.component.js';
+export function DropRightIcon({ 'aria-label': ariaLabel = 'Drop Right' , copyrightYear ='2024' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("path", {
+        d: "m16 5-8 7 8 7V5Z",
+        fill: "currentColor"
+    }));
+}

package/dist/components/icon/index.d.ts

@@ -61,6 +61,8 @@ export { DownloadIcon } from './components/download-icon.js';
 export { DragIcon } from './components/drag-icon.js';
 export { DropDownIcon } from './components/drop-down-icon.js';
 export { DropUpIcon } from './components/drop-up-icon.js';
+export { DropLeftIcon } from './components/drop-left-icon.js';
+export { DropRightIcon } from './components/drop-right-icon.js';
 export { DropboxIcon } from './components/dropbox-icon.js';
 export { EditIcon } from './components/edit-icon.js';
 export { EducationIcon } from './components/education-icon.js';

package/dist/components/icon/index.js

@@ -61,6 +61,8 @@ export { DownloadIcon } from './components/download-icon.js';
 export { DragIcon } from './components/drag-icon.js';
 export { DropDownIcon } from './components/drop-down-icon.js';
 export { DropUpIcon } from './components/drop-up-icon.js';
+export { DropLeftIcon } from './components/drop-left-icon.js';
+export { DropRightIcon } from './components/drop-right-icon.js';
 export { DropboxIcon } from './components/dropbox-icon.js';
 export { EditIcon } from './components/edit-icon.js';
 export { EducationIcon } from './components/education-icon.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@westpac/ui",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "license": "MIT",
   "sideEffects": false,
   "type": "module",
@@ -215,7 +215,7 @@
     "@storybook/blocks": "^7.6.4",
     "@storybook/manager-api": "~7.6.4",
     "@storybook/react": "^7.6.4",
-    "@storybook/react-vite": "^7.6.4",
+    "@storybook/react-vite": "^8.1.6",
     "@storybook/testing-library": "^0.2.2",
     "@storybook/theming": "~7.6.4",
     "@swc/cli": "^0.1.62",
@@ -225,11 +225,12 @@
     "@testing-library/user-event": "~14.4.3",
     "@types/lodash-es": "~4.17.8",
     "@types/lodash.throttle": "~4.1.7",
+    "@types/node": "~20.12.12",
     "@types/prettier": "~2.7.3",
     "@types/react": "^18.2.28",
     "@types/react-dom": "^18.2.1",
     "@types/testing-library__jest-dom": "^5.14.5",
-    "@vitejs/plugin-react-swc": "^3.3.0",
+    "@vitejs/plugin-react-swc": "^3.7.0",
     "@vitest/coverage-c8": "^0.31.0",
     "chokidar": "^3.5.3",
     "colorjs.io": "~0.4.5",
@@ -253,10 +254,10 @@
     "tailwindcss-themer": "~3.1.0",
     "ts-node": "~10.9.1",
     "typescript": "^5.1.6",
-    "vite": "^4.3.9",
+    "vite": "^5.2.12",
     "vitest": "^0.30.1",
-    "@westpac/ts-config": "~0.0.0",
     "@westpac/test-config": "~0.0.0",
+    "@westpac/ts-config": "~0.0.0",
     "@westpac/eslint-config": "~0.2.1"
   },
   "dependencies": {
@@ -277,6 +278,7 @@
   },
   "peerDependencies": {
     "@duetds/date-picker": "~1.4.0",
+    "@types/node": "~20.12.12",
     "colorjs.io": "~0.4.5",
     "react": ">=18.2.0",
     "tailwind-variants": "~0.1.13",

package/src/components/icon/components/drop-left-icon.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+
+export function DropLeftIcon({ 'aria-label': ariaLabel = 'Drop Left', copyrightYear = '2024', ...props }: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
+      <path d="m8 19 8-7-8-7v14Z" fill="currentColor" />
+    </Icon>
+  );
+}

package/src/components/icon/components/drop-right-icon.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+
+export function DropRightIcon({ 'aria-label': ariaLabel = 'Drop Right', copyrightYear = '2024', ...props }: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
+      <path d="m16 5-8 7 8 7V5Z" fill="currentColor" />
+    </Icon>
+  );
+}

package/src/components/icon/index.ts

@@ -61,6 +61,8 @@ export { DownloadIcon } from './components/download-icon.js';
 export { DragIcon } from './components/drag-icon.js';
 export { DropDownIcon } from './components/drop-down-icon.js';
 export { DropUpIcon } from './components/drop-up-icon.js';
+export { DropLeftIcon } from './components/drop-left-icon.js';
+export { DropRightIcon } from './components/drop-right-icon.js';
 export { DropboxIcon } from './components/dropbox-icon.js';
 export { EditIcon } from './components/edit-icon.js';
 export { EducationIcon } from './components/education-icon.js';