diff --git a/apps/protoform/CHANGELOG.md b/apps/protoform/CHANGELOG.md index 076a3cddc..f29f7f946 100644 --- a/apps/protoform/CHANGELOG.md +++ b/apps/protoform/CHANGELOG.md @@ -1,5 +1,12 @@ # protoform +## 0.1.8 + +### Patch Changes + +- Updated dependencies [e6df0c3] + - @westpac/ui@0.22.0 + ## 0.1.7 ### Patch Changes diff --git a/apps/protoform/package.json b/apps/protoform/package.json index 15816d22f..8566d13d4 100644 --- a/apps/protoform/package.json +++ b/apps/protoform/package.json @@ -1,6 +1,6 @@ { "name": "protoform", - "version": "0.1.7", + "version": "0.1.8", "private": true, "scripts": { "dev": "next dev", diff --git a/apps/site/CHANGELOG.md b/apps/site/CHANGELOG.md index 752c2e372..8171530a4 100644 --- a/apps/site/CHANGELOG.md +++ b/apps/site/CHANGELOG.md @@ -1,5 +1,12 @@ # site +## 0.1.10 + +### Patch Changes + +- Updated dependencies [e6df0c3] + - @westpac/ui@0.22.0 + ## 0.1.9 ### Patch Changes diff --git a/apps/site/package.json b/apps/site/package.json index 60550ae9b..0102a6af0 100644 --- a/apps/site/package.json +++ b/apps/site/package.json @@ -1,6 +1,6 @@ { "name": "site", - "version": "0.1.9", + "version": "0.1.10", "private": true, "scripts": { "build": "next build", diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md index 975ea36bc..a871c9382 100644 --- a/packages/ui/CHANGELOG.md +++ b/packages/ui/CHANGELOG.md @@ -1,5 +1,11 @@ # @westpac/ui +## 0.22.0 + +### Minor Changes + +- e6df0c3: Add Twitter,stars icons and sparkle pictogram + ## 0.21.0 ### Minor Changes diff --git a/packages/ui/assets/icons/filled/stars-filled.svg b/packages/ui/assets/icons/filled/stars-filled.svg new file mode 100644 index 000000000..67e068e81 --- /dev/null +++ b/packages/ui/assets/icons/filled/stars-filled.svg @@ -0,0 +1 @@ + diff --git a/packages/ui/assets/icons/filled/twitter-filled.svg b/packages/ui/assets/icons/filled/twitter-filled.svg index ab42ee5be..c61d3ea2a 100644 --- a/packages/ui/assets/icons/filled/twitter-filled.svg +++ b/packages/ui/assets/icons/filled/twitter-filled.svg @@ -1,3 +1 @@ - - - + \ No newline at end of file diff --git a/packages/ui/assets/icons/outlined/stars-outlined.svg b/packages/ui/assets/icons/outlined/stars-outlined.svg new file mode 100644 index 000000000..d496e21da --- /dev/null +++ b/packages/ui/assets/icons/outlined/stars-outlined.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/ui/assets/icons/outlined/twitter-outlined.svg b/packages/ui/assets/icons/outlined/twitter-outlined.svg index 5880d2395..c6a4abc2b 100644 --- a/packages/ui/assets/icons/outlined/twitter-outlined.svg +++ b/packages/ui/assets/icons/outlined/twitter-outlined.svg @@ -1,4 +1 @@ - - - - + \ No newline at end of file diff --git a/packages/ui/package.json b/packages/ui/package.json index e9df95925..6a10de32f 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -1,6 +1,6 @@ { "name": "@westpac/ui", - "version": "0.21.0", + "version": "0.22.0", "license": "MIT", "sideEffects": false, "type": "module", diff --git a/packages/ui/src/components/icon/components/accessibility-icon.tsx b/packages/ui/src/components/icon/components/accessibility-icon.tsx index 7bbf18bcc..5d8088ccd 100644 --- a/packages/ui/src/components/icon/components/accessibility-icon.tsx +++ b/packages/ui/src/components/icon/components/accessibility-icon.tsx @@ -5,7 +5,7 @@ import { type IconProps } from '../icon.types.js'; export function AccessibilityIcon({ 'aria-label': ariaLabel = 'Accessibility', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/account-icon.tsx b/packages/ui/src/components/icon/components/account-icon.tsx index d3c812233..1a4bb4087 100644 --- a/packages/ui/src/components/icon/components/account-icon.tsx +++ b/packages/ui/src/components/icon/components/account-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function AccountIcon({ look = 'filled', 'aria-label': ariaLabel = 'Account', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/add-circle-icon.tsx b/packages/ui/src/components/icon/components/add-circle-icon.tsx index 7401a56f4..b2b599acd 100644 --- a/packages/ui/src/components/icon/components/add-circle-icon.tsx +++ b/packages/ui/src/components/icon/components/add-circle-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function AddCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Add Circle', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/add-icon.tsx b/packages/ui/src/components/icon/components/add-icon.tsx index 8d7b21e54..d2f61c209 100644 --- a/packages/ui/src/components/icon/components/add-icon.tsx +++ b/packages/ui/src/components/icon/components/add-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function AddIcon({ 'aria-label': ariaLabel = 'Add', copyrightYear = '2024', ...props }: IconProps) { +export function AddIcon({ 'aria-label': ariaLabel = 'Add', copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/alert-icon.tsx b/packages/ui/src/components/icon/components/alert-icon.tsx index 2672153de..f2ea782a8 100644 --- a/packages/ui/src/components/icon/components/alert-icon.tsx +++ b/packages/ui/src/components/icon/components/alert-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function AlertIcon({ look = 'filled', 'aria-label': ariaLabel = 'Alert', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/android-icon.tsx b/packages/ui/src/components/icon/components/android-icon.tsx index e4fd288a4..12481ea03 100644 --- a/packages/ui/src/components/icon/components/android-icon.tsx +++ b/packages/ui/src/components/icon/components/android-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function AndroidIcon({ 'aria-label': ariaLabel = 'Android', copyrightYear = '2024', ...props }: IconProps) { +export function AndroidIcon({ 'aria-label': ariaLabel = 'Android', copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/arrow-right-icon.tsx b/packages/ui/src/components/icon/components/arrow-right-icon.tsx index dc798c486..a4c9ea57b 100644 --- a/packages/ui/src/components/icon/components/arrow-right-icon.tsx +++ b/packages/ui/src/components/icon/components/arrow-right-icon.tsx @@ -5,7 +5,7 @@ import { type IconProps } from '../icon.types.js'; export function ArrowRightIcon({ 'aria-label': ariaLabel = 'Arrow Right', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/arrow-split-icon.tsx b/packages/ui/src/components/icon/components/arrow-split-icon.tsx index 4729b5d10..b7af632c4 100644 --- a/packages/ui/src/components/icon/components/arrow-split-icon.tsx +++ b/packages/ui/src/components/icon/components/arrow-split-icon.tsx @@ -5,7 +5,7 @@ import { type IconProps } from '../icon.types.js'; export function ArrowSplitIcon({ 'aria-label': ariaLabel = 'Arrow Split', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/atm-icon.tsx b/packages/ui/src/components/icon/components/atm-icon.tsx index 9edf9934e..7e8fc50e3 100644 --- a/packages/ui/src/components/icon/components/atm-icon.tsx +++ b/packages/ui/src/components/icon/components/atm-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function AtmIcon({ look = 'filled', 'aria-label': ariaLabel = 'Atm', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/attache-case-icon.tsx b/packages/ui/src/components/icon/components/attache-case-icon.tsx index 3c058757b..9f759f7e6 100644 --- a/packages/ui/src/components/icon/components/attache-case-icon.tsx +++ b/packages/ui/src/components/icon/components/attache-case-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function AttacheCaseIcon({ look = 'filled', 'aria-label': ariaLabel = 'Attache Case', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/australia-icon.tsx b/packages/ui/src/components/icon/components/australia-icon.tsx index 08a5421df..2bc862b30 100644 --- a/packages/ui/src/components/icon/components/australia-icon.tsx +++ b/packages/ui/src/components/icon/components/australia-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function AustraliaIcon({ look = 'filled', 'aria-label': ariaLabel = 'Australia', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/baby-buggy-icon.tsx b/packages/ui/src/components/icon/components/baby-buggy-icon.tsx index fa9bc7c6f..ab3680aeb 100644 --- a/packages/ui/src/components/icon/components/baby-buggy-icon.tsx +++ b/packages/ui/src/components/icon/components/baby-buggy-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function BabyBuggyIcon({ look = 'filled', 'aria-label': ariaLabel = 'Baby Buggy', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/backspace-icon.tsx b/packages/ui/src/components/icon/components/backspace-icon.tsx index 2f35e5180..0a02d96d8 100644 --- a/packages/ui/src/components/icon/components/backspace-icon.tsx +++ b/packages/ui/src/components/icon/components/backspace-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function BackspaceIcon({ look = 'filled', 'aria-label': ariaLabel = 'Backspace', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/bank-icon.tsx b/packages/ui/src/components/icon/components/bank-icon.tsx index be77ae59c..06d406359 100644 --- a/packages/ui/src/components/icon/components/bank-icon.tsx +++ b/packages/ui/src/components/icon/components/bank-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function BankIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bank', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/bar-chart-down-icon.tsx b/packages/ui/src/components/icon/components/bar-chart-down-icon.tsx index 3bf94ec59..e5eefc80f 100644 --- a/packages/ui/src/components/icon/components/bar-chart-down-icon.tsx +++ b/packages/ui/src/components/icon/components/bar-chart-down-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function BarChartDownIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bar Chart Down', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/bar-chart-icon.tsx b/packages/ui/src/components/icon/components/bar-chart-icon.tsx index a0a9ab995..4340a276a 100644 --- a/packages/ui/src/components/icon/components/bar-chart-icon.tsx +++ b/packages/ui/src/components/icon/components/bar-chart-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function BarChartIcon({ look = 'filled', 'aria-label': ariaLabel = 'Bar Chart', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/barbell-icon.tsx b/packages/ui/src/components/icon/components/barbell-icon.tsx index c4e15106c..810b46cdd 100644 --- a/packages/ui/src/components/icon/components/barbell-icon.tsx +++ b/packages/ui/src/components/icon/components/barbell-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function BarbellIcon({ 'aria-label': ariaLabel = 'Barbell', copyrightYear = '2024', ...props }: IconProps) { +export function BarbellIcon({ 'aria-label': ariaLabel = 'Barbell', copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/drop-down-icon.tsx b/packages/ui/src/components/icon/components/drop-down-icon.tsx index bbb548865..f00bfab3f 100644 --- a/packages/ui/src/components/icon/components/drop-down-icon.tsx +++ b/packages/ui/src/components/icon/components/drop-down-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function DropDownIcon({ 'aria-label': ariaLabel = 'Drop Down', copyrightYear = '2024', ...props }: IconProps) { +export function DropDownIcon({ 'aria-label': ariaLabel = 'Drop Down', copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/drop-up-icon.tsx b/packages/ui/src/components/icon/components/drop-up-icon.tsx index 5a2ca811c..eab41ad11 100644 --- a/packages/ui/src/components/icon/components/drop-up-icon.tsx +++ b/packages/ui/src/components/icon/components/drop-up-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function DropUpIcon({ 'aria-label': ariaLabel = 'Drop Up', copyrightYear = '2024', ...props }: IconProps) { +export function DropUpIcon({ 'aria-label': ariaLabel = 'Drop Up', copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/dropbox-icon.tsx b/packages/ui/src/components/icon/components/dropbox-icon.tsx index be05a3796..0ef707dd9 100644 --- a/packages/ui/src/components/icon/components/dropbox-icon.tsx +++ b/packages/ui/src/components/icon/components/dropbox-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function DropboxIcon({ 'aria-label': ariaLabel = 'Dropbox', copyrightYear = '2024', ...props }: IconProps) { +export function DropboxIcon({ 'aria-label': ariaLabel = 'Dropbox', copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/fingerprint-icon.tsx b/packages/ui/src/components/icon/components/fingerprint-icon.tsx index 6346a1785..1be7652f3 100644 --- a/packages/ui/src/components/icon/components/fingerprint-icon.tsx +++ b/packages/ui/src/components/icon/components/fingerprint-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function FingerprintIcon({ look = 'filled', 'aria-label': ariaLabel = 'Fingerprint', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/first-aid-case-icon.tsx b/packages/ui/src/components/icon/components/first-aid-case-icon.tsx index bf7395b83..26c94e3bc 100644 --- a/packages/ui/src/components/icon/components/first-aid-case-icon.tsx +++ b/packages/ui/src/components/icon/components/first-aid-case-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function FirstAidCaseIcon({ look = 'filled', 'aria-label': ariaLabel = 'First Aid Case', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/first-aid-icon.tsx b/packages/ui/src/components/icon/components/first-aid-icon.tsx index ece01f2ef..36707a363 100644 --- a/packages/ui/src/components/icon/components/first-aid-icon.tsx +++ b/packages/ui/src/components/icon/components/first-aid-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function FirstAidIcon({ look = 'filled', 'aria-label': ariaLabel = 'First Aid', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/future-clock-icon.tsx b/packages/ui/src/components/icon/components/future-clock-icon.tsx index e0b3f2e67..8f4d9eccc 100644 --- a/packages/ui/src/components/icon/components/future-clock-icon.tsx +++ b/packages/ui/src/components/icon/components/future-clock-icon.tsx @@ -5,7 +5,7 @@ import { type IconProps } from '../icon.types.js'; export function FutureClockIcon({ 'aria-label': ariaLabel = 'Future Clock', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/gel-icon.tsx b/packages/ui/src/components/icon/components/gel-icon.tsx index 2147910ce..97c07690d 100644 --- a/packages/ui/src/components/icon/components/gel-icon.tsx +++ b/packages/ui/src/components/icon/components/gel-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function GelIcon({ look = 'filled', 'aria-label': ariaLabel = 'Gel', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/generic-file-icon.tsx b/packages/ui/src/components/icon/components/generic-file-icon.tsx index 874303d68..5f17ddefe 100644 --- a/packages/ui/src/components/icon/components/generic-file-icon.tsx +++ b/packages/ui/src/components/icon/components/generic-file-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function GenericFileIcon({ look = 'filled', 'aria-label': ariaLabel = 'Generic File', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/geolocation-icon.tsx b/packages/ui/src/components/icon/components/geolocation-icon.tsx index 65c3e59b0..f381ed0e7 100644 --- a/packages/ui/src/components/icon/components/geolocation-icon.tsx +++ b/packages/ui/src/components/icon/components/geolocation-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function GeolocationIcon({ look = 'filled', 'aria-label': ariaLabel = 'Geolocation', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/gift-icon.tsx b/packages/ui/src/components/icon/components/gift-icon.tsx index b3f9a8393..3951ce87f 100644 --- a/packages/ui/src/components/icon/components/gift-icon.tsx +++ b/packages/ui/src/components/icon/components/gift-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function GiftIcon({ look = 'filled', 'aria-label': ariaLabel = 'Gift', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/github-icon.tsx b/packages/ui/src/components/icon/components/github-icon.tsx index 60fa5c9f1..e4d7a67ce 100644 --- a/packages/ui/src/components/icon/components/github-icon.tsx +++ b/packages/ui/src/components/icon/components/github-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function GithubIcon({ 'aria-label': ariaLabel = 'Github', copyrightYear = '2024', ...props }: IconProps) { +export function GithubIcon({ 'aria-label': ariaLabel = 'Github', copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/paw-icon.tsx b/packages/ui/src/components/icon/components/paw-icon.tsx index 548adc383..5b5eae75f 100644 --- a/packages/ui/src/components/icon/components/paw-icon.tsx +++ b/packages/ui/src/components/icon/components/paw-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function PawIcon({ look = 'filled', 'aria-label': ariaLabel = 'Paw', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/pay-icon.tsx b/packages/ui/src/components/icon/components/pay-icon.tsx index ef73528c6..a74bb4db8 100644 --- a/packages/ui/src/components/icon/components/pay-icon.tsx +++ b/packages/ui/src/components/icon/components/pay-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function PayIcon({ look = 'filled', 'aria-label': ariaLabel = 'Pay', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/pay-id-icon.tsx b/packages/ui/src/components/icon/components/pay-id-icon.tsx index ad38587ac..e3e52ad22 100644 --- a/packages/ui/src/components/icon/components/pay-id-icon.tsx +++ b/packages/ui/src/components/icon/components/pay-id-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function PayIdIcon({ 'aria-label': ariaLabel = 'Pay Id', copyrightYear = '2024', ...props }: IconProps) { +export function PayIdIcon({ 'aria-label': ariaLabel = 'Pay Id', copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/pram-icon.tsx b/packages/ui/src/components/icon/components/pram-icon.tsx index 45c586984..1638fd202 100644 --- a/packages/ui/src/components/icon/components/pram-icon.tsx +++ b/packages/ui/src/components/icon/components/pram-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function PramIcon({ look = 'filled', 'aria-label': ariaLabel = 'Pram', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/presets-icon.tsx b/packages/ui/src/components/icon/components/presets-icon.tsx index ad9eaaa95..6d0feb209 100644 --- a/packages/ui/src/components/icon/components/presets-icon.tsx +++ b/packages/ui/src/components/icon/components/presets-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function PresetsIcon({ 'aria-label': ariaLabel = 'Presets', copyrightYear = '2024', ...props }: IconProps) { +export function PresetsIcon({ 'aria-label': ariaLabel = 'Presets', copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/restaurant-icon.tsx b/packages/ui/src/components/icon/components/restaurant-icon.tsx index ac61b52e1..88d857f42 100644 --- a/packages/ui/src/components/icon/components/restaurant-icon.tsx +++ b/packages/ui/src/components/icon/components/restaurant-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function RestaurantIcon({ look = 'filled', 'aria-label': ariaLabel = 'Restaurant', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/rss-icon.tsx b/packages/ui/src/components/icon/components/rss-icon.tsx index d9fb3f694..216a9f0dc 100644 --- a/packages/ui/src/components/icon/components/rss-icon.tsx +++ b/packages/ui/src/components/icon/components/rss-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function RssIcon({ look = 'filled', 'aria-label': ariaLabel = 'Rss', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/scan-document-icon.tsx b/packages/ui/src/components/icon/components/scan-document-icon.tsx index 418800a32..3982d6ed5 100644 --- a/packages/ui/src/components/icon/components/scan-document-icon.tsx +++ b/packages/ui/src/components/icon/components/scan-document-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function ScanDocumentIcon({ look = 'filled', 'aria-label': ariaLabel = 'Scan Document', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/sd-storage-icon.tsx b/packages/ui/src/components/icon/components/sd-storage-icon.tsx index 91657e3a5..fe0e75ecb 100644 --- a/packages/ui/src/components/icon/components/sd-storage-icon.tsx +++ b/packages/ui/src/components/icon/components/sd-storage-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function SdStorageIcon({ look = 'filled', 'aria-label': ariaLabel = 'Sd Storage', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/search-icon.tsx b/packages/ui/src/components/icon/components/search-icon.tsx index 5bb5ecc74..fbd989d1d 100644 --- a/packages/ui/src/components/icon/components/search-icon.tsx +++ b/packages/ui/src/components/icon/components/search-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function SearchIcon({ 'aria-label': ariaLabel = 'Search', copyrightYear = '2024', ...props }: IconProps) { +export function SearchIcon({ 'aria-label': ariaLabel = 'Search', copyrightYear = '2023', ...props }: IconProps) { return ( + {look === 'filled' ? ( + + ) : ( + + + + + )} + + ); +} diff --git a/packages/ui/src/components/icon/components/stopwatch-icon.tsx b/packages/ui/src/components/icon/components/stopwatch-icon.tsx index 5696f5916..1f2a26cdc 100644 --- a/packages/ui/src/components/icon/components/stopwatch-icon.tsx +++ b/packages/ui/src/components/icon/components/stopwatch-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function StopwatchIcon({ look = 'filled', 'aria-label': ariaLabel = 'Stopwatch', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/stroller-icon.tsx b/packages/ui/src/components/icon/components/stroller-icon.tsx index 15916eb7d..237ea8e62 100644 --- a/packages/ui/src/components/icon/components/stroller-icon.tsx +++ b/packages/ui/src/components/icon/components/stroller-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function StrollerIcon({ look = 'filled', 'aria-label': ariaLabel = 'Stroller', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/success-icon.tsx b/packages/ui/src/components/icon/components/success-icon.tsx index 72acd65b8..1174120dc 100644 --- a/packages/ui/src/components/icon/components/success-icon.tsx +++ b/packages/ui/src/components/icon/components/success-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function SuccessIcon({ look = 'filled', 'aria-label': ariaLabel = 'Success', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/super-icon.tsx b/packages/ui/src/components/icon/components/super-icon.tsx index 2b3262b9e..e4034de50 100644 --- a/packages/ui/src/components/icon/components/super-icon.tsx +++ b/packages/ui/src/components/icon/components/super-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function SuperIcon({ look = 'filled', 'aria-label': ariaLabel = 'Super', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/switch-icon.tsx b/packages/ui/src/components/icon/components/switch-icon.tsx index 2ca00eb09..1d0b81709 100644 --- a/packages/ui/src/components/icon/components/switch-icon.tsx +++ b/packages/ui/src/components/icon/components/switch-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function SwitchIcon({ 'aria-label': ariaLabel = 'Switch', copyrightYear = '2024', ...props }: IconProps) { +export function SwitchIcon({ 'aria-label': ariaLabel = 'Switch', copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/tiles-icon.tsx b/packages/ui/src/components/icon/components/tiles-icon.tsx index 3de92002e..3ab36b14b 100644 --- a/packages/ui/src/components/icon/components/tiles-icon.tsx +++ b/packages/ui/src/components/icon/components/tiles-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function TilesIcon({ look = 'filled', 'aria-label': ariaLabel = 'Tiles', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/transfer-icon.tsx b/packages/ui/src/components/icon/components/transfer-icon.tsx index 9cec9563d..1194c1d73 100644 --- a/packages/ui/src/components/icon/components/transfer-icon.tsx +++ b/packages/ui/src/components/icon/components/transfer-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function TransferIcon({ look = 'filled', 'aria-label': ariaLabel = 'Transfer', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/transport-icon.tsx b/packages/ui/src/components/icon/components/transport-icon.tsx index 0c38d8a37..5c4e0de7c 100644 --- a/packages/ui/src/components/icon/components/transport-icon.tsx +++ b/packages/ui/src/components/icon/components/transport-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function TransportIcon({ look = 'filled', 'aria-label': ariaLabel = 'Transport', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/travel-explore-icon.tsx b/packages/ui/src/components/icon/components/travel-explore-icon.tsx index e1c3f57c4..0b44f64bb 100644 --- a/packages/ui/src/components/icon/components/travel-explore-icon.tsx +++ b/packages/ui/src/components/icon/components/travel-explore-icon.tsx @@ -5,7 +5,7 @@ import { type IconProps } from '../icon.types.js'; export function TravelExploreIcon({ 'aria-label': ariaLabel = 'Travel Explore', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/tune-icon.tsx b/packages/ui/src/components/icon/components/tune-icon.tsx index 68bd4d01a..1ff12741e 100644 --- a/packages/ui/src/components/icon/components/tune-icon.tsx +++ b/packages/ui/src/components/icon/components/tune-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function TuneIcon({ 'aria-label': ariaLabel = 'Tune', copyrightYear = '2024', ...props }: IconProps) { +export function TuneIcon({ 'aria-label': ariaLabel = 'Tune', copyrightYear = '2023', ...props }: IconProps) { return ( + {look === 'filled' ? ( + + + + + + + + + + + ) : ( + + + + + + + + + + + + )} + + ); +} diff --git a/packages/ui/src/components/icon/components/umbrella-icon.tsx b/packages/ui/src/components/icon/components/umbrella-icon.tsx index 7b4aeae01..040c73fe7 100644 --- a/packages/ui/src/components/icon/components/umbrella-icon.tsx +++ b/packages/ui/src/components/icon/components/umbrella-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function UmbrellaIcon({ look = 'filled', 'aria-label': ariaLabel = 'Umbrella', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/upload-icon.tsx b/packages/ui/src/components/icon/components/upload-icon.tsx index 4dc35df02..b2c4b2052 100644 --- a/packages/ui/src/components/icon/components/upload-icon.tsx +++ b/packages/ui/src/components/icon/components/upload-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function UploadIcon({ look = 'filled', 'aria-label': ariaLabel = 'Upload', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/verified-icon.tsx b/packages/ui/src/components/icon/components/verified-icon.tsx index 39fb4d181..626fd1533 100644 --- a/packages/ui/src/components/icon/components/verified-icon.tsx +++ b/packages/ui/src/components/icon/components/verified-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function VerifiedIcon({ look = 'filled', 'aria-label': ariaLabel = 'Verified', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/video-icon.tsx b/packages/ui/src/components/icon/components/video-icon.tsx index 552bebd77..d97daa921 100644 --- a/packages/ui/src/components/icon/components/video-icon.tsx +++ b/packages/ui/src/components/icon/components/video-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function VideoIcon({ look = 'filled', 'aria-label': ariaLabel = 'Video', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/visibility-icon.tsx b/packages/ui/src/components/icon/components/visibility-icon.tsx index 0abcd92fd..5d785082e 100644 --- a/packages/ui/src/components/icon/components/visibility-icon.tsx +++ b/packages/ui/src/components/icon/components/visibility-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function VisibilityIcon({ look = 'filled', 'aria-label': ariaLabel = 'Visibility', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/visibility-off-icon.tsx b/packages/ui/src/components/icon/components/visibility-off-icon.tsx index 96b5d72bc..1afe2ac48 100644 --- a/packages/ui/src/components/icon/components/visibility-off-icon.tsx +++ b/packages/ui/src/components/icon/components/visibility-off-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function VisibilityOffIcon({ look = 'filled', 'aria-label': ariaLabel = 'Visibility Off', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/voice-icon.tsx b/packages/ui/src/components/icon/components/voice-icon.tsx index 45f619b1c..1eed9f8c2 100644 --- a/packages/ui/src/components/icon/components/voice-icon.tsx +++ b/packages/ui/src/components/icon/components/voice-icon.tsx @@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js'; export function VoiceIcon({ look = 'filled', 'aria-label': ariaLabel = 'Voice', - copyrightYear = '2024', + copyrightYear = '2023', ...props }: IconProps) { return ( diff --git a/packages/ui/src/components/icon/components/walk-icon.tsx b/packages/ui/src/components/icon/components/walk-icon.tsx index 6a2b1206b..110f2d45d 100644 --- a/packages/ui/src/components/icon/components/walk-icon.tsx +++ b/packages/ui/src/components/icon/components/walk-icon.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Icon } from '../icon.component.js'; import { type IconProps } from '../icon.types.js'; -export function WalkIcon({ 'aria-label': ariaLabel = 'Walk', copyrightYear = '2024', ...props }: IconProps) { +export function WalkIcon({ 'aria-label': ariaLabel = 'Walk', copyrightYear = '2023', ...props }: IconProps) { return ( - {heading} + {heading && {heading}} {children} ); diff --git a/packages/ui/src/components/panel/panel.styles.ts b/packages/ui/src/components/panel/panel.styles.ts index 91c1cc3a4..94ef7ec9b 100644 --- a/packages/ui/src/components/panel/panel.styles.ts +++ b/packages/ui/src/components/panel/panel.styles.ts @@ -3,7 +3,7 @@ import { tv } from 'tailwind-variants'; export const styles = tv( { slots: { - base: 'group/panel mb-4 overflow-hidden rounded border border-hero', + base: 'group/panel overflow-hidden rounded border border-hero', header: 'px-2 py-[0.625rem] sm:px-4', }, variants: { diff --git a/packages/ui/src/components/panel/panel.types.ts b/packages/ui/src/components/panel/panel.types.ts index c0dbb8793..1c822bfbf 100644 --- a/packages/ui/src/components/panel/panel.types.ts +++ b/packages/ui/src/components/panel/panel.types.ts @@ -8,7 +8,7 @@ export type PanelProps = { /** * The heading of the panel */ - heading: string; + heading?: string; /** * Tag for heading defaults to h1 * @default h1 diff --git a/packages/ui/src/components/pictogram/components/informative/sparkle-pictogram.tsx b/packages/ui/src/components/pictogram/components/informative/sparkle-pictogram.tsx new file mode 100644 index 000000000..3d506a57a --- /dev/null +++ b/packages/ui/src/components/pictogram/components/informative/sparkle-pictogram.tsx @@ -0,0 +1,89 @@ +'use client'; + +import { clsx } from 'clsx'; +import React from 'react'; + +import { Pictogram } from '../../pictogram.component.js'; +import { fill } from '../../pictogram.styles.js'; +import { type PictogramProps } from '../../pictogram.types.js'; + +export function SparklePictogram({ + mode = 'duo', + viewBoxWidth = 78, + viewBoxHeight = 78, + 'aria-label': ariaLabel = 'Sparkle', + copyrightYear = '2024', + className, + ...props +}: PictogramProps) { + return ( + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/packages/ui/src/components/pictogram/index.ts b/packages/ui/src/components/pictogram/index.ts index c2d92a588..c9f62d076 100644 --- a/packages/ui/src/components/pictogram/index.ts +++ b/packages/ui/src/components/pictogram/index.ts @@ -78,6 +78,7 @@ export { SearchPictogram } from './components/informative/search-pictogram.js'; export { SecurePictogram } from './components/informative/secure-pictogram.js'; export { ShopPictogram } from './components/informative/shop-pictogram.js'; export { ShoppingPictogram } from './components/informative/shopping-pictogram.js'; +export { SparklePictogram } from './components/informative/sparkle-pictogram.js'; export { StarPictogram } from './components/informative/star-pictogram.js'; export { StopwatchPictogram } from './components/informative/stopwatch-pictogram.js'; export { TaxDocumentPictogram } from './components/informative/tax-document-pictogram.js'; diff --git a/packages/ui/utils/build-icons/icon-template.ts b/packages/ui/utils/build-icons/icon-template.ts index 8f334f50b..2bf79c9a9 100644 --- a/packages/ui/utils/build-icons/icon-template.ts +++ b/packages/ui/utils/build-icons/icon-template.ts @@ -7,7 +7,7 @@ export const iconTemplate = ( ) => `import React${addFragment ? ', { Fragment }' : ''} from 'react'; import { Icon } from "../icon.component.js"; -import { type IconProps, type IconLook } from "../icon.types.js"; +import { type IconProps } from "../icon.types.js"; export function ${name}Icon({ ${sameSVG ? '' : 'look = "filled",'} diff --git a/packages/ui/utils/build-icons/index.ts b/packages/ui/utils/build-icons/index.ts index 9fd3047dc..9019a2f04 100644 --- a/packages/ui/utils/build-icons/index.ts +++ b/packages/ui/utils/build-icons/index.ts @@ -7,8 +7,6 @@ import prettier from 'prettier'; import { iconTemplate } from './icon-template.js'; -const prettierConfig = prettier.resolveConfig.sync(path.join(process.cwd(), '../../.prettierrc')); - /** * Format given icon file name * @@ -56,6 +54,7 @@ const getChildren = (sameSVG: boolean, filledSVG: string, outlinedSVG: string) = sameSVG ? filledSVG : `{look === "filled" ? ${filledSVG} : ${outlinedSVG}}`; const main = async () => { + const prettierConfig = await prettier.resolveConfig(path.join(process.cwd(), '../../.prettierrc')); const iconFiles = glob.sync('assets/icons/filled/*.svg'); const iconCount = iconFiles.length; const iconNames: string[] = []; @@ -87,10 +86,13 @@ const main = async () => { const children = getChildren(sameSVG, filledPaths, outlinedPaths); - const iconComponent = prettier.format(iconTemplate(iconComponentName, ariaLabel, children, addFragment, sameSVG), { - parser: 'typescript', - ...(prettierConfig || {}), - }); + const iconComponent = await prettier.format( + iconTemplate(iconComponentName, ariaLabel, children, addFragment, sameSVG), + { + parser: 'typescript', + ...(prettierConfig || {}), + }, + ); await fs.promises.writeFile( path.join(process.cwd(), `src/components/icon/components/${iconFileName}-icon.tsx`), @@ -103,7 +105,7 @@ const main = async () => { iconNames.sort(); iconNames.push(`\nexport { Icon } from './icon.component.js';`); - iconNames.push(`\nexport { type IconProps } from './icon.types.js';\n`); + iconNames.push(`\nexport { type IconProps, type IconLook } from './icon.types.js';\n`); await fs.promises.writeFile(path.join(process.cwd(), 'src/components/icon/index.ts'), iconNames.join('\n')); console.log('\nFinished building icons');