From 40f0d0c66cb5cc14c028e27d8364ef4a0901d73b Mon Sep 17 00:00:00 2001 From: Hannah Date: Thu, 22 Aug 2024 16:37:18 +1000 Subject: [PATCH 01/18] added: keystatic cms option to hide demo button for design content --- apps/site/keystatic.config.ts | 1 + .../design-content/design-content.component.tsx | 6 ++++-- .../design-content/design-content.types.tsx | 2 +- .../design-system/[brand]/[...component]/page.tsx | 1 + .../colour-vision-impairment/index.yaml | 2 ++ .../design-system-accessibility/index.yaml | 6 ++++++ .../design-system/components/accordion/index.yaml | 5 +++++ .../design-system/components/alert/index.yaml | 6 ++++++ .../components/autocomplete/index.yaml | 7 +++++++ .../design-system/components/badge/index.yaml | 5 +++++ .../components/bottom-sheet/index.yaml | 4 ++++ .../components/breadcrumb/index.yaml | 4 ++++ .../components/button-dropdown/index.yaml | 4 ++++ .../components/button-group/index.yaml | 8 ++++++++ .../design-system/components/button/index.yaml | 7 +++++++ .../components/checkbox-group/index.yaml | 9 +++++++++ .../components/collapsible/index.yaml | 4 ++++ .../design-system/components/compacta/index.yaml | 5 +++++ .../components/date-picker/index.yaml | 8 ++++++++ .../components/flexi-cell/index.yaml | 4 ++++ .../design-system/components/footer/index.yaml | 6 +++++- .../design-system/components/header/index.yaml | 6 +++++- .../components/input-group/index.yaml | 10 +++++++++- .../design-system/components/input/index.yaml | 8 ++++++++ .../design-system/components/link/index.yaml | 5 +++++ .../design-system/components/list/index.yaml | 6 ++++++ .../design-system/components/modal/index.yaml | 6 ++++++ .../components/pagination/index.yaml | 5 +++++ .../design-system/components/panel/index.yaml | 7 +++++++ .../design-system/components/popover/index.yaml | 5 +++++ .../components/progress-bar/index.yaml | 5 +++++ .../components/progress-indicator/index.yaml | 4 ++++ .../components/progress-rope/index.yaml | 6 ++++++ .../components/radio-group/index.yaml | 9 +++++++++ .../design-system/components/repeater/index.yaml | 5 +++++ .../design-system/components/select/index.yaml | 8 ++++++++ .../design-system/components/selector/index.yaml | 7 +++++++ .../design-system/components/switch/index.yaml | 7 +++++++ .../design-system/components/symbol/index.yaml | 5 +++++ .../design-system/components/table/index.yaml | 9 +++++++++ .../design-system/components/tabs/index.yaml | 5 +++++ .../design-system/components/textarea/index.yaml | 7 +++++++ .../design-system/components/well/index.yaml | 4 ++++ .../components/zz-archived-input-group/index.yaml | 5 +++++ .../content/digital-writing-approach/index.yaml | 3 +++ .../content/guidelines/capital-letter/index.yaml | 6 ++++++ .../content/guidelines/error-message/index.yaml | 2 ++ .../guidelines/punctuation-symbol/index.yaml | 12 ++++++++++++ .../guidelines/words-to-watch-out-for/index.yaml | 15 +++++++++++++++ .../development/guides/usage/index.yaml | 1 + .../content/design-system/downloads/index.yaml | 1 + .../content/design-system/footer-usage/index.yaml | 1 + .../design-system/foundation/colour/index.yaml | 6 ++++++ .../design-system/foundation/font/index.yaml | 7 +++++++ .../design-system/foundation/icon/index.yaml | 7 +++++++ .../foundation/layout/breakpoints/index.yaml | 3 ++- .../foundation/layout/grid/index.yaml | 4 ++++ .../foundation/layout/spacing/index.yaml | 4 ++++ .../design-system/foundation/logo/index.yaml | 5 +++++ .../design-system/foundation/pictogram/index.yaml | 5 +++++ .../foundation/text-styling/index.yaml | 5 +++++ .../patterns/account-selection/index.yaml | 3 +++ .../patterns/addresses/auto-address/index.yaml | 4 ++++ .../patterns/addresses/complex-address/index.yaml | 1 + .../addresses/international-address/index.yaml | 3 +++ .../patterns/addresses/manual-address/index.yaml | 2 ++ .../patterns/character-count/index.yaml | 2 ++ .../patterns/country-selection/index.yaml | 3 +++ .../patterns/date-of-birth/index.yaml | 4 ++++ .../design-system/patterns/email/index.yaml | 3 +++ .../design-system/patterns/employment/index.yaml | 3 +++ .../design-system/patterns/expiry-date/index.yaml | 3 +++ .../design-system/patterns/help-text/index.yaml | 4 ++++ .../design-system/patterns/name/index.yaml | 3 +++ .../patterns/payee-selection/index.yaml | 3 +++ .../design-system/patterns/phone/index.yaml | 4 ++++ .../patterns/tax-file-number/index.yaml | 3 +++ .../validation-and-error-messaging/index.yaml | 5 ++++- 78 files changed, 380 insertions(+), 8 deletions(-) diff --git a/apps/site/keystatic.config.ts b/apps/site/keystatic.config.ts index 21334b378..c97ddd961 100644 --- a/apps/site/keystatic.config.ts +++ b/apps/site/keystatic.config.ts @@ -138,6 +138,7 @@ export default config({ }, }), noTitle: fields.checkbox({ label: 'No title' }), + noDemo: fields.checkbox({ label: 'No Demo' }), content: fields.document({ formatting: { inlineMarks: { diff --git a/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.component.tsx b/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.component.tsx index 9d19bb5eb..21b79a336 100644 --- a/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.component.tsx +++ b/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.component.tsx @@ -29,7 +29,7 @@ export function DesignContent({ return ( <> {description && } - {designSections?.map(({ title, content, noTitle }) => { + {designSections?.map(({ title, content, noTitle, noDemo }) => { const id = title.toLowerCase().split(' ').join('-'); return (
@@ -41,7 +41,9 @@ export function DesignContent({ ...DOCUMENT_RENDERERS, block: { ...DOCUMENT_RENDERERS.block, - code: props => , + code: props => ( + + ), }, }} componentBlocks={{ diff --git a/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.types.tsx b/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.types.tsx index 9d5160069..5a230203e 100644 --- a/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.types.tsx +++ b/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.types.tsx @@ -3,7 +3,7 @@ import { DocumentElement } from '@keystatic/core'; import { RelatedInfoProps } from '@/components/related-info/related-info.types'; import { ShortCode } from '@/types/short-code.types'; -export type DesignSectionProps = { content: DocumentElement[]; noTitle?: boolean; title: string }; +export type DesignSectionProps = { content: DocumentElement[]; noTitle?: boolean; title: string; noDemo?: boolean }; export type DesignContentProps = { description?: string; diff --git a/apps/site/src/app/design-system/[brand]/[...component]/page.tsx b/apps/site/src/app/design-system/[brand]/[...component]/page.tsx index 033c0a2b1..281a87d5a 100644 --- a/apps/site/src/app/design-system/[brand]/[...component]/page.tsx +++ b/apps/site/src/app/design-system/[brand]/[...component]/page.tsx @@ -98,6 +98,7 @@ export default async function ComponentPage({ title: section.title.name, content: content, noTitle: section.noTitle, + noDemo: section.noDemo, }); return { ...section, diff --git a/apps/site/src/content/design-system/accessibility/colour-vision-impairment/index.yaml b/apps/site/src/content/design-system/accessibility/colour-vision-impairment/index.yaml index 98fcfc621..9b7e1246b 100644 --- a/apps/site/src/content/design-system/accessibility/colour-vision-impairment/index.yaml +++ b/apps/site/src/content/design-system/accessibility/colour-vision-impairment/index.yaml @@ -8,10 +8,12 @@ design: name: What is a colour vision impairment? slug: what-is-a-colour-vision-impairment noTitle: false + noDemo: false - title: name: Colour contrast testing slug: colour-contrast-testing noTitle: false + noDemo: false accessibility: [] relatedComponents: [] code: [] diff --git a/apps/site/src/content/design-system/accessibility/design-system-accessibility/index.yaml b/apps/site/src/content/design-system/accessibility/design-system-accessibility/index.yaml index 23058a2d9..cf02564dc 100644 --- a/apps/site/src/content/design-system/accessibility/design-system-accessibility/index.yaml +++ b/apps/site/src/content/design-system/accessibility/design-system-accessibility/index.yaml @@ -12,26 +12,32 @@ design: name: Principles of accessibility slug: principles-of-accessibility noTitle: false + noDemo: false - title: name: Inclusive product design slug: inclusive-product-design noTitle: false + noDemo: false - title: name: Inclusive content writing slug: inclusive-content-writing noTitle: false + noDemo: false - title: name: Accessible interfaces slug: accessible-interfaces noTitle: false + noDemo: false - title: name: Accessibility testing slug: accessibility-testing noTitle: false + noDemo: false - title: name: Deprecated components slug: deprecated-components noTitle: false + noDemo: false accessibility: [] relatedComponents: [] code: [] diff --git a/apps/site/src/content/design-system/components/accordion/index.yaml b/apps/site/src/content/design-system/components/accordion/index.yaml index 445fed5a8..0dac0e87c 100644 --- a/apps/site/src/content/design-system/components/accordion/index.yaml +++ b/apps/site/src/content/design-system/components/accordion/index.yaml @@ -10,22 +10,27 @@ design: name: Accordion slug: accordion noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/alert/index.yaml b/apps/site/src/content/design-system/components/alert/index.yaml index 9aeb7eb6d..ef0cd8f4a 100644 --- a/apps/site/src/content/design-system/components/alert/index.yaml +++ b/apps/site/src/content/design-system/components/alert/index.yaml @@ -10,26 +10,32 @@ design: name: Alert boxes slug: alert-boxes noTitle: false + noDemo: false - title: name: Alert text slug: alert-text noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/autocomplete/index.yaml b/apps/site/src/content/design-system/components/autocomplete/index.yaml index 621550b73..b44da9d37 100644 --- a/apps/site/src/content/design-system/components/autocomplete/index.yaml +++ b/apps/site/src/content/design-system/components/autocomplete/index.yaml @@ -10,30 +10,37 @@ design: name: Autocomplete slug: autocomplete noTitle: false + noDemo: false - title: name: Sizes slug: sizes noTitle: false + noDemo: false - title: name: Error state slug: error-state noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don'ts slug: dos-and-don-ts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Notes on accessibility diff --git a/apps/site/src/content/design-system/components/badge/index.yaml b/apps/site/src/content/design-system/components/badge/index.yaml index f1618c792..c33ff37b0 100644 --- a/apps/site/src/content/design-system/components/badge/index.yaml +++ b/apps/site/src/content/design-system/components/badge/index.yaml @@ -11,22 +11,27 @@ design: name: Badge styles slug: badge-styles noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/bottom-sheet/index.yaml b/apps/site/src/content/design-system/components/bottom-sheet/index.yaml index 57ba5cb92..4e521a6c6 100644 --- a/apps/site/src/content/design-system/components/bottom-sheet/index.yaml +++ b/apps/site/src/content/design-system/components/bottom-sheet/index.yaml @@ -11,18 +11,22 @@ design: name: Bottom sheet slug: bottom-sheet noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/breadcrumb/index.yaml b/apps/site/src/content/design-system/components/breadcrumb/index.yaml index 584f4da8b..07020f6a6 100644 --- a/apps/site/src/content/design-system/components/breadcrumb/index.yaml +++ b/apps/site/src/content/design-system/components/breadcrumb/index.yaml @@ -11,18 +11,22 @@ design: name: Breadcrumbs slug: breadcrumbs noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/button-dropdown/index.yaml b/apps/site/src/content/design-system/components/button-dropdown/index.yaml index 089737151..7fb9bb083 100644 --- a/apps/site/src/content/design-system/components/button-dropdown/index.yaml +++ b/apps/site/src/content/design-system/components/button-dropdown/index.yaml @@ -8,18 +8,22 @@ design: name: Button dropdowns slug: button-dropdown-menu-sizes noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/button-group/index.yaml b/apps/site/src/content/design-system/components/button-group/index.yaml index acbdf6359..5c73f890f 100644 --- a/apps/site/src/content/design-system/components/button-group/index.yaml +++ b/apps/site/src/content/design-system/components/button-group/index.yaml @@ -10,34 +10,42 @@ design: name: Sizes slug: sizes noTitle: false + noDemo: false - title: name: Block slug: block noTitle: false + noDemo: false - title: name: Multiple items slug: multiple-items noTitle: false + noDemo: false - title: name: Error state slug: error-state noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/button/index.yaml b/apps/site/src/content/design-system/components/button/index.yaml index 61b39bdac..739afd63c 100644 --- a/apps/site/src/content/design-system/components/button/index.yaml +++ b/apps/site/src/content/design-system/components/button/index.yaml @@ -11,30 +11,37 @@ design: name: Button sizes slug: button-sizes noTitle: false + noDemo: false - title: name: Button styles slug: button-styles noTitle: false + noDemo: false - title: name: Responsive buttons slug: responsive-buttons noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/checkbox-group/index.yaml b/apps/site/src/content/design-system/components/checkbox-group/index.yaml index 9ee40a0e8..183c98b81 100644 --- a/apps/site/src/content/design-system/components/checkbox-group/index.yaml +++ b/apps/site/src/content/design-system/components/checkbox-group/index.yaml @@ -10,38 +10,47 @@ design: name: Sizes slug: sizes noTitle: false + noDemo: false - title: name: Hint text slug: hint-text noTitle: false + noDemo: false - title: name: Reveal slug: reveal noTitle: false + noDemo: false - title: name: Horizontal layout slug: horizontal-layout noTitle: false + noDemo: false - title: name: Error state slug: error-state noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/collapsible/index.yaml b/apps/site/src/content/design-system/components/collapsible/index.yaml index d0e234fd5..1f3ea3886 100644 --- a/apps/site/src/content/design-system/components/collapsible/index.yaml +++ b/apps/site/src/content/design-system/components/collapsible/index.yaml @@ -10,18 +10,22 @@ design: name: Examples slug: examples noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/compacta/index.yaml b/apps/site/src/content/design-system/components/compacta/index.yaml index d09068386..1c8577c2f 100644 --- a/apps/site/src/content/design-system/components/compacta/index.yaml +++ b/apps/site/src/content/design-system/components/compacta/index.yaml @@ -10,22 +10,27 @@ design: name: Default slug: default noTitle: false + noDemo: false - title: name: Error states slug: error-states noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Dos and don'ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility notes diff --git a/apps/site/src/content/design-system/components/date-picker/index.yaml b/apps/site/src/content/design-system/components/date-picker/index.yaml index 5b5671275..8a026a803 100644 --- a/apps/site/src/content/design-system/components/date-picker/index.yaml +++ b/apps/site/src/content/design-system/components/date-picker/index.yaml @@ -10,34 +10,42 @@ design: name: Sizes slug: sizes noTitle: false + noDemo: false - title: name: Date range slug: date-range noTitle: false + noDemo: false - title: name: Unavailable dates slug: unavailable-dates noTitle: false + noDemo: false - title: name: Error state slug: error-state noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don'ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/flexi-cell/index.yaml b/apps/site/src/content/design-system/components/flexi-cell/index.yaml index feef90713..01dd5b0ce 100644 --- a/apps/site/src/content/design-system/components/flexi-cell/index.yaml +++ b/apps/site/src/content/design-system/components/flexi-cell/index.yaml @@ -11,18 +11,22 @@ design: name: Vertical stack slug: vertical-stack noTitle: false + noDemo: false - title: name: Horizontal layout slug: horizontal-layout noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: [] relatedComponents: - title: Icons diff --git a/apps/site/src/content/design-system/components/footer/index.yaml b/apps/site/src/content/design-system/components/footer/index.yaml index 029e34820..b38169ddd 100644 --- a/apps/site/src/content/design-system/components/footer/index.yaml +++ b/apps/site/src/content/design-system/components/footer/index.yaml @@ -2,7 +2,7 @@ name: Footer description: >- Having consistent and familiar footers throughout an experience is critical, it assists in providing our customers context and confidence in the experience - they are in. + they are in. namedExport: discriminant: false excludeFromNavbar: true @@ -11,18 +11,22 @@ design: name: Footer slug: footer noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: [] relatedComponents: - title: Icons diff --git a/apps/site/src/content/design-system/components/header/index.yaml b/apps/site/src/content/design-system/components/header/index.yaml index ebc293fdc..301ba91f9 100644 --- a/apps/site/src/content/design-system/components/header/index.yaml +++ b/apps/site/src/content/design-system/components/header/index.yaml @@ -2,7 +2,7 @@ name: Header description: >- Having consistent and familiar headers throughout an experience is critical, it assists in providing our customers context and confidence in the experience - they are in. + they are in. namedExport: discriminant: false excludeFromNavbar: false @@ -11,18 +11,22 @@ design: name: Header slug: header noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: [] relatedComponents: - title: Logos diff --git a/apps/site/src/content/design-system/components/input-group/index.yaml b/apps/site/src/content/design-system/components/input-group/index.yaml index 4de1c4af1..10f57b714 100644 --- a/apps/site/src/content/design-system/components/input-group/index.yaml +++ b/apps/site/src/content/design-system/components/input-group/index.yaml @@ -2,7 +2,7 @@ name: Input groups description: >- The input group component comprises elements used with form inputs. These elements include labels, add-ons, icons and supporting text, all aimed at - enhancing accessibility, usability and streamlining form completion. + enhancing accessibility, usability and streamlining form completion. namedExport: discriminant: false excludeFromNavbar: false @@ -11,34 +11,42 @@ design: name: Labels slug: labels noTitle: false + noDemo: false - title: name: Add-ons slug: add-ons noTitle: false + noDemo: false - title: name: Supporting text slug: supporting-text noTitle: false + noDemo: false - title: name: Icons slug: icons noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/input/index.yaml b/apps/site/src/content/design-system/components/input/index.yaml index 42e6e51ad..04ccf279f 100644 --- a/apps/site/src/content/design-system/components/input/index.yaml +++ b/apps/site/src/content/design-system/components/input/index.yaml @@ -10,34 +10,42 @@ design: name: Inputs with labels slug: inputs-with-labels noTitle: false + noDemo: false - title: name: Sizes slug: sizes noTitle: false + noDemo: false - title: name: Fixed widths slug: fixed-widths noTitle: false + noDemo: false - title: name: Error state slug: error-state noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/link/index.yaml b/apps/site/src/content/design-system/components/link/index.yaml index 40a16f233..2cefe458a 100644 --- a/apps/site/src/content/design-system/components/link/index.yaml +++ b/apps/site/src/content/design-system/components/link/index.yaml @@ -12,22 +12,27 @@ design: name: Standalone slug: standalone noTitle: false + noDemo: false - title: name: Inline slug: inline noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual Design slug: visual-design noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/list/index.yaml b/apps/site/src/content/design-system/components/list/index.yaml index e9efde83c..45a0fa9e8 100644 --- a/apps/site/src/content/design-system/components/list/index.yaml +++ b/apps/site/src/content/design-system/components/list/index.yaml @@ -11,26 +11,32 @@ design: name: Bullet lists slug: bullet-lists noTitle: false + noDemo: false - title: name: Other lists slug: other-lists noTitle: false + noDemo: false - title: name: List item spacing slug: list-item-spacing noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/modal/index.yaml b/apps/site/src/content/design-system/components/modal/index.yaml index fd24a43ff..fcfcf2931 100644 --- a/apps/site/src/content/design-system/components/modal/index.yaml +++ b/apps/site/src/content/design-system/components/modal/index.yaml @@ -11,26 +11,32 @@ design: name: Modal sizes slug: modal-sizes noTitle: false + noDemo: false - title: name: Modal variations slug: modal-variations noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/pagination/index.yaml b/apps/site/src/content/design-system/components/pagination/index.yaml index e520b5768..bda4c3dbc 100644 --- a/apps/site/src/content/design-system/components/pagination/index.yaml +++ b/apps/site/src/content/design-system/components/pagination/index.yaml @@ -10,22 +10,27 @@ design: name: Pagination slug: pagination noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/panel/index.yaml b/apps/site/src/content/design-system/components/panel/index.yaml index 410359b41..b51a3abe1 100644 --- a/apps/site/src/content/design-system/components/panel/index.yaml +++ b/apps/site/src/content/design-system/components/panel/index.yaml @@ -10,30 +10,37 @@ design: name: Default panel slug: default-panel noTitle: false + noDemo: false - title: name: Faint panel slug: faint-panel noTitle: false + noDemo: false - title: name: Panel with table slug: panel-with-table noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/popover/index.yaml b/apps/site/src/content/design-system/components/popover/index.yaml index e3b27b5c2..306dfb39f 100644 --- a/apps/site/src/content/design-system/components/popover/index.yaml +++ b/apps/site/src/content/design-system/components/popover/index.yaml @@ -10,22 +10,27 @@ design: name: Popover slug: popover noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/progress-bar/index.yaml b/apps/site/src/content/design-system/components/progress-bar/index.yaml index d1ee090ce..3c2a07189 100644 --- a/apps/site/src/content/design-system/components/progress-bar/index.yaml +++ b/apps/site/src/content/design-system/components/progress-bar/index.yaml @@ -11,22 +11,27 @@ design: name: Progress bar slug: progress-bar noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/progress-indicator/index.yaml b/apps/site/src/content/design-system/components/progress-indicator/index.yaml index 683767d4d..6ec74ff6a 100644 --- a/apps/site/src/content/design-system/components/progress-indicator/index.yaml +++ b/apps/site/src/content/design-system/components/progress-indicator/index.yaml @@ -8,18 +8,22 @@ design: name: Progress indicator slug: progress-indicator noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false accessibility: - title: name: Colour impairment demonstration diff --git a/apps/site/src/content/design-system/components/progress-rope/index.yaml b/apps/site/src/content/design-system/components/progress-rope/index.yaml index e5f5564fb..094ec1aa5 100644 --- a/apps/site/src/content/design-system/components/progress-rope/index.yaml +++ b/apps/site/src/content/design-system/components/progress-rope/index.yaml @@ -10,26 +10,32 @@ design: name: Default progress rope slug: default-progress-rope noTitle: false + noDemo: false - title: name: Grouped progress rope slug: grouped-progress-rope noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/radio-group/index.yaml b/apps/site/src/content/design-system/components/radio-group/index.yaml index ae13bf25f..72b42b5c1 100644 --- a/apps/site/src/content/design-system/components/radio-group/index.yaml +++ b/apps/site/src/content/design-system/components/radio-group/index.yaml @@ -10,38 +10,47 @@ design: name: Sizes slug: sizes noTitle: false + noDemo: false - title: name: Hint text slug: hint-text noTitle: false + noDemo: false - title: name: Reveal slug: reveal noTitle: false + noDemo: false - title: name: Horizontal layout slug: horizontal-layout noTitle: false + noDemo: false - title: name: Error state slug: error-state noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/repeater/index.yaml b/apps/site/src/content/design-system/components/repeater/index.yaml index 5dedbc6ed..87df15340 100644 --- a/apps/site/src/content/design-system/components/repeater/index.yaml +++ b/apps/site/src/content/design-system/components/repeater/index.yaml @@ -10,22 +10,27 @@ design: name: Repeater slug: repeater noTitle: false + noDemo: false - title: name: Usage examples slug: usage-examples noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Dos and don'ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/select/index.yaml b/apps/site/src/content/design-system/components/select/index.yaml index d0bf59fc6..4e995bf80 100644 --- a/apps/site/src/content/design-system/components/select/index.yaml +++ b/apps/site/src/content/design-system/components/select/index.yaml @@ -10,34 +10,42 @@ design: name: Select with labels slug: select-with-labels noTitle: false + noDemo: false - title: name: Sizes slug: sizes noTitle: false + noDemo: false - title: name: Fixed widths slug: fixed-widths noTitle: false + noDemo: false - title: name: Error state slug: error-state noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/selector/index.yaml b/apps/site/src/content/design-system/components/selector/index.yaml index 74a46f21f..7c85d9154 100644 --- a/apps/site/src/content/design-system/components/selector/index.yaml +++ b/apps/site/src/content/design-system/components/selector/index.yaml @@ -10,30 +10,37 @@ design: name: Selector with labels slug: selector-with-labels noTitle: false + noDemo: false - title: name: Selector functionality slug: selector-functionality noTitle: false + noDemo: false - title: name: Selector design slug: selector-design noTitle: false + noDemo: false - title: name: Error state slug: error-state noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/switch/index.yaml b/apps/site/src/content/design-system/components/switch/index.yaml index eb2c5f599..df7c9991d 100644 --- a/apps/site/src/content/design-system/components/switch/index.yaml +++ b/apps/site/src/content/design-system/components/switch/index.yaml @@ -10,30 +10,37 @@ design: name: Sizes slug: sizes noTitle: false + noDemo: false - title: name: Block slug: block noTitle: false + noDemo: false - title: name: Responsive breakpoint control slug: responsive-breakpoint-control noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/symbol/index.yaml b/apps/site/src/content/design-system/components/symbol/index.yaml index ddb53ff9d..70506fb89 100644 --- a/apps/site/src/content/design-system/components/symbol/index.yaml +++ b/apps/site/src/content/design-system/components/symbol/index.yaml @@ -12,22 +12,27 @@ design: name: Third Party Symbols slug: third-party-symbols noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/table/index.yaml b/apps/site/src/content/design-system/components/table/index.yaml index f73433175..00872f1df 100644 --- a/apps/site/src/content/design-system/components/table/index.yaml +++ b/apps/site/src/content/design-system/components/table/index.yaml @@ -11,38 +11,47 @@ design: name: Basic table slug: basic-table noTitle: false + noDemo: false - title: name: Striped row table slug: striped-row-table noTitle: false + noDemo: false - title: name: Bordered table slug: bordered-table noTitle: false + noDemo: false - title: name: Bordered, striped table slug: bordered-striped-table noTitle: false + noDemo: false - title: name: Basic table with highlights slug: basic-table-with-highlights noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/tabs/index.yaml b/apps/site/src/content/design-system/components/tabs/index.yaml index a33c932a4..aadff3617 100644 --- a/apps/site/src/content/design-system/components/tabs/index.yaml +++ b/apps/site/src/content/design-system/components/tabs/index.yaml @@ -10,22 +10,27 @@ design: name: Tabs slug: tabset noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/textarea/index.yaml b/apps/site/src/content/design-system/components/textarea/index.yaml index c13543fed..2cce99a36 100644 --- a/apps/site/src/content/design-system/components/textarea/index.yaml +++ b/apps/site/src/content/design-system/components/textarea/index.yaml @@ -10,30 +10,37 @@ design: name: Text area with labels slug: text-area-with-labels noTitle: false + noDemo: false - title: name: Sizes slug: sizes noTitle: false + noDemo: false - title: name: Error state slug: error-state noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/well/index.yaml b/apps/site/src/content/design-system/components/well/index.yaml index 6f5cc7a6b..72127d2d1 100644 --- a/apps/site/src/content/design-system/components/well/index.yaml +++ b/apps/site/src/content/design-system/components/well/index.yaml @@ -10,18 +10,22 @@ design: name: Well slug: default-well noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/components/zz-archived-input-group/index.yaml b/apps/site/src/content/design-system/components/zz-archived-input-group/index.yaml index a41605477..2ed5628af 100644 --- a/apps/site/src/content/design-system/components/zz-archived-input-group/index.yaml +++ b/apps/site/src/content/design-system/components/zz-archived-input-group/index.yaml @@ -10,22 +10,27 @@ design: name: Input group examples slug: input-group-examples noTitle: false + noDemo: false - title: name: Input group sizes slug: input-group-sizes noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false accessibility: - title: name: Notes on accessibility diff --git a/apps/site/src/content/design-system/content/digital-writing-approach/index.yaml b/apps/site/src/content/design-system/content/digital-writing-approach/index.yaml index c044a7ae5..ec8ef40b0 100644 --- a/apps/site/src/content/design-system/content/digital-writing-approach/index.yaml +++ b/apps/site/src/content/design-system/content/digital-writing-approach/index.yaml @@ -11,14 +11,17 @@ design: name: Why our words matter slug: why-our-words-matter noTitle: false + noDemo: false - title: name: Principles slug: principles noTitle: false + noDemo: false - title: name: Writing tips slug: writing-tips noTitle: false + noDemo: false accessibility: [] relatedComponents: [] code: [] diff --git a/apps/site/src/content/design-system/content/guidelines/capital-letter/index.yaml b/apps/site/src/content/design-system/content/guidelines/capital-letter/index.yaml index e46ffedcc..05104bd51 100644 --- a/apps/site/src/content/design-system/content/guidelines/capital-letter/index.yaml +++ b/apps/site/src/content/design-system/content/guidelines/capital-letter/index.yaml @@ -10,26 +10,32 @@ design: name: Headings slug: headings noTitle: false + noDemo: false - title: name: Sentence-case slug: sentence-case noTitle: false + noDemo: false - title: name: Capitalisation slug: capitalisation noTitle: false + noDemo: false - title: name: Lower-case slug: lower-case noTitle: false + noDemo: false - title: name: States and territories slug: states-and-territories noTitle: false + noDemo: false - title: name: Countries slug: countries noTitle: false + noDemo: false accessibility: [] relatedComponents: [] code: [] diff --git a/apps/site/src/content/design-system/content/guidelines/error-message/index.yaml b/apps/site/src/content/design-system/content/guidelines/error-message/index.yaml index 50b5e245d..dd9977205 100644 --- a/apps/site/src/content/design-system/content/guidelines/error-message/index.yaml +++ b/apps/site/src/content/design-system/content/guidelines/error-message/index.yaml @@ -14,10 +14,12 @@ design: name: Types of error messages slug: types-of-error-messages noTitle: false + noDemo: false - title: name: Displaying error messages slug: displaying-error-messages noTitle: false + noDemo: false accessibility: [] relatedComponents: [] code: [] diff --git a/apps/site/src/content/design-system/content/guidelines/punctuation-symbol/index.yaml b/apps/site/src/content/design-system/content/guidelines/punctuation-symbol/index.yaml index dc9f4cbdc..ee7f61c09 100644 --- a/apps/site/src/content/design-system/content/guidelines/punctuation-symbol/index.yaml +++ b/apps/site/src/content/design-system/content/guidelines/punctuation-symbol/index.yaml @@ -7,50 +7,62 @@ design: name: Ampersands [&] slug: ampersands noTitle: false + noDemo: false - title: name: Apostrophes ['] slug: apostrophes noTitle: false + noDemo: false - title: name: Colons [:] slug: colons noTitle: false + noDemo: false - title: name: Commas [,] slug: commas noTitle: false + noDemo: false - title: name: Exclamation marks [!] slug: exclamation-marks noTitle: false + noDemo: false - title: name: Full stops [.] slug: full-stops noTitle: false + noDemo: false - title: name: Hyphens and em - dashes slug: hyphens-and-em-dashes noTitle: false + noDemo: false - title: name: Per cent [%] slug: per-cent noTitle: false + noDemo: false - title: name: Question mark [?] slug: question-mark noTitle: false + noDemo: false - title: name: Quotation marks ["] slug: quatation-marks noTitle: false + noDemo: false - title: name: Semi colons [;] slug: semi-colons noTitle: false + noDemo: false - title: name: Slashes [/] slug: slashes noTitle: false + noDemo: false accessibility: [] relatedComponents: [] code: [] diff --git a/apps/site/src/content/design-system/content/guidelines/words-to-watch-out-for/index.yaml b/apps/site/src/content/design-system/content/guidelines/words-to-watch-out-for/index.yaml index 24cd12d7d..381490822 100644 --- a/apps/site/src/content/design-system/content/guidelines/words-to-watch-out-for/index.yaml +++ b/apps/site/src/content/design-system/content/guidelines/words-to-watch-out-for/index.yaml @@ -8,62 +8,77 @@ design: name: A slug: a noTitle: false + noDemo: false - title: name: B slug: b noTitle: false + noDemo: false - title: name: C slug: c noTitle: false + noDemo: false - title: name: D slug: d noTitle: false + noDemo: false - title: name: E slug: e noTitle: false + noDemo: false - title: name: F slug: f noTitle: false + noDemo: false - title: name: G slug: g noTitle: false + noDemo: false - title: name: H slug: h noTitle: false + noDemo: false - title: name: I slug: i noTitle: false + noDemo: false - title: name: L slug: l noTitle: false + noDemo: false - title: name: M slug: m noTitle: false + noDemo: false - title: name: O slug: o noTitle: false + noDemo: false - title: name: P slug: p noTitle: false + noDemo: false - title: name: S slug: s noTitle: false + noDemo: false - title: name: T slug: t noTitle: false + noDemo: false accessibility: [] relatedComponents: [] code: [] diff --git a/apps/site/src/content/design-system/development/guides/usage/index.yaml b/apps/site/src/content/design-system/development/guides/usage/index.yaml index 5797a2452..538fba591 100644 --- a/apps/site/src/content/design-system/development/guides/usage/index.yaml +++ b/apps/site/src/content/design-system/development/guides/usage/index.yaml @@ -8,6 +8,7 @@ design: name: Using components slug: using-components noTitle: false + noDemo: false accessibility: [] relatedComponents: [] code: [] diff --git a/apps/site/src/content/design-system/downloads/index.yaml b/apps/site/src/content/design-system/downloads/index.yaml index 858e985e9..5e8d62067 100644 --- a/apps/site/src/content/design-system/downloads/index.yaml +++ b/apps/site/src/content/design-system/downloads/index.yaml @@ -4,6 +4,7 @@ design: name: Designers slug: designers noTitle: false + noDemo: false accessibility: [] relatedComponents: [] code: [] diff --git a/apps/site/src/content/design-system/footer-usage/index.yaml b/apps/site/src/content/design-system/footer-usage/index.yaml index f737c820a..6a280cf94 100644 --- a/apps/site/src/content/design-system/footer-usage/index.yaml +++ b/apps/site/src/content/design-system/footer-usage/index.yaml @@ -7,6 +7,7 @@ design: name: Originations footer slug: originations-footer noTitle: false + noDemo: false accessibility: [] relatedComponents: [] code: [] diff --git a/apps/site/src/content/design-system/foundation/colour/index.yaml b/apps/site/src/content/design-system/foundation/colour/index.yaml index 7ee0886b2..67fb5a6a6 100644 --- a/apps/site/src/content/design-system/foundation/colour/index.yaml +++ b/apps/site/src/content/design-system/foundation/colour/index.yaml @@ -10,26 +10,32 @@ design: name: Primary UI palette slug: primary-ui-palette noTitle: false + noDemo: false - title: name: Secondary colours slug: secondary-colours noTitle: false + noDemo: false - title: name: Reserved colours slug: reserved-colours noTitle: false + noDemo: false - title: name: Data visualisation colours slug: data-visualisation-colours noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false accessibility: - title: name: Colours reserved for accessibility diff --git a/apps/site/src/content/design-system/foundation/font/index.yaml b/apps/site/src/content/design-system/foundation/font/index.yaml index f9055619c..600c39e1a 100644 --- a/apps/site/src/content/design-system/foundation/font/index.yaml +++ b/apps/site/src/content/design-system/foundation/font/index.yaml @@ -10,30 +10,37 @@ design: name: Brand font slug: brand-font noTitle: false + noDemo: false - title: name: Body font slug: body-font noTitle: false + noDemo: false - title: name: Typographic scale slug: typographic-scale noTitle: false + noDemo: false - title: name: Font weights slug: font-weights noTitle: false + noDemo: false - title: name: Using fonts slug: using-fonts noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/foundation/icon/index.yaml b/apps/site/src/content/design-system/foundation/icon/index.yaml index 5af06a715..1313329cd 100644 --- a/apps/site/src/content/design-system/foundation/icon/index.yaml +++ b/apps/site/src/content/design-system/foundation/icon/index.yaml @@ -11,30 +11,37 @@ design: name: All icons slug: all-icons noTitle: false + noDemo: false - title: name: Icon sizing slug: icon-sizing noTitle: false + noDemo: false - title: name: Icon colours slug: icon-colours noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml index 36ccaa914..8468fa32f 100644 --- a/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml +++ b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml @@ -1,7 +1,7 @@ name: Breakpoints description: >- Breakpoints are a set of predefined viewport widths that can be used to change - the layout of a page to ensure it accommodates different devices. + the layout of a page to ensure it accommodates different devices. namedExport: discriminant: false excludeFromNavbar: false @@ -10,6 +10,7 @@ design: name: Breakpoint tokens slug: breakpoint-tokens noTitle: false + noDemo: false accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/foundation/layout/grid/index.yaml b/apps/site/src/content/design-system/foundation/layout/grid/index.yaml index b8a83137f..9b4ebcc4c 100644 --- a/apps/site/src/content/design-system/foundation/layout/grid/index.yaml +++ b/apps/site/src/content/design-system/foundation/layout/grid/index.yaml @@ -11,18 +11,22 @@ design: name: Grid examples slug: grid-examples noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml b/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml index d89b07dce..1b3a129b6 100644 --- a/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml +++ b/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml @@ -10,18 +10,22 @@ design: name: Design system spacing tokens slug: user-experience noTitle: false + noDemo: false - title: name: Margin spacing slug: margin-spacing noTitle: false + noDemo: false - title: name: Padding spacing slug: padding-spacing noTitle: false + noDemo: false - title: name: Gap spacing slug: gap-spacing noTitle: false + noDemo: false accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/foundation/logo/index.yaml b/apps/site/src/content/design-system/foundation/logo/index.yaml index 5373eaf9e..ffa018c6d 100644 --- a/apps/site/src/content/design-system/foundation/logo/index.yaml +++ b/apps/site/src/content/design-system/foundation/logo/index.yaml @@ -14,22 +14,27 @@ design: name: Logos slug: logos noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/foundation/pictogram/index.yaml b/apps/site/src/content/design-system/foundation/pictogram/index.yaml index 100c53795..8e3f9b9cd 100644 --- a/apps/site/src/content/design-system/foundation/pictogram/index.yaml +++ b/apps/site/src/content/design-system/foundation/pictogram/index.yaml @@ -11,22 +11,27 @@ design: name: Informative pictograms slug: informative-pictograms noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Dos and don’ts slug: dos-and-donts noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/foundation/text-styling/index.yaml b/apps/site/src/content/design-system/foundation/text-styling/index.yaml index 8678fb0b9..44dcb5add 100644 --- a/apps/site/src/content/design-system/foundation/text-styling/index.yaml +++ b/apps/site/src/content/design-system/foundation/text-styling/index.yaml @@ -10,22 +10,27 @@ design: name: Editorial text styles slug: editorial-text-styles noTitle: false + noDemo: false - title: name: Headings slug: headings noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Visual design slug: visual-design noTitle: false + noDemo: false - title: name: Where is this available? slug: where-is-this-available noTitle: false + noDemo: true accessibility: - title: name: Accessibility features diff --git a/apps/site/src/content/design-system/patterns/account-selection/index.yaml b/apps/site/src/content/design-system/patterns/account-selection/index.yaml index 3c8a3ca20..b02193a02 100644 --- a/apps/site/src/content/design-system/patterns/account-selection/index.yaml +++ b/apps/site/src/content/design-system/patterns/account-selection/index.yaml @@ -10,14 +10,17 @@ design: name: Account tiles slug: account-tile noTitle: false + noDemo: false - title: name: Account list slug: account-list noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Flexicell diff --git a/apps/site/src/content/design-system/patterns/addresses/auto-address/index.yaml b/apps/site/src/content/design-system/patterns/addresses/auto-address/index.yaml index dfd0e7fee..f33a60eaf 100644 --- a/apps/site/src/content/design-system/patterns/addresses/auto-address/index.yaml +++ b/apps/site/src/content/design-system/patterns/addresses/auto-address/index.yaml @@ -7,18 +7,22 @@ design: name: Auto-address slug: auto-address noTitle: false + noDemo: false - title: name: Error states slug: error-states noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Dos and don'ts slug: dos-and-donts noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Text inputs diff --git a/apps/site/src/content/design-system/patterns/addresses/complex-address/index.yaml b/apps/site/src/content/design-system/patterns/addresses/complex-address/index.yaml index 55a0166b6..58f937f64 100644 --- a/apps/site/src/content/design-system/patterns/addresses/complex-address/index.yaml +++ b/apps/site/src/content/design-system/patterns/addresses/complex-address/index.yaml @@ -9,6 +9,7 @@ design: name: Complex address slug: complex-address noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Text inputs diff --git a/apps/site/src/content/design-system/patterns/addresses/international-address/index.yaml b/apps/site/src/content/design-system/patterns/addresses/international-address/index.yaml index 1fd43565f..6e73f08c9 100644 --- a/apps/site/src/content/design-system/patterns/addresses/international-address/index.yaml +++ b/apps/site/src/content/design-system/patterns/addresses/international-address/index.yaml @@ -9,14 +9,17 @@ design: name: International address slug: international-address noTitle: false + noDemo: false - title: name: Error states slug: error-states noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Alerts diff --git a/apps/site/src/content/design-system/patterns/addresses/manual-address/index.yaml b/apps/site/src/content/design-system/patterns/addresses/manual-address/index.yaml index 1fded7ed9..f5b9588a5 100644 --- a/apps/site/src/content/design-system/patterns/addresses/manual-address/index.yaml +++ b/apps/site/src/content/design-system/patterns/addresses/manual-address/index.yaml @@ -10,10 +10,12 @@ design: name: Manual address slug: manual-address noTitle: false + noDemo: false - title: name: Error states slug: error-states noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Text inputs diff --git a/apps/site/src/content/design-system/patterns/character-count/index.yaml b/apps/site/src/content/design-system/patterns/character-count/index.yaml index 8a252b940..41261f83c 100644 --- a/apps/site/src/content/design-system/patterns/character-count/index.yaml +++ b/apps/site/src/content/design-system/patterns/character-count/index.yaml @@ -10,10 +10,12 @@ design: name: Character count slug: character-count noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Input group diff --git a/apps/site/src/content/design-system/patterns/country-selection/index.yaml b/apps/site/src/content/design-system/patterns/country-selection/index.yaml index 1ab4c23cd..e22043e1c 100644 --- a/apps/site/src/content/design-system/patterns/country-selection/index.yaml +++ b/apps/site/src/content/design-system/patterns/country-selection/index.yaml @@ -10,14 +10,17 @@ design: name: Country selection tile slug: country-selection-tile noTitle: false + noDemo: false - title: name: Country selection list slug: country-selection-list noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Flexicell diff --git a/apps/site/src/content/design-system/patterns/date-of-birth/index.yaml b/apps/site/src/content/design-system/patterns/date-of-birth/index.yaml index a7f2af45a..66455b164 100644 --- a/apps/site/src/content/design-system/patterns/date-of-birth/index.yaml +++ b/apps/site/src/content/design-system/patterns/date-of-birth/index.yaml @@ -10,18 +10,22 @@ design: name: Date of birth slug: date-of-birth noTitle: false + noDemo: false - title: name: Error states slug: error-states noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Dos and don'ts slug: dos-and-donts noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Text inputs diff --git a/apps/site/src/content/design-system/patterns/email/index.yaml b/apps/site/src/content/design-system/patterns/email/index.yaml index 04277b1cd..54d2ece51 100644 --- a/apps/site/src/content/design-system/patterns/email/index.yaml +++ b/apps/site/src/content/design-system/patterns/email/index.yaml @@ -10,14 +10,17 @@ design: name: Email slug: email noTitle: false + noDemo: false - title: name: Error states slug: error-states noTitle: false + noDemo: false - title: name: Dos and don'ts slug: dos-and-donts noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Text inputs diff --git a/apps/site/src/content/design-system/patterns/employment/index.yaml b/apps/site/src/content/design-system/patterns/employment/index.yaml index c235d4445..787f64b76 100644 --- a/apps/site/src/content/design-system/patterns/employment/index.yaml +++ b/apps/site/src/content/design-system/patterns/employment/index.yaml @@ -10,14 +10,17 @@ design: name: Employment slug: employment noTitle: false + noDemo: false - title: name: Error states slug: error-states noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Text inputs diff --git a/apps/site/src/content/design-system/patterns/expiry-date/index.yaml b/apps/site/src/content/design-system/patterns/expiry-date/index.yaml index d6f5ed28a..b470351c6 100644 --- a/apps/site/src/content/design-system/patterns/expiry-date/index.yaml +++ b/apps/site/src/content/design-system/patterns/expiry-date/index.yaml @@ -10,14 +10,17 @@ design: name: Expiry date slug: expiry-date noTitle: false + noDemo: false - title: name: Error states slug: error-states noTitle: false + noDemo: false - title: name: Dos and don'ts slug: dos-and-donts noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Text inputs diff --git a/apps/site/src/content/design-system/patterns/help-text/index.yaml b/apps/site/src/content/design-system/patterns/help-text/index.yaml index 8718cb5eb..4ee1053fa 100644 --- a/apps/site/src/content/design-system/patterns/help-text/index.yaml +++ b/apps/site/src/content/design-system/patterns/help-text/index.yaml @@ -10,18 +10,22 @@ design: name: When do we need help text? slug: when-do-we-need-help-text noTitle: false + noDemo: false - title: name: Help text in forms slug: help-text-in-forms noTitle: false + noDemo: false - title: name: Using icons for help slug: using-icons-for-help noTitle: false + noDemo: false - title: name: Why use help text slug: why-use-help-text noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Popover diff --git a/apps/site/src/content/design-system/patterns/name/index.yaml b/apps/site/src/content/design-system/patterns/name/index.yaml index 91d28d805..b3d929efa 100644 --- a/apps/site/src/content/design-system/patterns/name/index.yaml +++ b/apps/site/src/content/design-system/patterns/name/index.yaml @@ -11,14 +11,17 @@ design: name: Full name slug: full-name noTitle: false + noDemo: false - title: name: Simple name slug: simple-name noTitle: false + noDemo: false - title: name: Error states slug: error-states noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Text inputs diff --git a/apps/site/src/content/design-system/patterns/payee-selection/index.yaml b/apps/site/src/content/design-system/patterns/payee-selection/index.yaml index ff758c580..897965345 100644 --- a/apps/site/src/content/design-system/patterns/payee-selection/index.yaml +++ b/apps/site/src/content/design-system/patterns/payee-selection/index.yaml @@ -10,14 +10,17 @@ design: name: Payee tile slug: payee-tile noTitle: false + noDemo: false - title: name: Payee list slug: payee-list noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Flexicell diff --git a/apps/site/src/content/design-system/patterns/phone/index.yaml b/apps/site/src/content/design-system/patterns/phone/index.yaml index eec95a72a..86fcb7843 100644 --- a/apps/site/src/content/design-system/patterns/phone/index.yaml +++ b/apps/site/src/content/design-system/patterns/phone/index.yaml @@ -10,18 +10,22 @@ design: name: Phone number slug: phone-number noTitle: false + noDemo: false - title: name: Error states slug: error-states noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false - title: name: Dos and don'ts slug: dos-and-donts noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Alerts diff --git a/apps/site/src/content/design-system/patterns/tax-file-number/index.yaml b/apps/site/src/content/design-system/patterns/tax-file-number/index.yaml index b91659bb9..c287eaceb 100644 --- a/apps/site/src/content/design-system/patterns/tax-file-number/index.yaml +++ b/apps/site/src/content/design-system/patterns/tax-file-number/index.yaml @@ -9,14 +9,17 @@ design: name: Tax File Number slug: tax-file-number noTitle: false + noDemo: false - title: name: Error states slug: error-states noTitle: false + noDemo: false - title: name: User experience slug: user-experience noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Alerts diff --git a/apps/site/src/content/design-system/patterns/validation-and-error-messaging/index.yaml b/apps/site/src/content/design-system/patterns/validation-and-error-messaging/index.yaml index f32b2637f..a863aadc7 100644 --- a/apps/site/src/content/design-system/patterns/validation-and-error-messaging/index.yaml +++ b/apps/site/src/content/design-system/patterns/validation-and-error-messaging/index.yaml @@ -3,7 +3,7 @@ description: >- Validation or error messaging helps ensure that data captured online from our users is as accurate as possible. From making sure it is entered in the correct format, to ensuring we have the correct addresses and contact details - for our users. Validation and errors are essential for data quality. + for our users. Validation and errors are essential for data quality. namedExport: discriminant: false excludeFromNavbar: false @@ -12,14 +12,17 @@ design: name: 'Anatomy of an error ' slug: anatomy-of-an-error noTitle: false + noDemo: false - title: name: Error triggers & display slug: error-triggers-and-display noTitle: false + noDemo: false - title: name: Writing error messages slug: writing-error-messages noTitle: false + noDemo: false accessibility: [] relatedComponents: - title: Alerts From 2d4c46369ec2be6ab9d9f214aadf6ff6f2cb9ad7 Mon Sep 17 00:00:00 2001 From: Hannah Date: Thu, 22 Aug 2024 16:39:13 +1000 Subject: [PATCH 02/18] added: changeset --- .changeset/empty-coins-yawn.md | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 .changeset/empty-coins-yawn.md diff --git a/.changeset/empty-coins-yawn.md b/.changeset/empty-coins-yawn.md new file mode 100644 index 000000000..d21959756 --- /dev/null +++ b/.changeset/empty-coins-yawn.md @@ -0,0 +1,9 @@ +--- +'site': minor +'playground': patch +'protoform': patch +'@westpac/test-config': patch +'@westpac/ts-config': patch +--- + +added cms option for design content demo From c3a0ed5cf0319bd546b2085ca050469847530196 Mon Sep 17 00:00:00 2001 From: Hannah Date: Thu, 22 Aug 2024 16:51:35 +1000 Subject: [PATCH 03/18] fix: lint --- .../brand-select/brand-select.styles.ts | 8 ++++---- .../design-content/design-content.types.tsx | 2 +- .../components/header/header.styles.ts | 8 ++++---- .../sidebar-select/sidebar-select.styles.ts | 6 +++--- .../ui/src/components/button/button.styles.ts | 16 ++++++++-------- .../ui/src/components/filter/filter.stories.tsx | 2 +- 6 files changed, 21 insertions(+), 21 deletions(-) diff --git a/apps/site/src/app/(home)/components/brand-select/brand-select.styles.ts b/apps/site/src/app/(home)/components/brand-select/brand-select.styles.ts index 85ce80cd4..48ce4a227 100644 --- a/apps/site/src/app/(home)/components/brand-select/brand-select.styles.ts +++ b/apps/site/src/app/(home)/components/brand-select/brand-select.styles.ts @@ -3,12 +3,12 @@ import { tv } from 'tailwind-variants'; export const styles = tv( { slots: { - base: 'xsl:-mx-5 xsl:px-5 relative -mx-4 flex flex-col px-4', - label: 'text-text block cursor-default text-left text-sm font-medium', + base: 'relative -mx-4 flex flex-col px-4 xsl:-mx-5 xsl:px-5', + label: 'block cursor-default text-left text-sm font-medium text-text', button: - 'focus:focus-outline relative flex h-11 max-w-full cursor-pointer flex-row items-stretch overflow-hidden pt-1.5 outline-none', + 'relative flex h-11 max-w-full cursor-pointer flex-row items-stretch overflow-hidden pt-1.5 outline-none focus:focus-outline', popover: 'w-full', - iconWrapper: 'text-primary pointer-events-none mb-[-0.4rem] flex flex-shrink-0 touch-none items-center', + iconWrapper: 'pointer-events-none mb-[-0.4rem] flex flex-shrink-0 touch-none items-center text-primary', textWrapper: 'flex flex-shrink items-center overflow-hidden pr-2', }, variants: { diff --git a/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.types.tsx b/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.types.tsx index 5a230203e..5bdf9df01 100644 --- a/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.types.tsx +++ b/apps/site/src/app/design-system/[brand]/[...component]/components/content-tabs/components/design-content/design-content.types.tsx @@ -3,7 +3,7 @@ import { DocumentElement } from '@keystatic/core'; import { RelatedInfoProps } from '@/components/related-info/related-info.types'; import { ShortCode } from '@/types/short-code.types'; -export type DesignSectionProps = { content: DocumentElement[]; noTitle?: boolean; title: string; noDemo?: boolean }; +export type DesignSectionProps = { content: DocumentElement[]; noDemo?: boolean; noTitle?: boolean; title: string }; export type DesignContentProps = { description?: string; diff --git a/apps/site/src/app/design-system/[brand]/[...component]/components/header/header.styles.ts b/apps/site/src/app/design-system/[brand]/[...component]/components/header/header.styles.ts index 381dee352..6edc66e5e 100644 --- a/apps/site/src/app/design-system/[brand]/[...component]/components/header/header.styles.ts +++ b/apps/site/src/app/design-system/[brand]/[...component]/components/header/header.styles.ts @@ -3,11 +3,11 @@ import { tv } from 'tailwind-variants'; export const styles = tv( { slots: { - base: 'bg-hero md:-top-27 sticky top-0 z-50 flex w-full items-center gap-2 px-2 py-3.5 antialiased transition-colors sm:px-4 md:h-[14.25rem] md:items-end', - gridButton: 'focus-visible:focus-outline flex h-6 items-stretch gap-0.5 p-1', + base: 'sticky top-0 z-50 flex w-full items-center gap-2 bg-hero px-2 py-3.5 antialiased transition-colors sm:px-4 md:-top-27 md:h-[14.25rem] md:items-end', + gridButton: 'flex h-6 items-stretch gap-0.5 p-1 focus-visible:focus-outline', gridButtonWrapper: 'fixed right-2 top-2 hidden items-center text-white sm:flex', hamburgerButton: - 'focus-visible:focus-outline fixed left-0 top-0 block -translate-y-0.5 px-2 py-3.5 focus-visible:!outline-offset-[-2px] sm:left-2 lg:hidden', + 'fixed left-0 top-0 block -translate-y-0.5 px-2 py-3.5 focus-visible:!outline-offset-[-2px] focus-visible:focus-outline sm:left-2 lg:hidden', title: 'typography-brand-7 pl-6 font-normal leading-none text-white focus:outline-none sm:pl-6 lg:pl-0', }, variants: { @@ -18,7 +18,7 @@ export const styles = tv( }, false: { base: '', - title: 'md:typography-brand-2 md:pb-4.5 md:px-2 md:pt-5 md:leading-none lg:ml-2', + title: 'md:typography-brand-2 md:px-2 md:pb-4.5 md:pt-5 md:leading-none lg:ml-2', }, }, brand: { diff --git a/apps/site/src/app/design-system/components/sidebar/components/sidebar-select/sidebar-select.styles.ts b/apps/site/src/app/design-system/components/sidebar/components/sidebar-select/sidebar-select.styles.ts index 932194507..a8df80927 100644 --- a/apps/site/src/app/design-system/components/sidebar/components/sidebar-select/sidebar-select.styles.ts +++ b/apps/site/src/app/design-system/components/sidebar/components/sidebar-select/sidebar-select.styles.ts @@ -4,17 +4,17 @@ export const styles = tv( { slots: { base: 'relative flex w-full flex-col', - label: 'text-text block cursor-default text-left text-sm font-medium', + label: 'block cursor-default text-left text-sm font-medium text-text', button: 'relative flex h-11 cursor-pointer flex-row items-stretch overflow-hidden pl-3 pr-4 shadow-sm outline-none', popover: '-ml-2 w-[18.75rem]', - iconWrapper: 'border-l-border text-primary flex items-center border-l pl-4', + iconWrapper: 'flex items-center border-l border-l-border pl-4 text-primary', textWrapper: 'flex flex-1 items-center pr-2', }, variants: { isFocusVisible: { true: { - button: 'focus-outline !outline-offset-[-2px]', + button: '!outline-offset-[-2px] focus-outline', }, false: {}, }, diff --git a/packages/ui/src/components/button/button.styles.ts b/packages/ui/src/components/button/button.styles.ts index c358f5ca5..5463fa1a5 100644 --- a/packages/ui/src/components/button/button.styles.ts +++ b/packages/ui/src/components/button/button.styles.ts @@ -14,17 +14,17 @@ export const styles = tv( }, variants: { size: { - small: { base: 'typography-body-10 active-theme-rams:before:h-[0.0625rem] px-2 pb-1 pt-0.5' }, - medium: { base: 'typography-body-9 active-theme-rams:before:h-0.5 px-2 py-[0.3125rem]' }, - large: { base: 'typography-body-9 active-theme-rams:before:h-0.5 px-2.5 py-2' }, - xlarge: { base: 'typography-body-8 active-theme-rams:before:h-1 px-3 pb-2.5 pt-1.5' }, + small: { base: 'typography-body-10 px-2 pb-1 pt-0.5 active-theme-rams:before:h-[0.0625rem]' }, + medium: { base: 'typography-body-9 px-2 py-[0.3125rem] active-theme-rams:before:h-0.5' }, + large: { base: 'typography-body-9 px-2.5 py-2 active-theme-rams:before:h-0.5' }, + xlarge: { base: 'typography-body-8 px-3 pb-2.5 pt-1.5 active-theme-rams:before:h-1' }, }, look: { primary: { - base: 'border-primary bg-primary hover:bg-primary-70 active:bg-primary-50 active-theme-rams:border-b-pop active-theme-rams:before:absolute active-theme-rams:before:bottom-0 active-theme-rams:before:block active-theme-rams:before:w-full active-theme-rams:before:bg-pop relative border text-white', + base: 'relative border border-primary bg-primary text-white hover:bg-primary-70 active:bg-primary-50 active-theme-rams:border-b-pop active-theme-rams:before:absolute active-theme-rams:before:bottom-0 active-theme-rams:before:block active-theme-rams:before:w-full active-theme-rams:before:bg-pop', }, - hero: { base: 'border-hero bg-hero hover:bg-hero-70 active:bg-hero-50 border text-white' }, - faint: { base: 'border-border bg-light text-muted border hover:bg-white active:bg-white' }, + hero: { base: 'border border-hero bg-hero text-white hover:bg-hero-70 active:bg-hero-50' }, + faint: { base: 'border border-border bg-light text-muted hover:bg-white active:bg-white' }, link: { base: 'text-link underline' }, }, soft: { @@ -50,7 +50,7 @@ export const styles = tv( slots: ['base'], look: 'primary', soft: true, - className: 'text-text active-theme-rams:text-primary active-theme-rams:hover:text-white hover:text-white', + className: 'text-text hover:text-white active-theme-rams:text-primary active-theme-rams:hover:text-white', }, { slots: ['base'], diff --git a/packages/ui/src/components/filter/filter.stories.tsx b/packages/ui/src/components/filter/filter.stories.tsx index 5b8679f7f..9b9e220f3 100644 --- a/packages/ui/src/components/filter/filter.stories.tsx +++ b/packages/ui/src/components/filter/filter.stories.tsx @@ -370,7 +370,7 @@ export const FilterWithContent = () => {
{filteredAccounts.map(({ title, id, payees }) => (
-

{title}

+

{title}

{payees.map(({ name, number, paidAt, bank, code }) => paidAt ? ( Date: Fri, 23 Aug 2024 09:55:42 +1000 Subject: [PATCH 04/18] fix: updated tests --- packages/ui/src/components/button/button.spec.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/components/button/button.spec.tsx b/packages/ui/src/components/button/button.spec.tsx index f2255a6e4..68f4dacdd 100644 --- a/packages/ui/src/components/button/button.spec.tsx +++ b/packages/ui/src/components/button/button.spec.tsx @@ -17,7 +17,7 @@ describe('Button', () => { it('renders the style correctly', () => { const style = styles({ look: 'primary', size: 'medium' }); expect(style.base()).toBe( - 'items-center justify-center rounded leading-normal transition-[background] disabled:pointer-events-none disabled:opacity-50 group-first/add-on-before:rounded-r-none group-last/add-on-after:rounded-l-none typography-body-9 active-theme-rams:before:h-0.5 px-2 py-[0.3125rem] border-primary bg-primary hover:bg-primary-70 active:bg-primary-50 active-theme-rams:border-b-pop active-theme-rams:before:absolute active-theme-rams:before:bottom-0 active-theme-rams:before:block active-theme-rams:before:w-full active-theme-rams:before:bg-pop relative border text-white inline-flex w-auto outline-none', + 'items-center justify-center rounded leading-normal transition-[background] disabled:pointer-events-none disabled:opacity-50 group-first/add-on-before:rounded-r-none group-last/add-on-after:rounded-l-none typography-body-9 px-2 py-[0.3125rem] active-theme-rams:before:h-0.5 relative border border-primary bg-primary text-white hover:bg-primary-70 active:bg-primary-50 active-theme-rams:border-b-pop active-theme-rams:before:absolute active-theme-rams:before:bottom-0 active-theme-rams:before:block active-theme-rams:before:w-full active-theme-rams:before:bg-pop inline-flex w-auto outline-none', ); }); From 6f5b1887e12dbd3b9363c17d95f0076d26cef2bc Mon Sep 17 00:00:00 2001 From: Hannah Date: Mon, 26 Aug 2024 16:25:16 +1000 Subject: [PATCH 05/18] added: availability content component for site --- .../availability-content.component.tsx | 33 + .../availability-content.preview.tsx | 43 + .../availability-content.styles.ts | 8 + .../availability-content.types.ts | 12 + .../availability-content/components/index.ts | 2 + .../components/table-of-availability/index.ts | 2 + .../table-of-availability.component.tsx | 70 ++ .../table-of-availability.types.tsx | 7 + .../components/availability-content/index.ts | 2 + .../component-blocks/foundation-blocks.tsx | 12 + package.json | 6 +- pnpm-lock.yaml | 775 ++++++------------ 12 files changed, 454 insertions(+), 518 deletions(-) create mode 100644 apps/site/src/components/component-blocks/components/availability-content/availability-content.component.tsx create mode 100644 apps/site/src/components/component-blocks/components/availability-content/availability-content.preview.tsx create mode 100644 apps/site/src/components/component-blocks/components/availability-content/availability-content.styles.ts create mode 100644 apps/site/src/components/component-blocks/components/availability-content/availability-content.types.ts create mode 100644 apps/site/src/components/component-blocks/components/availability-content/components/index.ts create mode 100644 apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/index.ts create mode 100644 apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx create mode 100644 apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.types.tsx create mode 100644 apps/site/src/components/component-blocks/components/availability-content/index.ts diff --git a/apps/site/src/components/component-blocks/components/availability-content/availability-content.component.tsx b/apps/site/src/components/component-blocks/components/availability-content/availability-content.component.tsx new file mode 100644 index 000000000..3dc42f750 --- /dev/null +++ b/apps/site/src/components/component-blocks/components/availability-content/availability-content.component.tsx @@ -0,0 +1,33 @@ +'use client'; + +import React from 'react'; + +import { styles as AvailabilityContentStyles } from './availability-content.styles'; +import { TableOfAvailability } from './components/table-of-availability'; + +import { AvailabilityContentProps } from '.'; + +export function AvailabilityContent({ + availableGel, + availableMesh, + availableLegacyWdp, + alternativeGel, + alternativeMesh, + alternativeLegacyWdp, +}: AvailabilityContentProps) { + const styles = AvailabilityContentStyles({}); + return ( +
+
+ +
+
+ ); +} diff --git a/apps/site/src/components/component-blocks/components/availability-content/availability-content.preview.tsx b/apps/site/src/components/component-blocks/components/availability-content/availability-content.preview.tsx new file mode 100644 index 000000000..0eb9245b2 --- /dev/null +++ b/apps/site/src/components/component-blocks/components/availability-content/availability-content.preview.tsx @@ -0,0 +1,43 @@ +import { NotEditable, component, fields } from '@keystatic/core'; + +const availabilityOptions = [ + { label: 'Available', value: 'available' }, + { label: 'Not Available', value: 'unavailable' }, + { label: 'In Progress', value: 'in-progress' }, +]; + +export const availabilityContent = component({ + preview: () => ( + +
Platform Availability
+ + ), + label: 'Content Availability', + schema: { + availableGel: fields.select({ + label: 'GEL Availability', + options: availabilityOptions, + defaultValue: 'available', + }), + availableMesh: fields.select({ + label: 'Mesh Availability', + options: availabilityOptions, + defaultValue: 'available', + }), + availableLegacyWdp: fields.select({ + label: 'Legacy WDP Availability', + options: availabilityOptions, + defaultValue: 'available', + }), + alternativeMesh: fields.text({ + label: 'Mesh Alternative Name', + multiline: false, + defaultValue: undefined, + }), + alternativeLegacyWdp: fields.text({ + label: 'Legacy WDP Alternative Name', + multiline: false, + defaultValue: undefined, + }), + }, +}); diff --git a/apps/site/src/components/component-blocks/components/availability-content/availability-content.styles.ts b/apps/site/src/components/component-blocks/components/availability-content/availability-content.styles.ts new file mode 100644 index 000000000..1ee23cc0a --- /dev/null +++ b/apps/site/src/components/component-blocks/components/availability-content/availability-content.styles.ts @@ -0,0 +1,8 @@ +import { tv } from 'tailwind-variants'; + +export const styles = tv({ + slots: { + contentContainer: 'mb-5 mt-4 max-w-5xl bg-white p-6 pb-0', + tableContainer: 'relative -mx-6 -mt-6 border-muted-50 px-6 pb-6 pt-9', + }, +}); diff --git a/apps/site/src/components/component-blocks/components/availability-content/availability-content.types.ts b/apps/site/src/components/component-blocks/components/availability-content/availability-content.types.ts new file mode 100644 index 000000000..a890517b0 --- /dev/null +++ b/apps/site/src/components/component-blocks/components/availability-content/availability-content.types.ts @@ -0,0 +1,12 @@ +import { DocumentElement } from '@keystatic/core'; + +export type AvailabilitySectionProps = { content: DocumentElement[]; title: string }; + +export type AvailabilityContentProps = { + alternativeGel?: string; + alternativeLegacyWdp?: string; + alternativeMesh?: string; + availableGel: string; + availableLegacyWdp: string; + availableMesh: string; +}; diff --git a/apps/site/src/components/component-blocks/components/availability-content/components/index.ts b/apps/site/src/components/component-blocks/components/availability-content/components/index.ts new file mode 100644 index 000000000..468091b16 --- /dev/null +++ b/apps/site/src/components/component-blocks/components/availability-content/components/index.ts @@ -0,0 +1,2 @@ +export * from './table-of-availability/table-of-availability.component'; +export * from './table-of-availability/table-of-availability.types'; diff --git a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/index.ts b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/index.ts new file mode 100644 index 000000000..d9decfe7d --- /dev/null +++ b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/index.ts @@ -0,0 +1,2 @@ +export * from './table-of-availability.component'; +export * from './table-of-availability.types'; diff --git a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx new file mode 100644 index 000000000..19a9fa0fc --- /dev/null +++ b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx @@ -0,0 +1,70 @@ +'use client'; + +import { Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableHeaderRow, TableRow } from '@westpac/ui'; +import { CalendarIcon, TickCircleIcon, WarningIcon } from '@westpac/ui/icon'; +import React from 'react'; + +interface TableOfAvailabilityProps { + alternativeGel?: string; + alternativeLegacyWdp?: string; + alternativeMesh?: string; + availableGel: string; + availableLegacyWdp: string; + availableMesh: string; +} + +const availabilityMap: Record = { + available: { text: 'Available', icon: TickCircleIcon, color: 'success' }, + unavailable: { text: 'Older version available', icon: WarningIcon, color: 'warning' }, + 'in-progress': { text: 'Older version available - Upgrade in backlog', icon: CalendarIcon, color: 'info' }, +}; + +const renderStatus = (status: string) => { + const { text, icon: Icon, color } = availabilityMap[status]; + return ( +
+ + {text} +
+ ); +}; + +export function TableOfAvailability({ + availableGel, + availableMesh, + availableLegacyWdp, + alternativeGel, + alternativeMesh, + alternativeLegacyWdp, +}: TableOfAvailabilityProps) { + const platforms = [ + { name: 'GEL', status: availableGel, alternative: alternativeGel }, + { name: 'Mesh', status: availableMesh, alternative: alternativeMesh }, + { name: 'LegacyWDP', status: availableLegacyWdp, alternative: alternativeLegacyWdp }, + ]; + + const hasAlternativeNames = platforms.some(platform => platform.alternative); + + return ( + + + + Platform + Status + {hasAlternativeNames && Other name} + + + + {platforms.map(platform => ( + + + {platform.name} + + {renderStatus(platform.status)} + {hasAlternativeNames && {platform.alternative || ''}} + + ))} + +
+ ); +} diff --git a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.types.tsx b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.types.tsx new file mode 100644 index 000000000..627f2f423 --- /dev/null +++ b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.types.tsx @@ -0,0 +1,7 @@ +'use client'; + +export type TableOfAvailabilityProps = { + availableGel: string; + availableLegacyWdp: string; + availableMesh: string; +}; diff --git a/apps/site/src/components/component-blocks/components/availability-content/index.ts b/apps/site/src/components/component-blocks/components/availability-content/index.ts new file mode 100644 index 000000000..303b05053 --- /dev/null +++ b/apps/site/src/components/component-blocks/components/availability-content/index.ts @@ -0,0 +1,2 @@ +export * from './availability-content.component'; +export * from './availability-content.types'; diff --git a/apps/site/src/components/component-blocks/foundation-blocks.tsx b/apps/site/src/components/component-blocks/foundation-blocks.tsx index b90cb8aa8..e26973022 100644 --- a/apps/site/src/components/component-blocks/foundation-blocks.tsx +++ b/apps/site/src/components/component-blocks/foundation-blocks.tsx @@ -3,6 +3,8 @@ import { Image } from '@/components/document-renderer'; import { Colors } from './colors/colors.component'; import { colors } from './colors/colors.preview'; import { accessibilityDemo } from './components/accessibility-demo/accessibility-demo.preview'; +import { AvailabilityContent } from './components/availability-content/availability-content.component'; +import { availabilityContent } from './components/availability-content/availability-content.preview'; import { designSystemBodyImage } from './components/design-system-body-image'; import { LinkList } from './components/link-list'; import { linkList } from './components/link-list/link-list.preview'; @@ -29,6 +31,7 @@ export const foundationBlocks = { linkList, shortCode, accessibilityDemo, + availabilityContent, }; export const foundationBlocksComponents = { @@ -44,4 +47,13 @@ export const foundationBlocksComponents = {
), + availabilityContent: (props: any) => ( + + ), }; diff --git a/package.json b/package.json index 3ddb86bce..d940434c3 100644 --- a/package.json +++ b/package.json @@ -27,14 +27,14 @@ "migrate": "node script.cjs" }, "devDependencies": { - "@changesets/cli": "^2.25.2", + "@changesets/cli": "^2.27.7", "@westpac/eslint-config": "workspace:~", "@westpac/ts-config": "workspace:~", "eslint-config-turbo": "^0.0.7", "husky": "^8.0.3", - "prettier": "^3.2.5", + "prettier": "^3.3.3", "shx": "^0.3.4", - "turbo": "^1.9.0" + "turbo": "^1.13.4" }, "engines": { "node": ">=20" diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 5a239fea9..0f873984c 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -18,8 +18,8 @@ importers: version: 5.5.4 devDependencies: '@changesets/cli': - specifier: ^2.25.2 - version: 2.25.2 + specifier: ^2.27.7 + version: 2.27.7 '@westpac/eslint-config': specifier: workspace:~ version: link:packages/eslint-config @@ -33,14 +33,14 @@ importers: specifier: ^8.0.3 version: 8.0.3 prettier: - specifier: ^3.2.5 - version: 3.2.5 + specifier: ^3.3.3 + version: 3.3.3 shx: specifier: ^0.3.4 version: 0.3.4 turbo: - specifier: ^1.9.0 - version: 1.9.0 + specifier: ^1.13.4 + version: 1.13.4 apps/playground: dependencies: @@ -1237,6 +1237,10 @@ packages: resolution: {integrity: sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==} engines: {node: '>=6.9.0'} + '@babel/runtime@7.25.4': + resolution: {integrity: sha512-DSgLeL/FNcpXuzav5wfYvHCGvynXkJbn3Zvc3823AEe9nPwW9IK4UoCSS5yGymmQzN0pCPvivtgS6/8U2kkm1w==} + engines: {node: '>=6.9.0'} + '@babel/template@7.23.9': resolution: {integrity: sha512-+xrD2BWLpvHKNmX2QbpdpsBaWnRxahMwJjO+KZk2JOElj5nSmKezyS1B4u+QbHMTX69t4ukm6hh9lsYQ7GHCKA==} engines: {node: '>=6.9.0'} @@ -1270,60 +1274,60 @@ packages: '@braintree/sanitize-url@6.0.4': resolution: {integrity: sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A==} - '@changesets/apply-release-plan@6.1.4': - resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==} + '@changesets/apply-release-plan@7.0.4': + resolution: {integrity: sha512-HLFwhKWayKinWAul0Vj+76jVx1Pc2v55MGPVjZ924Y/ROeSsBMFutv9heHmCUj48lJyRfOTJG5+ar+29FUky/A==} - '@changesets/assemble-release-plan@5.2.4': - resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==} + '@changesets/assemble-release-plan@6.0.3': + resolution: {integrity: sha512-bLNh9/Lgl1VwkjWZTq8JmRqH+hj7/Yzfz0jsQ/zJJ+FTmVqmqPj3szeKOri8O/hEM8JmHW019vh2gTO9iq5Cuw==} - '@changesets/changelog-git@0.1.14': - resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==} + '@changesets/changelog-git@0.2.0': + resolution: {integrity: sha512-bHOx97iFI4OClIT35Lok3sJAwM31VbUM++gnMBV16fdbtBhgYu4dxsphBF/0AZZsyAHMrnM0yFcj5gZM1py6uQ==} - '@changesets/cli@2.25.2': - resolution: {integrity: sha512-ACScBJXI3kRyMd2R8n8SzfttDHi4tmKSwVwXBazJOylQItSRSF4cGmej2E4FVf/eNfGy6THkL9GzAahU9ErZrA==} + '@changesets/cli@2.27.7': + resolution: {integrity: sha512-6lr8JltiiXPIjDeYg4iM2MeePP6VN/JkmqBsVA5XRiy01hGS3y629LtSDvKcycj/w/5Eur1rEwby/MjcYS+e2A==} hasBin: true - '@changesets/config@2.3.1': - resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==} + '@changesets/config@3.0.2': + resolution: {integrity: sha512-cdEhS4t8woKCX2M8AotcV2BOWnBp09sqICxKapgLHf9m5KdENpWjyrFNMjkLqGJtUys9U+w93OxWT0czorVDfw==} - '@changesets/errors@0.1.4': - resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==} + '@changesets/errors@0.2.0': + resolution: {integrity: sha512-6BLOQUscTpZeGljvyQXlWOItQyU71kCdGz7Pi8H8zdw6BI0g3m43iL4xKUVPWtG+qrrL9DTjpdn8eYuCQSRpow==} - '@changesets/get-dependents-graph@1.3.6': - resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==} + '@changesets/get-dependents-graph@2.1.1': + resolution: {integrity: sha512-LRFjjvigBSzfnPU2n/AhFsuWR5DK++1x47aq6qZ8dzYsPtS/I5mNhIGAS68IAxh1xjO9BTtz55FwefhANZ+FCA==} - '@changesets/get-release-plan@3.0.17': - resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==} + '@changesets/get-release-plan@4.0.3': + resolution: {integrity: sha512-6PLgvOIwTSdJPTtpdcr3sLtGatT+Jr22+cQwEBJBy6wP0rjB4yJ9lv583J9fVpn1bfQlBkDa8JxbS2g/n9lIyA==} - '@changesets/get-version-range-type@0.3.2': - resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==} + '@changesets/get-version-range-type@0.4.0': + resolution: {integrity: sha512-hwawtob9DryoGTpixy1D3ZXbGgJu1Rhr+ySH2PvTLHvkZuQ7sRT4oQwMh0hbqZH1weAooedEjRsbrWcGLCeyVQ==} - '@changesets/git@1.5.0': - resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==} + '@changesets/git@3.0.0': + resolution: {integrity: sha512-vvhnZDHe2eiBNRFHEgMiGd2CT+164dfYyrJDhwwxTVD/OW0FUD6G7+4DIx1dNwkwjHyzisxGAU96q0sVNBns0w==} - '@changesets/git@2.0.0': - resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==} + '@changesets/logger@0.1.0': + resolution: {integrity: sha512-pBrJm4CQm9VqFVwWnSqKEfsS2ESnwqwH+xR7jETxIErZcfd1u2zBSqrHbRHR7xjhSgep9x2PSKFKY//FAshA3g==} - '@changesets/logger@0.0.5': - resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==} + '@changesets/parse@0.4.0': + resolution: {integrity: sha512-TS/9KG2CdGXS27S+QxbZXgr8uPsP4yNJYb4BC2/NeFUj80Rni3TeD2qwWmabymxmrLo7JEsytXH1FbpKTbvivw==} - '@changesets/parse@0.3.16': - resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==} + '@changesets/pre@2.0.0': + resolution: {integrity: sha512-HLTNYX/A4jZxc+Sq8D1AMBsv+1qD6rmmJtjsCJa/9MSRybdxh0mjbTvE6JYZQ/ZiQ0mMlDOlGPXTm9KLTU3jyw==} - '@changesets/pre@1.0.14': - resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==} + '@changesets/read@0.6.0': + resolution: {integrity: sha512-ZypqX8+/im1Fm98K4YcZtmLKgjs1kDQ5zHpc2U1qdtNBmZZfo/IBiG162RoP0CUF05tvp2y4IspH11PLnPxuuw==} - '@changesets/read@0.5.9': - resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==} + '@changesets/should-skip-package@0.1.0': + resolution: {integrity: sha512-FxG6Mhjw7yFStlSM7Z0Gmg3RiyQ98d/9VpQAZ3Fzr59dCOM9G6ZdYbjiSAt0XtFr9JR5U2tBaJWPjrkGGc618g==} '@changesets/types@4.1.0': resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==} - '@changesets/types@5.2.1': - resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==} + '@changesets/types@6.0.0': + resolution: {integrity: sha512-b1UkfNulgKoWfqyHtzKS5fOZYSJO+77adgL7DLRDr+/7jhChN+QcHnbjiQVOz/U+Ts3PGNySq7diAItzDgugfQ==} - '@changesets/write@0.2.3': - resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==} + '@changesets/write@0.3.1': + resolution: {integrity: sha512-SyGtMXzH3qFqlHKcvFY2eX+6b0NGiFcNav8AFsYwy5l8hejOeoeTDemu5Yjmke2V5jpzY+pBvM0vCCQ3gdZpfw==} '@colors/colors@1.5.0': resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==} @@ -4214,9 +4218,6 @@ packages: '@types/inquirer@8.2.10': resolution: {integrity: sha512-IdD5NmHyVjWM8SHWo/kPBgtzXatwPkfwzyP3fN1jF2g9BWt5WO+8hL2F4o2GKIYsU40PpqeevuUWvkS/roXJkA==} - '@types/is-ci@3.0.4': - resolution: {integrity: sha512-AkCYCmwlXeuH89DagDCzvCAyltI2v9lh3U3DqSg/GrBYoReAaWwxfXCqMx9UV5MajLZ4ZFwZzV4cABGIxk2XRw==} - '@types/is-hotkey@0.1.10': resolution: {integrity: sha512-RvC8KMw5BCac1NvRRyaHgMMEtBaZ6wh0pyPTBu7izn4Sj/AX9Y4aXU5c7rX8PnM/knsuUpC1IeoBkANtxBypsQ==} @@ -4283,9 +4284,6 @@ packages: '@types/minimatch@5.1.2': resolution: {integrity: sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==} - '@types/minimist@1.2.5': - resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==} - '@types/ms@0.7.34': resolution: {integrity: sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==} @@ -4358,11 +4356,8 @@ packages: '@types/scheduler@0.16.8': resolution: {integrity: sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==} - '@types/semver@6.2.7': - resolution: {integrity: sha512-blctEWbzUFzQx799RZjzzIdBJOXmE37YYEyDtKkx5Dg+V7o/zyyAxLPiI98A2jdTtDgxZleMdfV+7p8WbRJ1OQ==} - - '@types/semver@7.5.7': - resolution: {integrity: sha512-/wdoPq1QqkSj9/QOeKkFquEuPzQbHTWAMPH/PaUMB+JuR31lXhlWXRZ52IpfDYVlDOUBvX09uBrPwxGT1hjNBg==} + '@types/semver@7.5.8': + resolution: {integrity: sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==} '@types/send@0.17.4': resolution: {integrity: sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==} @@ -4831,10 +4826,6 @@ packages: resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==} engines: {node: '>= 0.4'} - arrify@1.0.1: - resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==} - engines: {node: '>=0.10.0'} - assert@2.1.0: resolution: {integrity: sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==} @@ -4975,9 +4966,6 @@ packages: resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==} engines: {node: '>=8'} - breakword@1.0.6: - resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==} - browser-assert@1.2.1: resolution: {integrity: sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==} @@ -5060,10 +5048,6 @@ packages: resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==} engines: {node: '>= 6'} - camelcase-keys@6.2.2: - resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==} - engines: {node: '>=8'} - camelcase@5.3.1: resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==} engines: {node: '>=6'} @@ -5180,9 +5164,6 @@ packages: clipboard-copy@4.0.1: resolution: {integrity: sha512-wOlqdqziE/NNTUJsfSgXmBMIrYmfd5V0HCGsR8uAKHcg+h9NENWINcfRjtWGU77wDHC8B8ijV4hMTGYbrKovng==} - cliui@6.0.0: - resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==} - cliui@7.0.4: resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==} @@ -5387,19 +5368,6 @@ packages: csstype@3.1.3: resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==} - csv-generate@3.4.3: - resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==} - - csv-parse@4.16.3: - resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==} - - csv-stringify@5.6.5: - resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==} - - csv@5.5.3: - resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==} - engines: {node: '>= 0.1.90'} - damerau-levenshtein@1.0.8: resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==} @@ -5466,14 +5434,6 @@ packages: supports-color: optional: true - decamelize-keys@1.1.1: - resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==} - engines: {node: '>=0.10.0'} - - decamelize@1.2.0: - resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==} - engines: {node: '>=0.10.0'} - decimal.js-light@2.5.1: resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==} @@ -5636,8 +5596,8 @@ packages: electron-to-chromium@1.4.680: resolution: {integrity: sha512-4nToZ5jlPO14W82NkF32wyjhYqQByVaDmLy4J2/tYcAbJfgO2TKJC780Az1V13gzq4l73CJ0yuyalpXvxXXD9A==} - electron-to-chromium@1.5.10: - resolution: {integrity: sha512-C3RDERDjrNW262GCRvpoer3a0Ksd66CtgDLxMHhzShQ8fhL4kwnpVXsJPAKg9xJjIROXUbLBrvtOzVAjALMIWA==} + electron-to-chromium@1.5.13: + resolution: {integrity: sha512-lbBcvtIJ4J6sS4tb5TLp1b4LyfCdMkwStzXPyAgVgTRAsep4bvrAGaBOP7ZJtQMNJpSQ9SqG4brWOroNaQtm7Q==} emery@1.4.3: resolution: {integrity: sha512-DrP24dscOZx5BJpOo32X1CjaWgbFojS4sAXKtlmTQmCJ01Vv2brjeWKIS6cQ4Rblt/hZIN+6pdV2L7Y9Rsh8EA==} @@ -6452,6 +6412,7 @@ packages: glob@7.2.3: resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==} + deprecated: Glob versions prior to v9 are no longer supported global-modules@1.0.0: resolution: {integrity: sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==} @@ -6524,10 +6485,6 @@ packages: engines: {node: '>=0.4.7'} hasBin: true - hard-rejection@2.1.0: - resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==} - engines: {node: '>=6'} - has-bigints@1.0.2: resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==} @@ -6682,6 +6639,7 @@ packages: inflight@1.0.6: resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==} + deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful. inherits@2.0.4: resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==} @@ -6768,10 +6726,6 @@ packages: resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==} engines: {node: '>= 0.4'} - is-ci@3.0.1: - resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==} - hasBin: true - is-core-module@2.13.1: resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==} @@ -6779,6 +6733,10 @@ packages: resolution: {integrity: sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==} engines: {node: '>= 0.4'} + is-core-module@2.15.1: + resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==} + engines: {node: '>= 0.4'} + is-data-view@1.0.1: resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==} engines: {node: '>= 0.4'} @@ -7139,10 +7097,6 @@ packages: resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==} engines: {node: '>=6'} - kleur@4.1.5: - resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==} - engines: {node: '>=6'} - language-subtag-registry@0.3.22: resolution: {integrity: sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==} @@ -7330,14 +7284,6 @@ packages: resolution: {integrity: sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==} engines: {node: '>=0.10.0'} - map-obj@1.0.1: - resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==} - engines: {node: '>=0.10.0'} - - map-obj@4.3.0: - resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==} - engines: {node: '>=8'} - map-or-similar@1.5.0: resolution: {integrity: sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==} @@ -7415,10 +7361,6 @@ packages: memoizerific@1.11.3: resolution: {integrity: sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==} - meow@6.1.1: - resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==} - engines: {node: '>=8'} - merge-descriptors@1.0.1: resolution: {integrity: sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==} @@ -7595,10 +7537,6 @@ packages: resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==} engines: {node: '>=16 || 14 >=14.17'} - minimist-options@4.1.0: - resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==} - engines: {node: '>= 6'} - minimist@1.2.8: resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==} @@ -7618,10 +7556,6 @@ packages: resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==} engines: {node: '>= 8'} - mixme@0.5.10: - resolution: {integrity: sha512-5H76ANWinB1H3twpJ6JY8uvAtpmFvHNArpilJAjXRKXSDDLPIMoZArw5SH0q9z+lLs8IrMw7Q2VWpWimFKFT1Q==} - engines: {node: '>= 8.0.0'} - mkdirp-classic@0.5.3: resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==} @@ -7637,6 +7571,10 @@ packages: mlly@1.6.0: resolution: {integrity: sha512-YOvg9hfYQmnaB56Yb+KrJE2u0Yzz5zR+sLejEvF4fzwzV1Al6hkf2vyHTwqCRyv0hCi9rVCqVoXpyYevQIRwLQ==} + mri@1.2.0: + resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==} + engines: {node: '>=4'} + ms@2.0.0: resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==} @@ -8255,8 +8193,8 @@ packages: postgres-range@1.1.4: resolution: {integrity: sha512-i/hbxIE9803Alj/6ytL7UHQxRvZkI9O4Sy+J3HGc4F4oo/2eQAjTSNJ0bfxyse3bH0nuVesCk+3IRLaMtG3H6w==} - preferred-pm@3.1.3: - resolution: {integrity: sha512-MkXsENfftWSRpzCzImcp4FRsCc3y1opwB73CfCNWyzMqArju2CrlMHlqB7VexKiPEOjGMbttv1r9fSCn5S610w==} + preferred-pm@3.1.4: + resolution: {integrity: sha512-lEHd+yEm22jXdCphDrkvIJQU66EuLojPPtvZkpKIkiD+l0DMThF/niqZKJSoU8Vl7iuvtmzyMhir9LdVy5WMnA==} engines: {node: '>=10'} prelude-ls@1.2.1: @@ -8277,6 +8215,11 @@ packages: engines: {node: '>=14'} hasBin: true + prettier@3.3.3: + resolution: {integrity: sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==} + engines: {node: '>=14'} + hasBin: true + pretty-format@27.5.1: resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==} engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} @@ -8396,10 +8339,6 @@ packages: queue-microtask@1.2.3: resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==} - quick-lru@4.0.1: - resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==} - engines: {node: '>=8'} - quick-lru@5.1.1: resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==} engines: {node: '>=10'} @@ -8622,9 +8561,6 @@ packages: resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==} engines: {node: '>=0.10.0'} - require-main-filename@2.0.0: - resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==} - requireindex@1.2.0: resolution: {integrity: sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==} engines: {node: '>=0.10.5'} @@ -8802,8 +8738,8 @@ packages: engines: {node: '>=10'} hasBin: true - semver@7.6.2: - resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==} + semver@7.6.3: + resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==} engines: {node: '>=10'} hasBin: true @@ -8824,9 +8760,6 @@ packages: server-only@0.0.1: resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==} - set-blocking@2.0.0: - resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==} - set-function-length@1.2.1: resolution: {integrity: sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==} engines: {node: '>= 0.4'} @@ -8923,11 +8856,6 @@ packages: slate@0.91.4: resolution: {integrity: sha512-aUJ3rpjrdi5SbJ5G1Qjr3arytfRkEStTmHjBfWq2A2Q8MybacIzkScSvGJjQkdTk3djCK9C9SEOt39sSeZFwTw==} - smartwrap@2.0.2: - resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==} - engines: {node: '>=6'} - hasBin: true - snake-case@3.0.4: resolution: {integrity: sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==} @@ -9015,9 +8943,6 @@ packages: stream-shift@1.0.3: resolution: {integrity: sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==} - stream-transform@2.1.3: - resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==} - streamsearch@1.1.0: resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==} engines: {node: '>=10.0.0'} @@ -9356,10 +9281,6 @@ packages: resolution: {integrity: sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==} engines: {node: '>=14'} - trim-newlines@3.0.1: - resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==} - engines: {node: '>=8'} - trim-repeated@2.0.0: resolution: {integrity: sha512-QUHBFTJGdOwmp0tbOG505xAgOp/YliZP/6UgafFXYZ26WT1bvQmSMJUvkeVSASuJJHbqsFbynTvkd5W8RBTipg==} engines: {node: '>=12'} @@ -9427,43 +9348,38 @@ packages: peerDependencies: typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta' - tty-table@4.2.3: - resolution: {integrity: sha512-Fs15mu0vGzCrj8fmJNP7Ynxt5J7praPXqFN0leZeZBXJwkMxv9cb2D454k1ltrtUSJbZ4yH4e0CynsHLxmUfFA==} - engines: {node: '>=8.0.0'} - hasBin: true - - turbo-darwin-64@1.9.0: - resolution: {integrity: sha512-snJkC0RRFEQ7STIYbJVDrQzkRaU3b1cgM5PIrWx6elf79HA4Lm50sXbjpWJPsdwxfnvIKcpsAtBsDeR47iqnMQ==} + turbo-darwin-64@1.13.4: + resolution: {integrity: sha512-A0eKd73R7CGnRinTiS7txkMElg+R5rKFp9HV7baDiEL4xTG1FIg/56Vm7A5RVgg8UNgG2qNnrfatJtb+dRmNdw==} cpu: [x64] os: [darwin] - turbo-darwin-arm64@1.9.0: - resolution: {integrity: sha512-+4MDDtRdKe8VMG9YU7J3c6kokpKVV4ELw6iThtO7jwz5DiGy5eTKGNtr5kHkPk3SffUQ0DZTQ/YSJsBC+6LLlA==} + turbo-darwin-arm64@1.13.4: + resolution: {integrity: sha512-eG769Q0NF6/Vyjsr3mKCnkG/eW6dKMBZk6dxWOdrHfrg6QgfkBUk0WUUujzdtVPiUIvsh4l46vQrNVd9EOtbyA==} cpu: [arm64] os: [darwin] - turbo-linux-64@1.9.0: - resolution: {integrity: sha512-pEyj6VFo1RYwMqA6BLPHYViRIbE/R1KMAoQFW/qr9vTIT6kuMw1OiL0f/ZJ3AgY5V2mwGQT9Qg2HAH1CIEnH4Q==} + turbo-linux-64@1.13.4: + resolution: {integrity: sha512-Bq0JphDeNw3XEi+Xb/e4xoKhs1DHN7OoLVUbTIQz+gazYjigVZvtwCvgrZI7eW9Xo1eOXM2zw2u1DGLLUfmGkQ==} cpu: [x64] os: [linux] - turbo-linux-arm64@1.9.0: - resolution: {integrity: sha512-bwwa3X1ZzFkGsHsXDwAdW+akcKnGVNMmEtFULvh/2UALdslobttO7CiNBot7F+Sf5CfFZivYu5MEuYA/+Kvt7Q==} + turbo-linux-arm64@1.13.4: + resolution: {integrity: sha512-BJcXw1DDiHO/okYbaNdcWN6szjXyHWx9d460v6fCHY65G8CyqGU3y2uUTPK89o8lq/b2C8NK0yZD+Vp0f9VoIg==} cpu: [arm64] os: [linux] - turbo-windows-64@1.9.0: - resolution: {integrity: sha512-GMvbmXNHJVuLwbgqxQjXTFE4GHjzj3hVE+xZEKlEQWJ0cD+OGrVMqYMGxjVO5Ffbd3aHI9OECAmQw18qHWi1AA==} + turbo-windows-64@1.13.4: + resolution: {integrity: sha512-OFFhXHOFLN7A78vD/dlVuuSSVEB3s9ZBj18Tm1hk3aW1HTWTuAw0ReN6ZNlVObZUHvGy8d57OAGGxf2bT3etQw==} cpu: [x64] os: [win32] - turbo-windows-arm64@1.9.0: - resolution: {integrity: sha512-oeePkdHoXit+rBzAT4iqn9hTUWXguKvqsZpJbFKr7JKLKtfeGwsXtyhCtkWIpBBQMT+hkGTBURMr9mHuS3sUPA==} + turbo-windows-arm64@1.13.4: + resolution: {integrity: sha512-u5A+VOKHswJJmJ8o8rcilBfU5U3Y1TTAfP9wX8bFh8teYF1ghP0EhtMRLjhtp6RPa+XCxHHVA2CiC3gbh5eg5g==} cpu: [arm64] os: [win32] - turbo@1.9.0: - resolution: {integrity: sha512-W99+hwuisT/d9wcr5/KnAJYCQwm3xApbxLTLBRMOEti3iaweRSQIKFCVhdGccaDuu6b0zvE/4bTB6C3qJc8bgw==} + turbo@1.13.4: + resolution: {integrity: sha512-1q7+9UJABuBAHrcC4Sxp5lOqYS5mvxRrwa33wpIyM18hlOCpRD/fTJNxZ0vhbMcJmz15o9kkVm743mPn7p6jpQ==} hasBin: true type-check@0.4.0: @@ -9474,10 +9390,6 @@ packages: resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==} engines: {node: '>=4'} - type-fest@0.13.1: - resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==} - engines: {node: '>=10'} - type-fest@0.16.0: resolution: {integrity: sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==} engines: {node: '>=10'} @@ -9925,11 +9837,8 @@ packages: which-collection@1.0.1: resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==} - which-module@2.0.1: - resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==} - - which-pm@2.0.0: - resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==} + which-pm@2.2.0: + resolution: {integrity: sha512-MOiaDbA5ZZgUjkeMWM5EkJp4loW5ZRoa5bc3/aeMox/PJelMhE6t7S/mLuiY43DBupyxH+S0U1bTui9kWUlmsw==} engines: {node: '>=8.15'} which-typed-array@1.1.14: @@ -10053,9 +9962,6 @@ packages: peerDependencies: yjs: ^13 - y18n@4.0.3: - resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==} - y18n@5.0.8: resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==} engines: {node: '>=10'} @@ -10077,10 +9983,6 @@ packages: resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==} engines: {node: '>= 14'} - yargs-parser@18.1.3: - resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==} - engines: {node: '>=6'} - yargs-parser@20.2.9: resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==} engines: {node: '>=10'} @@ -10089,10 +9991,6 @@ packages: resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==} engines: {node: '>=12'} - yargs@15.4.1: - resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==} - engines: {node: '>=8'} - yargs@16.2.0: resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==} engines: {node: '>=10'} @@ -11020,6 +10918,10 @@ snapshots: dependencies: regenerator-runtime: 0.14.1 + '@babel/runtime@7.25.4': + dependencies: + regenerator-runtime: 0.14.1 + '@babel/template@7.23.9': dependencies: '@babel/code-frame': 7.23.5 @@ -11080,13 +10982,14 @@ snapshots: '@braintree/sanitize-url@6.0.4': {} - '@changesets/apply-release-plan@6.1.4': + '@changesets/apply-release-plan@7.0.4': dependencies: - '@babel/runtime': 7.23.9 - '@changesets/config': 2.3.1 - '@changesets/get-version-range-type': 0.3.2 - '@changesets/git': 2.0.0 - '@changesets/types': 5.2.1 + '@babel/runtime': 7.25.4 + '@changesets/config': 3.0.2 + '@changesets/get-version-range-type': 0.4.0 + '@changesets/git': 3.0.0 + '@changesets/should-skip-package': 0.1.0 + '@changesets/types': 6.0.0 '@manypkg/get-packages': 1.1.3 detect-indent: 6.1.0 fs-extra: 7.0.1 @@ -11094,146 +10997,143 @@ snapshots: outdent: 0.5.0 prettier: 2.8.8 resolve-from: 5.0.0 - semver: 7.6.0 + semver: 7.6.3 - '@changesets/assemble-release-plan@5.2.4': + '@changesets/assemble-release-plan@6.0.3': dependencies: - '@babel/runtime': 7.23.9 - '@changesets/errors': 0.1.4 - '@changesets/get-dependents-graph': 1.3.6 - '@changesets/types': 5.2.1 + '@babel/runtime': 7.25.4 + '@changesets/errors': 0.2.0 + '@changesets/get-dependents-graph': 2.1.1 + '@changesets/should-skip-package': 0.1.0 + '@changesets/types': 6.0.0 '@manypkg/get-packages': 1.1.3 - semver: 7.6.0 - - '@changesets/changelog-git@0.1.14': - dependencies: - '@changesets/types': 5.2.1 - - '@changesets/cli@2.25.2': - dependencies: - '@babel/runtime': 7.23.9 - '@changesets/apply-release-plan': 6.1.4 - '@changesets/assemble-release-plan': 5.2.4 - '@changesets/changelog-git': 0.1.14 - '@changesets/config': 2.3.1 - '@changesets/errors': 0.1.4 - '@changesets/get-dependents-graph': 1.3.6 - '@changesets/get-release-plan': 3.0.17 - '@changesets/git': 1.5.0 - '@changesets/logger': 0.0.5 - '@changesets/pre': 1.0.14 - '@changesets/read': 0.5.9 - '@changesets/types': 5.2.1 - '@changesets/write': 0.2.3 + semver: 7.6.3 + + '@changesets/changelog-git@0.2.0': + dependencies: + '@changesets/types': 6.0.0 + + '@changesets/cli@2.27.7': + dependencies: + '@babel/runtime': 7.25.4 + '@changesets/apply-release-plan': 7.0.4 + '@changesets/assemble-release-plan': 6.0.3 + '@changesets/changelog-git': 0.2.0 + '@changesets/config': 3.0.2 + '@changesets/errors': 0.2.0 + '@changesets/get-dependents-graph': 2.1.1 + '@changesets/get-release-plan': 4.0.3 + '@changesets/git': 3.0.0 + '@changesets/logger': 0.1.0 + '@changesets/pre': 2.0.0 + '@changesets/read': 0.6.0 + '@changesets/should-skip-package': 0.1.0 + '@changesets/types': 6.0.0 + '@changesets/write': 0.3.1 '@manypkg/get-packages': 1.1.3 - '@types/is-ci': 3.0.4 - '@types/semver': 6.2.7 + '@types/semver': 7.5.8 ansi-colors: 4.1.3 chalk: 2.4.2 + ci-info: 3.9.0 enquirer: 2.4.1 external-editor: 3.1.0 fs-extra: 7.0.1 human-id: 1.0.2 - is-ci: 3.0.1 - meow: 6.1.1 + mri: 1.2.0 outdent: 0.5.0 p-limit: 2.3.0 - preferred-pm: 3.1.3 + preferred-pm: 3.1.4 resolve-from: 5.0.0 - semver: 5.7.2 + semver: 7.6.3 spawndamnit: 2.0.0 term-size: 2.2.1 - tty-table: 4.2.3 - '@changesets/config@2.3.1': + '@changesets/config@3.0.2': dependencies: - '@changesets/errors': 0.1.4 - '@changesets/get-dependents-graph': 1.3.6 - '@changesets/logger': 0.0.5 - '@changesets/types': 5.2.1 + '@changesets/errors': 0.2.0 + '@changesets/get-dependents-graph': 2.1.1 + '@changesets/logger': 0.1.0 + '@changesets/types': 6.0.0 '@manypkg/get-packages': 1.1.3 fs-extra: 7.0.1 micromatch: 4.0.6 - '@changesets/errors@0.1.4': + '@changesets/errors@0.2.0': dependencies: extendable-error: 0.1.7 - '@changesets/get-dependents-graph@1.3.6': + '@changesets/get-dependents-graph@2.1.1': dependencies: - '@changesets/types': 5.2.1 + '@changesets/types': 6.0.0 '@manypkg/get-packages': 1.1.3 chalk: 2.4.2 fs-extra: 7.0.1 - semver: 7.6.0 + semver: 7.6.3 - '@changesets/get-release-plan@3.0.17': + '@changesets/get-release-plan@4.0.3': dependencies: - '@babel/runtime': 7.23.9 - '@changesets/assemble-release-plan': 5.2.4 - '@changesets/config': 2.3.1 - '@changesets/pre': 1.0.14 - '@changesets/read': 0.5.9 - '@changesets/types': 5.2.1 + '@babel/runtime': 7.25.4 + '@changesets/assemble-release-plan': 6.0.3 + '@changesets/config': 3.0.2 + '@changesets/pre': 2.0.0 + '@changesets/read': 0.6.0 + '@changesets/types': 6.0.0 '@manypkg/get-packages': 1.1.3 - '@changesets/get-version-range-type@0.3.2': {} + '@changesets/get-version-range-type@0.4.0': {} - '@changesets/git@1.5.0': + '@changesets/git@3.0.0': dependencies: - '@babel/runtime': 7.23.9 - '@changesets/errors': 0.1.4 - '@changesets/types': 5.2.1 - '@manypkg/get-packages': 1.1.3 - is-subdir: 1.2.0 - spawndamnit: 2.0.0 - - '@changesets/git@2.0.0': - dependencies: - '@babel/runtime': 7.23.9 - '@changesets/errors': 0.1.4 - '@changesets/types': 5.2.1 + '@babel/runtime': 7.25.4 + '@changesets/errors': 0.2.0 + '@changesets/types': 6.0.0 '@manypkg/get-packages': 1.1.3 is-subdir: 1.2.0 micromatch: 4.0.6 spawndamnit: 2.0.0 - '@changesets/logger@0.0.5': + '@changesets/logger@0.1.0': dependencies: chalk: 2.4.2 - '@changesets/parse@0.3.16': + '@changesets/parse@0.4.0': dependencies: - '@changesets/types': 5.2.1 + '@changesets/types': 6.0.0 js-yaml: 3.14.1 - '@changesets/pre@1.0.14': + '@changesets/pre@2.0.0': dependencies: - '@babel/runtime': 7.23.9 - '@changesets/errors': 0.1.4 - '@changesets/types': 5.2.1 + '@babel/runtime': 7.25.4 + '@changesets/errors': 0.2.0 + '@changesets/types': 6.0.0 '@manypkg/get-packages': 1.1.3 fs-extra: 7.0.1 - '@changesets/read@0.5.9': + '@changesets/read@0.6.0': dependencies: - '@babel/runtime': 7.23.9 - '@changesets/git': 2.0.0 - '@changesets/logger': 0.0.5 - '@changesets/parse': 0.3.16 - '@changesets/types': 5.2.1 + '@babel/runtime': 7.25.4 + '@changesets/git': 3.0.0 + '@changesets/logger': 0.1.0 + '@changesets/parse': 0.4.0 + '@changesets/types': 6.0.0 chalk: 2.4.2 fs-extra: 7.0.1 p-filter: 2.1.0 + '@changesets/should-skip-package@0.1.0': + dependencies: + '@babel/runtime': 7.25.4 + '@changesets/types': 6.0.0 + '@manypkg/get-packages': 1.1.3 + '@changesets/types@4.1.0': {} - '@changesets/types@5.2.1': {} + '@changesets/types@6.0.0': {} - '@changesets/write@0.2.3': + '@changesets/write@0.3.1': dependencies: - '@babel/runtime': 7.23.9 - '@changesets/types': 5.2.1 + '@babel/runtime': 7.25.4 + '@changesets/types': 6.0.0 fs-extra: 7.0.1 human-id: 1.0.2 prettier: 2.8.8 @@ -11946,14 +11846,14 @@ snapshots: '@manypkg/find-root@1.1.0': dependencies: - '@babel/runtime': 7.23.9 + '@babel/runtime': 7.25.4 '@types/node': 12.20.55 find-up: 4.1.0 fs-extra: 8.1.0 '@manypkg/get-packages@1.1.3': dependencies: - '@babel/runtime': 7.23.9 + '@babel/runtime': 7.25.4 '@changesets/types': 4.1.0 '@manypkg/find-root': 1.1.0 fs-extra: 8.1.0 @@ -12078,15 +11978,15 @@ snapshots: '@radix-ui/number@1.0.1': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/primitive@1.0.1': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-arrow@1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) react: 18.2.0 react-dom: 18.2.0(react@18.2.0) @@ -12096,7 +11996,7 @@ snapshots: '@radix-ui/react-collection@1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.28)(react@18.2.0) '@radix-ui/react-context': 1.0.1(@types/react@18.2.28)(react@18.2.0) '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) @@ -12109,28 +12009,28 @@ snapshots: '@radix-ui/react-compose-refs@1.0.1(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 react: 18.2.0 optionalDependencies: '@types/react': 18.2.28 '@radix-ui/react-context@1.0.1(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 react: 18.2.0 optionalDependencies: '@types/react': 18.2.28 '@radix-ui/react-direction@1.0.1(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 react: 18.2.0 optionalDependencies: '@types/react': 18.2.28 '@radix-ui/react-dismissable-layer@1.0.4(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/primitive': 1.0.1 '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.28)(react@18.2.0) '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) @@ -12144,14 +12044,14 @@ snapshots: '@radix-ui/react-focus-guards@1.0.1(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 react: 18.2.0 optionalDependencies: '@types/react': 18.2.28 '@radix-ui/react-focus-scope@1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.28)(react@18.2.0) '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.28)(react@18.2.0) @@ -12163,7 +12063,7 @@ snapshots: '@radix-ui/react-id@1.0.1(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.28)(react@18.2.0) react: 18.2.0 optionalDependencies: @@ -12171,7 +12071,7 @@ snapshots: '@radix-ui/react-popper@1.1.2(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@floating-ui/react-dom': 2.0.8(react-dom@18.2.0(react@18.2.0))(react@18.2.0) '@radix-ui/react-arrow': 1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.28)(react@18.2.0) @@ -12190,7 +12090,7 @@ snapshots: '@radix-ui/react-portal@1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) react: 18.2.0 react-dom: 18.2.0(react@18.2.0) @@ -12200,7 +12100,7 @@ snapshots: '@radix-ui/react-primitive@1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-slot': 1.0.2(@types/react@18.2.28)(react@18.2.0) react: 18.2.0 react-dom: 18.2.0(react@18.2.0) @@ -12210,7 +12110,7 @@ snapshots: '@radix-ui/react-roving-focus@1.0.4(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/primitive': 1.0.1 '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.28)(react@18.2.0) @@ -12228,7 +12128,7 @@ snapshots: '@radix-ui/react-select@1.2.2(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.23.9 + '@babel/runtime': 7.25.4 '@radix-ui/number': 1.0.1 '@radix-ui/primitive': 1.0.1 '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) @@ -12258,7 +12158,7 @@ snapshots: '@radix-ui/react-separator@1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) react: 18.2.0 react-dom: 18.2.0(react@18.2.0) @@ -12268,7 +12168,7 @@ snapshots: '@radix-ui/react-slot@1.0.2(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.28)(react@18.2.0) react: 18.2.0 optionalDependencies: @@ -12276,7 +12176,7 @@ snapshots: '@radix-ui/react-toggle-group@1.0.4(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/primitive': 1.0.1 '@radix-ui/react-context': 1.0.1(@types/react@18.2.28)(react@18.2.0) '@radix-ui/react-direction': 1.0.1(@types/react@18.2.28)(react@18.2.0) @@ -12292,7 +12192,7 @@ snapshots: '@radix-ui/react-toggle@1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/primitive': 1.0.1 '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.28)(react@18.2.0) @@ -12304,7 +12204,7 @@ snapshots: '@radix-ui/react-toolbar@1.0.4(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.23.9 + '@babel/runtime': 7.25.4 '@radix-ui/primitive': 1.0.1 '@radix-ui/react-context': 1.0.1(@types/react@18.2.28)(react@18.2.0) '@radix-ui/react-direction': 1.0.1(@types/react@18.2.28)(react@18.2.0) @@ -12320,14 +12220,14 @@ snapshots: '@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 react: 18.2.0 optionalDependencies: '@types/react': 18.2.28 '@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.28)(react@18.2.0) react: 18.2.0 optionalDependencies: @@ -12335,7 +12235,7 @@ snapshots: '@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.28)(react@18.2.0) react: 18.2.0 optionalDependencies: @@ -12343,21 +12243,21 @@ snapshots: '@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 react: 18.2.0 optionalDependencies: '@types/react': 18.2.28 '@radix-ui/react-use-previous@1.0.1(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 react: 18.2.0 optionalDependencies: '@types/react': 18.2.28 '@radix-ui/react-use-rect@1.0.1(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/rect': 1.0.1 react: 18.2.0 optionalDependencies: @@ -12365,7 +12265,7 @@ snapshots: '@radix-ui/react-use-size@1.0.1(@types/react@18.2.28)(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.28)(react@18.2.0) react: 18.2.0 optionalDependencies: @@ -12373,7 +12273,7 @@ snapshots: '@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.1)(@types/react@18.2.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) react: 18.2.0 react-dom: 18.2.0(react@18.2.0) @@ -12383,7 +12283,7 @@ snapshots: '@radix-ui/rect@1.0.1': dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@react-aria/accordion@3.0.0-alpha.27(react-dom@18.2.0(react@18.2.0))(react@18.2.0)': dependencies: @@ -14569,7 +14469,7 @@ snapshots: '@storybook/node-logger': 7.6.4 '@storybook/telemetry': 7.6.4 '@storybook/types': 7.6.4 - '@types/semver': 7.5.7 + '@types/semver': 7.5.8 '@yarnpkg/fslib': 2.10.3 '@yarnpkg/libzip': 2.3.0 chalk: 4.1.2 @@ -14592,7 +14492,7 @@ snapshots: prompts: 2.4.2 puppeteer-core: 2.1.1(bufferutil@4.0.8) read-pkg-up: 7.0.1 - semver: 7.6.0 + semver: 7.6.3 simple-update-notifier: 2.0.0 strip-json-comments: 3.1.1 tempy: 1.0.1 @@ -14760,7 +14660,7 @@ snapshots: prettier-fallback: prettier@3.2.5 pretty-hrtime: 1.0.3 resolve-from: 5.0.0 - semver: 7.6.2 + semver: 7.6.3 tempy: 3.1.0 tiny-invariant: 1.3.3 ts-dedent: 2.2.0 @@ -14804,7 +14704,7 @@ snapshots: '@types/detect-port': 1.3.5 '@types/node': 18.19.34 '@types/pretty-hrtime': 1.0.3 - '@types/semver': 7.5.7 + '@types/semver': 7.5.8 better-opn: 3.0.2 chalk: 4.1.2 cli-table3: 0.6.3 @@ -14819,7 +14719,7 @@ snapshots: pretty-hrtime: 1.0.3 prompts: 2.4.2 read-pkg-up: 7.0.1 - semver: 7.6.0 + semver: 7.6.3 telejson: 7.2.0 tiny-invariant: 1.3.1 ts-dedent: 2.2.0 @@ -15112,7 +15012,7 @@ snapshots: react: 18.2.0 react-dom: 18.2.0(react@18.2.0) react-element-to-jsx-string: 15.0.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0) - semver: 7.6.2 + semver: 7.6.3 ts-dedent: 2.2.0 type-fest: 2.19.0 util-deprecate: 1.0.2 @@ -15346,7 +15246,7 @@ snapshots: '@testing-library/dom@9.3.4': dependencies: '@babel/code-frame': 7.23.5 - '@babel/runtime': 7.23.9 + '@babel/runtime': 7.25.4 '@types/aria-query': 5.0.4 aria-query: 5.1.3 chalk: 4.1.2 @@ -15537,10 +15437,6 @@ snapshots: '@types/through': 0.0.33 rxjs: 7.8.1 - '@types/is-ci@3.0.4': - dependencies: - ci-info: 3.9.0 - '@types/is-hotkey@0.1.10': {} '@types/istanbul-lib-coverage@2.0.6': {} @@ -15609,8 +15505,6 @@ snapshots: '@types/minimatch@5.1.2': {} - '@types/minimist@1.2.5': {} - '@types/ms@0.7.34': {} '@types/node-fetch@2.6.11': @@ -15680,9 +15574,7 @@ snapshots: '@types/scheduler@0.16.8': {} - '@types/semver@6.2.7': {} - - '@types/semver@7.5.7': {} + '@types/semver@7.5.8': {} '@types/send@0.17.4': dependencies: @@ -15838,7 +15730,7 @@ snapshots: debug: 4.3.5 globby: 11.1.0 is-glob: 4.0.3 - semver: 7.6.2 + semver: 7.6.3 tsutils: 3.21.0(typescript@5.1.6) optionalDependencies: typescript: 5.1.6 @@ -15852,7 +15744,7 @@ snapshots: debug: 4.3.5 globby: 11.1.0 is-glob: 4.0.3 - semver: 7.6.2 + semver: 7.6.3 tsutils: 3.21.0(typescript@5.5.4) optionalDependencies: typescript: 5.5.4 @@ -15866,7 +15758,7 @@ snapshots: debug: 4.3.5 globby: 11.1.0 is-glob: 4.0.3 - semver: 7.6.0 + semver: 7.6.3 tsutils: 3.21.0(typescript@5.5.4) optionalDependencies: typescript: 5.5.4 @@ -15881,7 +15773,7 @@ snapshots: globby: 11.1.0 is-glob: 4.0.3 minimatch: 9.0.3 - semver: 7.6.2 + semver: 7.6.3 ts-api-utils: 1.3.0(typescript@5.1.6) optionalDependencies: typescript: 5.1.6 @@ -15896,7 +15788,7 @@ snapshots: globby: 11.1.0 is-glob: 4.0.3 minimatch: 9.0.3 - semver: 7.6.2 + semver: 7.6.3 ts-api-utils: 1.3.0(typescript@5.5.4) optionalDependencies: typescript: 5.5.4 @@ -15906,7 +15798,7 @@ snapshots: '@typescript-eslint/utils@5.51.0(eslint@8.57.0)(typescript@5.5.4)': dependencies: '@types/json-schema': 7.0.15 - '@types/semver': 7.5.7 + '@types/semver': 7.5.8 '@typescript-eslint/scope-manager': 5.51.0 '@typescript-eslint/types': 5.51.0 '@typescript-eslint/typescript-estree': 5.51.0(typescript@5.5.4) @@ -15922,13 +15814,13 @@ snapshots: dependencies: '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0) '@types/json-schema': 7.0.15 - '@types/semver': 7.5.7 + '@types/semver': 7.5.8 '@typescript-eslint/scope-manager': 5.62.0 '@typescript-eslint/types': 5.62.0 '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.5.4) eslint: 8.57.0 eslint-scope: 5.1.1 - semver: 7.6.0 + semver: 7.6.3 transitivePeerDependencies: - supports-color - typescript @@ -16334,8 +16226,6 @@ snapshots: is-array-buffer: 3.0.4 is-shared-array-buffer: 1.0.3 - arrify@1.0.1: {} - assert@2.1.0: dependencies: call-bind: 1.0.7 @@ -16523,10 +16413,6 @@ snapshots: dependencies: fill-range: 7.1.1 - breakword@1.0.6: - dependencies: - wcwidth: 1.0.1 - browser-assert@1.2.1: {} browserify-zlib@0.1.4: @@ -16543,7 +16429,7 @@ snapshots: browserslist@4.23.3: dependencies: caniuse-lite: 1.0.30001651 - electron-to-chromium: 1.5.10 + electron-to-chromium: 1.5.13 node-releases: 2.0.18 update-browserslist-db: 1.1.0(browserslist@4.23.3) @@ -16627,12 +16513,6 @@ snapshots: camelcase-css@2.0.1: {} - camelcase-keys@6.2.2: - dependencies: - camelcase: 5.3.1 - map-obj: 4.3.0 - quick-lru: 4.0.1 - camelcase@5.3.1: {} caniuse-lite@1.0.30001589: {} @@ -16766,12 +16646,6 @@ snapshots: clipboard-copy@4.0.1: {} - cliui@6.0.0: - dependencies: - string-width: 4.2.3 - strip-ansi: 6.0.1 - wrap-ansi: 6.2.0 - cliui@7.0.4: dependencies: string-width: 4.2.3 @@ -16877,7 +16751,7 @@ snapshots: js-string-escape: 1.0.1 lodash: 4.17.21 md5-hex: 3.0.1 - semver: 7.6.0 + semver: 7.6.3 well-known-symbols: 2.0.0 consola@3.2.3: {} @@ -16964,7 +16838,7 @@ snapshots: postcss-modules-scope: 3.1.1(postcss@8.4.39) postcss-modules-values: 4.0.0(postcss@8.4.39) postcss-value-parser: 4.2.0 - semver: 7.6.0 + semver: 7.6.3 optionalDependencies: webpack: 5.93.0(@swc/core@1.3.35)(esbuild@0.18.20) @@ -16978,19 +16852,6 @@ snapshots: csstype@3.1.3: {} - csv-generate@3.4.3: {} - - csv-parse@4.16.3: {} - - csv-stringify@5.6.5: {} - - csv@5.5.3: - dependencies: - csv-generate: 3.4.3 - csv-parse: 4.16.3 - csv-stringify: 5.6.5 - stream-transform: 2.1.3 - damerau-levenshtein@1.0.8: {} data-urls@4.0.0: @@ -17041,13 +16902,6 @@ snapshots: dependencies: ms: 2.1.2 - decamelize-keys@1.1.1: - dependencies: - decamelize: 1.2.0 - map-obj: 1.0.1 - - decamelize@1.2.0: {} - decimal.js-light@2.5.1: {} decimal.js@10.4.3: {} @@ -17210,7 +17064,7 @@ snapshots: electron-to-chromium@1.4.680: {} - electron-to-chromium@1.5.10: {} + electron-to-chromium@1.5.13: {} emery@1.4.3: {} @@ -17506,7 +17360,7 @@ snapshots: eslint: 8.57.0 eslint-import-resolver-node: 0.3.9 eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0) - eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0) + eslint-plugin-import: 2.29.1(@typescript-eslint/parser@5.51.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0) eslint-plugin-jsx-a11y: 6.9.0(eslint@8.57.0) eslint-plugin-react: 7.34.3(eslint@8.57.0) eslint-plugin-react-hooks: 4.6.2(eslint@8.57.0) @@ -17622,7 +17476,7 @@ snapshots: enhanced-resolve: 5.17.0 eslint: 8.57.0 eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0) - eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0) + eslint-plugin-import: 2.29.1(@typescript-eslint/parser@5.51.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0) fast-glob: 3.3.2 get-tsconfig: 4.7.5 is-core-module: 2.14.0 @@ -17735,7 +17589,7 @@ snapshots: doctrine: 2.1.0 eslint: 8.57.0 eslint-import-resolver-node: 0.3.9 - eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0) + eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.4))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.4))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0) hasown: 2.0.2 is-core-module: 2.14.0 is-glob: 4.0.3 @@ -17752,33 +17606,6 @@ snapshots: - eslint-import-resolver-webpack - supports-color - eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0): - dependencies: - array-includes: 3.1.8 - array.prototype.findlastindex: 1.2.5 - array.prototype.flat: 1.3.2 - array.prototype.flatmap: 1.3.2 - debug: 3.2.7 - doctrine: 2.1.0 - eslint: 8.57.0 - eslint-import-resolver-node: 0.3.9 - eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.1.6))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0) - hasown: 2.0.2 - is-core-module: 2.14.0 - is-glob: 4.0.3 - minimatch: 3.1.2 - object.fromentries: 2.0.8 - object.groupby: 1.0.3 - object.values: 1.2.0 - semver: 6.3.1 - tsconfig-paths: 3.15.0 - optionalDependencies: - '@typescript-eslint/parser': 7.2.0(eslint@8.57.0)(typescript@5.1.6) - transitivePeerDependencies: - - eslint-import-resolver-typescript - - eslint-import-resolver-webpack - - supports-color - eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.4))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0): dependencies: array-includes: 3.1.8 @@ -18606,7 +18433,7 @@ snapshots: array-union: 2.1.0 dir-glob: 3.0.1 fast-glob: 3.3.2 - ignore: 5.3.1 + ignore: 5.3.2 merge2: 1.4.1 slash: 3.0.0 @@ -18667,8 +18494,6 @@ snapshots: optionalDependencies: uglify-js: 3.17.4 - hard-rejection@2.1.0: {} - has-bigints@1.0.2: {} has-flag@3.0.0: {} @@ -18906,10 +18731,6 @@ snapshots: is-callable@1.2.7: {} - is-ci@3.0.1: - dependencies: - ci-info: 3.9.0 - is-core-module@2.13.1: dependencies: hasown: 2.0.1 @@ -18918,6 +18739,10 @@ snapshots: dependencies: hasown: 2.0.2 + is-core-module@2.15.1: + dependencies: + hasown: 2.0.2 + is-data-view@1.0.1: dependencies: is-typed-array: 1.1.13 @@ -19303,8 +19128,6 @@ snapshots: kleur@3.0.3: {} - kleur@4.1.5: {} - language-subtag-registry@0.3.22: {} language-tags@1.0.9: @@ -19478,7 +19301,7 @@ snapshots: make-dir@4.0.0: dependencies: - semver: 7.6.2 + semver: 7.6.3 make-error@1.3.6: {} @@ -19492,10 +19315,6 @@ snapshots: map-cache@0.2.2: {} - map-obj@1.0.1: {} - - map-obj@4.3.0: {} - map-or-similar@1.5.0: {} markdown-table@3.0.3: {} @@ -19676,20 +19495,6 @@ snapshots: dependencies: map-or-similar: 1.5.0 - meow@6.1.1: - dependencies: - '@types/minimist': 1.2.5 - camelcase-keys: 6.2.2 - decamelize-keys: 1.1.1 - hard-rejection: 2.1.0 - minimist-options: 4.1.0 - normalize-package-data: 2.5.0 - read-pkg-up: 7.0.1 - redent: 3.0.0 - trim-newlines: 3.0.1 - type-fest: 0.13.1 - yargs-parser: 18.1.3 - merge-descriptors@1.0.1: {} merge-stream@2.0.0: {} @@ -20003,12 +19808,6 @@ snapshots: dependencies: brace-expansion: 2.0.1 - minimist-options@4.1.0: - dependencies: - arrify: 1.0.1 - is-plain-obj: 1.1.0 - kind-of: 6.0.3 - minimist@1.2.8: {} minipass@3.3.6: @@ -20024,8 +19823,6 @@ snapshots: minipass: 3.3.6 yallist: 4.0.0 - mixme@0.5.10: {} - mkdirp-classic@0.5.3: {} mkdirp@0.5.6: @@ -20041,6 +19838,8 @@ snapshots: pkg-types: 1.0.3 ufo: 1.4.0 + mri@1.2.0: {} + ms@2.0.0: {} ms@2.1.2: {} @@ -20545,7 +20344,7 @@ snapshots: polished@4.3.1: dependencies: - '@babel/runtime': 7.23.9 + '@babel/runtime': 7.25.4 possible-typed-array-names@1.0.0: {} @@ -20644,7 +20443,7 @@ snapshots: cosmiconfig: 8.3.6(typescript@5.5.4) jiti: 1.21.6 postcss: 8.4.31 - semver: 7.6.0 + semver: 7.6.3 webpack: 5.93.0(@swc/core@1.3.35)(esbuild@0.18.20) transitivePeerDependencies: - typescript @@ -20733,12 +20532,12 @@ snapshots: postgres-range@1.1.4: {} - preferred-pm@3.1.3: + preferred-pm@3.1.4: dependencies: find-up: 5.0.0 find-yarn-workspace-root2: 1.2.16 path-exists: 4.0.0 - which-pm: 2.0.0 + which-pm: 2.2.0 prelude-ls@1.2.1: {} @@ -20750,6 +20549,8 @@ snapshots: prettier@3.2.5: {} + prettier@3.3.3: {} + pretty-format@27.5.1: dependencies: ansi-regex: 5.0.1 @@ -20906,8 +20707,6 @@ snapshots: queue-microtask@1.2.3: {} - quick-lru@4.0.1: {} - quick-lru@5.1.1: {} ramda@0.29.0: {} @@ -21251,7 +21050,7 @@ snapshots: regenerator-transform@0.15.2: dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 regex-parser@2.3.0: {} @@ -21295,8 +21094,6 @@ snapshots: require-directory@2.1.1: {} - require-main-filename@2.0.0: {} - requireindex@1.2.0: {} requires-port@1.0.0: {} @@ -21330,7 +21127,7 @@ snapshots: resolve@2.0.0-next.5: dependencies: - is-core-module: 2.13.1 + is-core-module: 2.15.1 path-parse: 1.0.7 supports-preserve-symlinks-flag: 1.0.0 @@ -21495,7 +21292,7 @@ snapshots: dependencies: lru-cache: 6.0.0 - semver@7.6.2: {} + semver@7.6.3: {} send@0.18.0: dependencies: @@ -21536,8 +21333,6 @@ snapshots: server-only@0.0.1: {} - set-blocking@2.0.0: {} - set-function-length@1.2.1: dependencies: define-data-property: 1.1.4 @@ -21609,7 +21404,7 @@ snapshots: simple-update-notifier@2.0.0: dependencies: - semver: 7.6.0 + semver: 7.6.3 sisteransi@1.0.5: {} @@ -21645,15 +21440,6 @@ snapshots: is-plain-object: 5.0.0 tiny-warning: 1.0.3 - smartwrap@2.0.2: - dependencies: - array.prototype.flat: 1.3.2 - breakword: 1.0.6 - grapheme-splitter: 1.0.4 - strip-ansi: 6.0.1 - wcwidth: 1.0.1 - yargs: 15.4.1 - snake-case@3.0.4: dependencies: dot-case: 3.0.4 @@ -21736,10 +21522,6 @@ snapshots: stream-shift@1.0.3: {} - stream-transform@2.1.3: - dependencies: - mixme: 0.5.10 - streamsearch@1.1.0: {} string-width@4.2.3: @@ -22222,8 +22004,6 @@ snapshots: dependencies: punycode: 2.3.1 - trim-newlines@3.0.1: {} - trim-repeated@2.0.0: dependencies: escape-string-regexp: 5.0.0 @@ -22367,42 +22147,32 @@ snapshots: tslib: 1.14.1 typescript: 5.5.4 - tty-table@4.2.3: - dependencies: - chalk: 4.1.2 - csv: 5.5.3 - kleur: 4.1.5 - smartwrap: 2.0.2 - strip-ansi: 6.0.1 - wcwidth: 1.0.1 - yargs: 17.7.2 - - turbo-darwin-64@1.9.0: + turbo-darwin-64@1.13.4: optional: true - turbo-darwin-arm64@1.9.0: + turbo-darwin-arm64@1.13.4: optional: true - turbo-linux-64@1.9.0: + turbo-linux-64@1.13.4: optional: true - turbo-linux-arm64@1.9.0: + turbo-linux-arm64@1.13.4: optional: true - turbo-windows-64@1.9.0: + turbo-windows-64@1.13.4: optional: true - turbo-windows-arm64@1.9.0: + turbo-windows-arm64@1.13.4: optional: true - turbo@1.9.0: + turbo@1.13.4: optionalDependencies: - turbo-darwin-64: 1.9.0 - turbo-darwin-arm64: 1.9.0 - turbo-linux-64: 1.9.0 - turbo-linux-arm64: 1.9.0 - turbo-windows-64: 1.9.0 - turbo-windows-arm64: 1.9.0 + turbo-darwin-64: 1.13.4 + turbo-darwin-arm64: 1.13.4 + turbo-linux-64: 1.13.4 + turbo-linux-arm64: 1.13.4 + turbo-windows-64: 1.13.4 + turbo-windows-arm64: 1.13.4 type-check@0.4.0: dependencies: @@ -22410,8 +22180,6 @@ snapshots: type-detect@4.0.8: {} - type-fest@0.13.1: {} - type-fest@0.16.0: {} type-fest@0.20.2: {} @@ -22883,9 +22651,7 @@ snapshots: is-weakmap: 2.0.1 is-weakset: 2.0.2 - which-module@2.0.1: {} - - which-pm@2.0.0: + which-pm@2.2.0: dependencies: load-yaml-file: 0.2.0 path-exists: 4.0.0 @@ -22995,8 +22761,6 @@ snapshots: dependencies: yjs: 13.6.18 - y18n@4.0.3: {} - y18n@5.0.8: {} yallist@2.1.2: {} @@ -23009,29 +22773,10 @@ snapshots: yaml@2.3.4: {} - yargs-parser@18.1.3: - dependencies: - camelcase: 5.3.1 - decamelize: 1.2.0 - yargs-parser@20.2.9: {} yargs-parser@21.1.1: {} - yargs@15.4.1: - dependencies: - cliui: 6.0.0 - decamelize: 1.2.0 - find-up: 4.1.0 - get-caller-file: 2.0.5 - require-directory: 2.1.1 - require-main-filename: 2.0.0 - set-blocking: 2.0.0 - string-width: 4.2.3 - which-module: 2.0.1 - y18n: 4.0.3 - yargs-parser: 18.1.3 - yargs@16.2.0: dependencies: cliui: 7.0.4 From 6784cdc94814f9dd5629b782217a354945cfa8de Mon Sep 17 00:00:00 2001 From: Hannah Date: Tue, 27 Aug 2024 15:22:14 +1000 Subject: [PATCH 06/18] added: alert iconSIze prop and story examples --- .../src/components/alert/alert.component.tsx | 3 ++- .../ui/src/components/alert/alert.stories.tsx | 24 +++++++++++++++---- .../ui/src/components/alert/alert.types.ts | 5 ++++ 3 files changed, 26 insertions(+), 6 deletions(-) diff --git a/packages/ui/src/components/alert/alert.component.tsx b/packages/ui/src/components/alert/alert.component.tsx index 2f8954edf..7d7f8b25e 100644 --- a/packages/ui/src/components/alert/alert.component.tsx +++ b/packages/ui/src/components/alert/alert.component.tsx @@ -19,6 +19,7 @@ export function Alert({ open: isOpen = true, onClose, icon, + iconSize, tag: Tag = 'div', className, children, @@ -61,7 +62,7 @@ export function Alert({ > - +
{!!heading && {heading}} diff --git a/packages/ui/src/components/alert/alert.stories.tsx b/packages/ui/src/components/alert/alert.stories.tsx index ef8a81f67..a3e46055f 100644 --- a/packages/ui/src/components/alert/alert.stories.tsx +++ b/packages/ui/src/components/alert/alert.stories.tsx @@ -62,27 +62,41 @@ export const Looks: Story = { export const TextMode: Story = { render: () => ( <> -

Info

+

Default

+

Info

Heads up! This alert needs your attention, but it’s not super important. Link -

Success

+

Success

Well done! You successfully read this important alert message. Link -

Warning

+

Warning

Warning! Better check yourself, you’re not looking too good. Link -

Danger

+

Danger

Oh snap! Change a few things up and try submitting again. Link -

System

+

System

System Error 8942: The server is no responding. Please try again later. Sorry for the inconvenience. Link +

Custom Icon Sizes

+

Large

+ + Large This alert has a large icon. Link + +

Medium

+ + Medium This alert has a medium icon. Link + +

Small

+ + Small This alert has a small icon. Link + ), args: {}, diff --git a/packages/ui/src/components/alert/alert.types.ts b/packages/ui/src/components/alert/alert.types.ts index 0dbb1e19d..7533f84ce 100644 --- a/packages/ui/src/components/alert/alert.types.ts +++ b/packages/ui/src/components/alert/alert.types.ts @@ -27,6 +27,11 @@ export type AlertProps = { * The alert icon is automatically rendered based on look. The icon can be overriden via this prop, for info look alerts only. */ icon?: React.ElementType; + /** + * The size of the alert icon. + * @default undefined + */ + iconSize?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'; /** * Alert look style * @default info From dd38d2ce721b7f822ec11e5cabab1bf3519da867 Mon Sep 17 00:00:00 2001 From: Hannah Date: Wed, 28 Aug 2024 09:22:06 +1000 Subject: [PATCH 07/18] fix: icon size range --- packages/ui/src/components/alert/alert.stories.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/ui/src/components/alert/alert.stories.tsx b/packages/ui/src/components/alert/alert.stories.tsx index a3e46055f..400df5cc9 100644 --- a/packages/ui/src/components/alert/alert.stories.tsx +++ b/packages/ui/src/components/alert/alert.stories.tsx @@ -86,17 +86,17 @@ export const TextMode: Story = {

Custom Icon Sizes

Large

- - Large This alert has a large icon. Link - -

Medium

Medium This alert has a medium icon. Link -

Small

+

Medium

Small This alert has a small icon. Link +

Small

+ + Extra Small This alert has an extra small icon. Link + ), args: {}, From adf7a73f4294c6256995d08be6f2852192f975e4 Mon Sep 17 00:00:00 2001 From: Hannah Date: Wed, 28 Aug 2024 12:15:58 +1000 Subject: [PATCH 08/18] fix: fixed components according to change request --- .../table-of-availability.component.tsx | 51 ++++++++++--------- .../table-of-availability.styles.ts | 20 ++++++++ .../component-blocks/foundation-blocks.tsx | 10 +--- package.json | 6 +-- pnpm-lock.yaml | 38 +++++++------- 5 files changed, 71 insertions(+), 54 deletions(-) create mode 100644 apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.styles.ts diff --git a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx index 19a9fa0fc..e9dbcb9ce 100644 --- a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx +++ b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx @@ -4,6 +4,8 @@ import { Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableHeaderR import { CalendarIcon, TickCircleIcon, WarningIcon } from '@westpac/ui/icon'; import React from 'react'; +import { styles as TableOfAvailabilityStyles } from './table-of-availability.styles'; + interface TableOfAvailabilityProps { alternativeGel?: string; alternativeLegacyWdp?: string; @@ -13,22 +15,15 @@ interface TableOfAvailabilityProps { availableMesh: string; } -const availabilityMap: Record = { +const availabilityMap: Record< + string, + { color: 'success' | 'warning' | 'info'; icon: React.ElementType; text: string } +> = { available: { text: 'Available', icon: TickCircleIcon, color: 'success' }, unavailable: { text: 'Older version available', icon: WarningIcon, color: 'warning' }, 'in-progress': { text: 'Older version available - Upgrade in backlog', icon: CalendarIcon, color: 'info' }, }; -const renderStatus = (status: string) => { - const { text, icon: Icon, color } = availabilityMap[status]; - return ( -
- - {text} -
- ); -}; - export function TableOfAvailability({ availableGel, availableMesh, @@ -38,11 +33,13 @@ export function TableOfAvailability({ alternativeLegacyWdp, }: TableOfAvailabilityProps) { const platforms = [ - { name: 'GEL', status: availableGel, alternative: alternativeGel }, - { name: 'Mesh', status: availableMesh, alternative: alternativeMesh }, - { name: 'LegacyWDP', status: availableLegacyWdp, alternative: alternativeLegacyWdp }, + { name: 'GEL Design System', status: availableGel, alternative: alternativeGel }, + { name: 'Mesh UI', status: availableMesh, alternative: alternativeMesh }, + { name: 'Legacy WDP', status: availableLegacyWdp, alternative: alternativeLegacyWdp }, ]; + const styles = TableOfAvailabilityStyles({}); + const hasAlternativeNames = platforms.some(platform => platform.alternative); return ( @@ -55,15 +52,23 @@ export function TableOfAvailability({ - {platforms.map(platform => ( - - - {platform.name} - - {renderStatus(platform.status)} - {hasAlternativeNames && {platform.alternative || ''}} - - ))} + {platforms.map(platform => { + const { text, icon: Icon, color } = availabilityMap[platform.status]; + return ( + + + {platform.name} + + +
+ + {text} +
+ + {hasAlternativeNames && {platform.alternative || ''}} + + ); + })} ); diff --git a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.styles.ts b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.styles.ts new file mode 100644 index 000000000..d9ed0dfe4 --- /dev/null +++ b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.styles.ts @@ -0,0 +1,20 @@ +import { tv } from 'tailwind-variants'; + +export const styles = tv({ + slots: { + text: 'typography-body-10', + }, + variants: { + color: { + success: { + text: 'text-success', + }, + warning: { + text: 'text-warning', + }, + info: { + text: 'text-info', + }, + }, + }, +}); diff --git a/apps/site/src/components/component-blocks/foundation-blocks.tsx b/apps/site/src/components/component-blocks/foundation-blocks.tsx index e26973022..245a3fe75 100644 --- a/apps/site/src/components/component-blocks/foundation-blocks.tsx +++ b/apps/site/src/components/component-blocks/foundation-blocks.tsx @@ -47,13 +47,5 @@ export const foundationBlocksComponents = {
), - availabilityContent: (props: any) => ( - - ), + availabilityContent: (props: any) => , }; diff --git a/package.json b/package.json index d940434c3..3ddb86bce 100644 --- a/package.json +++ b/package.json @@ -27,14 +27,14 @@ "migrate": "node script.cjs" }, "devDependencies": { - "@changesets/cli": "^2.27.7", + "@changesets/cli": "^2.25.2", "@westpac/eslint-config": "workspace:~", "@westpac/ts-config": "workspace:~", "eslint-config-turbo": "^0.0.7", "husky": "^8.0.3", - "prettier": "^3.3.3", + "prettier": "^3.2.5", "shx": "^0.3.4", - "turbo": "^1.13.4" + "turbo": "^1.9.0" }, "engines": { "node": ">=20" diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 0f873984c..dc41d8b65 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -18,7 +18,7 @@ importers: version: 5.5.4 devDependencies: '@changesets/cli': - specifier: ^2.27.7 + specifier: ^2.25.2 version: 2.27.7 '@westpac/eslint-config': specifier: workspace:~ @@ -33,13 +33,13 @@ importers: specifier: ^8.0.3 version: 8.0.3 prettier: - specifier: ^3.3.3 + specifier: ^3.2.5 version: 3.3.3 shx: specifier: ^0.3.4 version: 0.3.4 turbo: - specifier: ^1.13.4 + specifier: ^1.9.0 version: 1.13.4 apps/playground: @@ -11154,7 +11154,7 @@ snapshots: '@emotion/babel-plugin@11.11.0': dependencies: '@babel/helper-module-imports': 7.24.7 - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 '@emotion/hash': 0.9.1 '@emotion/memoize': 0.8.1 '@emotion/serialize': 1.1.4 @@ -14657,7 +14657,7 @@ snapshots: node-fetch: 2.7.0 picomatch: 2.3.1 pkg-dir: 5.0.0 - prettier-fallback: prettier@3.2.5 + prettier-fallback: prettier@3.3.3 pretty-hrtime: 1.0.3 resolve-from: 5.0.0 semver: 7.6.3 @@ -16286,7 +16286,7 @@ snapshots: babel-plugin-macros@3.1.0: dependencies: - '@babel/runtime': 7.24.7 + '@babel/runtime': 7.25.4 cosmiconfig: 7.1.0 resolve: 1.22.8 @@ -16509,7 +16509,7 @@ snapshots: camel-case@4.1.2: dependencies: pascal-case: 3.1.2 - tslib: 2.6.2 + tslib: 2.6.3 camelcase-css@2.0.1: {} @@ -16524,7 +16524,7 @@ snapshots: capital-case@1.0.4: dependencies: no-case: 3.0.4 - tslib: 2.6.2 + tslib: 2.6.3 upper-case-first: 2.0.2 ccount@2.0.1: {} @@ -16759,7 +16759,7 @@ snapshots: constant-case@3.0.4: dependencies: no-case: 3.0.4 - tslib: 2.6.2 + tslib: 2.6.3 upper-case: 2.0.2 content-disposition@0.5.4: @@ -17041,7 +17041,7 @@ snapshots: dot-case@3.0.4: dependencies: no-case: 3.0.4 - tslib: 2.6.2 + tslib: 2.6.3 dotenv-expand@10.0.0: {} @@ -18525,7 +18525,7 @@ snapshots: header-case@2.0.4: dependencies: capital-case: 1.0.4 - tslib: 2.6.2 + tslib: 2.6.3 homedir-polyfill@1.0.3: dependencies: @@ -19925,7 +19925,7 @@ snapshots: no-case@3.0.4: dependencies: lower-case: 2.0.2 - tslib: 2.6.2 + tslib: 2.6.3 node-dir@0.1.17: dependencies: @@ -20186,7 +20186,7 @@ snapshots: param-case@3.0.4: dependencies: dot-case: 3.0.4 - tslib: 2.6.2 + tslib: 2.6.3 parent-module@1.0.1: dependencies: @@ -20233,12 +20233,12 @@ snapshots: pascal-case@3.1.2: dependencies: no-case: 3.0.4 - tslib: 2.6.2 + tslib: 2.6.3 path-case@3.0.4: dependencies: dot-case: 3.0.4 - tslib: 2.6.2 + tslib: 2.6.3 path-exists@3.0.0: {} @@ -21282,7 +21282,7 @@ snapshots: semver-truncate@3.0.0: dependencies: - semver: 7.6.0 + semver: 7.6.3 semver@5.7.2: {} @@ -21315,7 +21315,7 @@ snapshots: sentence-case@3.0.4: dependencies: no-case: 3.0.4 - tslib: 2.6.2 + tslib: 2.6.3 upper-case-first: 2.0.2 serialize-javascript@6.0.2: @@ -21443,7 +21443,7 @@ snapshots: snake-case@3.0.4: dependencies: dot-case: 3.0.4 - tslib: 2.6.2 + tslib: 2.6.3 sort-keys-length@1.0.1: dependencies: @@ -22360,7 +22360,7 @@ snapshots: upper-case-first@2.0.2: dependencies: - tslib: 2.6.2 + tslib: 2.6.3 upper-case@2.0.2: dependencies: From 1fe04142c1671273f005a79f5d8243e9a450dcff Mon Sep 17 00:00:00 2001 From: Hannah Date: Wed, 28 Aug 2024 14:48:03 +1000 Subject: [PATCH 09/18] fix: inconsistent cell width --- .../table-of-availability.component.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx index e9dbcb9ce..c012a3855 100644 --- a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx +++ b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx @@ -41,6 +41,7 @@ export function TableOfAvailability({ const styles = TableOfAvailabilityStyles({}); const hasAlternativeNames = platforms.some(platform => platform.alternative); + const cellWidth = 200; return ( @@ -56,16 +57,16 @@ export function TableOfAvailability({ const { text, icon: Icon, color } = availabilityMap[platform.status]; return ( - + {platform.name} - +
{text}
- {hasAlternativeNames && {platform.alternative || ''}} + {hasAlternativeNames && {platform.alternative || ''}} ); })} From b7ccc4cb3e944da02323125545cff290c5f4ee27 Mon Sep 17 00:00:00 2001 From: Hannah Date: Fri, 30 Aug 2024 10:07:02 +1000 Subject: [PATCH 10/18] fix: change cell width from fix value to percentage --- .../table-of-availability/table-of-availability.component.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx index c012a3855..9fbaa2613 100644 --- a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx +++ b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx @@ -41,7 +41,7 @@ export function TableOfAvailability({ const styles = TableOfAvailabilityStyles({}); const hasAlternativeNames = platforms.some(platform => platform.alternative); - const cellWidth = 200; + const cellWidth = '10%'; return (
From 9cadc7286cd80094e78cc79f57be9fa5c9cfb532 Mon Sep 17 00:00:00 2001 From: Hannah Date: Mon, 2 Sep 2024 10:31:58 +1000 Subject: [PATCH 11/18] fix: cell width now based on number of columns --- .../table-of-availability/table-of-availability.component.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx index 9fbaa2613..2c9f43063 100644 --- a/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx +++ b/apps/site/src/components/component-blocks/components/availability-content/components/table-of-availability/table-of-availability.component.tsx @@ -41,7 +41,7 @@ export function TableOfAvailability({ const styles = TableOfAvailabilityStyles({}); const hasAlternativeNames = platforms.some(platform => platform.alternative); - const cellWidth = '10%'; + const cellWidth = hasAlternativeNames ? '33%' : '50%'; return (
From 180ca7aebc45e35d0c6567230ed19c11383666c8 Mon Sep 17 00:00:00 2001 From: Hannah Date: Mon, 2 Sep 2024 10:55:42 +1000 Subject: [PATCH 12/18] add: added new availability content to demo documents. removed old table code --- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 62 ++----------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 62 ++----------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- .../where-is-this-available/content.mdoc | 52 ++-------------- 41 files changed, 168 insertions(+), 1984 deletions(-) diff --git a/apps/site/src/content/design-system/components/accordion/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/accordion/design/where-is-this-available/content.mdoc index a5d7e30a0..f70746aed 100644 --- a/apps/site/src/content/design-system/components/accordion/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/accordion/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx -
- - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/alert/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/alert/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/alert/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/alert/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/autocomplete/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/autocomplete/design/where-is-this-available/content.mdoc index 91b65228d..2101aeccf 100644 --- a/apps/site/src/content/design-system/components/autocomplete/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/autocomplete/design/where-is-this-available/content.mdoc @@ -1,58 +1,8 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - Other name - - - - - - - GEL Design System - - -
Available
- - - - - - - - Mesh UI - - -
Older version available - Upgrade in backlog
- - -
Typeahead
- - - - - Legacy WDP - - -
Older version available
- - -
Typeahead
- - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="in-progress" + availableLegacyWdp="unavailable" + alternativeMesh="Typeahead" + alternativeLegacyWdp="Typeahead" /%} diff --git a/apps/site/src/content/design-system/components/badge/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/badge/design/where-is-this-available/content.mdoc index 7a1f8a536..999c9c75b 100644 --- a/apps/site/src/content/design-system/components/badge/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/badge/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Older version available - Upgrade in backlog
- - - - - - Legacy WDP - - -
Older version available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="in-progress" + availableLegacyWdp="unavailable" /%} diff --git a/apps/site/src/content/design-system/components/bottom-sheet/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/bottom-sheet/design/where-is-this-available/content.mdoc index e5d91ecc1..aba654d53 100644 --- a/apps/site/src/content/design-system/components/bottom-sheet/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/bottom-sheet/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Currently not available - Request in backlog
- - - - - - Legacy WDP - - -
Not available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="in-progress" + availableLegacyWdp="unavailable" /%} diff --git a/apps/site/src/content/design-system/components/breadcrumb/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/breadcrumb/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/breadcrumb/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/breadcrumb/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/button-dropdown/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/button-dropdown/design/where-is-this-available/content.mdoc index 95a7f6a6a..f70746aed 100644 --- a/apps/site/src/content/design-system/components/button-dropdown/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/button-dropdown/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/button-group/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/button-group/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/button-group/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/button-group/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/button/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/button/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/button/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/button/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/checkbox-group/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/checkbox-group/design/where-is-this-available/content.mdoc index 95a7f6a6a..f70746aed 100644 --- a/apps/site/src/content/design-system/components/checkbox-group/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/checkbox-group/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/collapsible/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/collapsible/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/collapsible/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/collapsible/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/compacta/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/compacta/design/where-is-this-available/content.mdoc index 21337992c..aba654d53 100644 --- a/apps/site/src/content/design-system/components/compacta/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/compacta/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Older version available - Upgrade in backlog
- - - - - - Legacy WDP - - -
Older version available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="in-progress" + availableLegacyWdp="unavailable" /%} diff --git a/apps/site/src/content/design-system/components/date-picker/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/date-picker/design/where-is-this-available/content.mdoc index 95a7f6a6a..f70746aed 100644 --- a/apps/site/src/content/design-system/components/date-picker/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/date-picker/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/flexi-cell/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/flexi-cell/design/where-is-this-available/content.mdoc index e5d91ecc1..aba654d53 100644 --- a/apps/site/src/content/design-system/components/flexi-cell/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/flexi-cell/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Currently not available - Request in backlog
- - - - - - Legacy WDP - - -
Not available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="in-progress" + availableLegacyWdp="unavailable" /%} diff --git a/apps/site/src/content/design-system/components/footer/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/footer/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/footer/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/footer/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/header/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/header/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/header/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/header/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/input-group/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/input-group/design/where-is-this-available/content.mdoc index 21337992c..aba654d53 100644 --- a/apps/site/src/content/design-system/components/input-group/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/input-group/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Older version available - Upgrade in backlog
- - - - - - Legacy WDP - - -
Older version available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="in-progress" + availableLegacyWdp="unavailable" /%} diff --git a/apps/site/src/content/design-system/components/input/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/input/design/where-is-this-available/content.mdoc index 95a7f6a6a..f70746aed 100644 --- a/apps/site/src/content/design-system/components/input/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/input/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/link/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/link/design/where-is-this-available/content.mdoc index 146a78e9f..5a9fe8688 100644 --- a/apps/site/src/content/design-system/components/link/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/link/design/where-is-this-available/content.mdoc @@ -1,58 +1,8 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - Other name - - - - - - - GEL Design System - - -
Available
- - - - - - - - Mesh UI - - -
Available
- - -
Anchor
- - - - - Legacy WDP - - -
Available
- - -
Anchor
- - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" + alternativeMesh="Anchor" + alternativeLegacyWdp="Anchor" /%} diff --git a/apps/site/src/content/design-system/components/list/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/list/design/where-is-this-available/content.mdoc index 95a7f6a6a..f70746aed 100644 --- a/apps/site/src/content/design-system/components/list/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/list/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/modal/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/modal/design/where-is-this-available/content.mdoc index 21337992c..aba654d53 100644 --- a/apps/site/src/content/design-system/components/modal/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/modal/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Older version available - Upgrade in backlog
- - - - - - Legacy WDP - - -
Older version available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="in-progress" + availableLegacyWdp="unavailable" /%} diff --git a/apps/site/src/content/design-system/components/pagination/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/pagination/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/pagination/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/pagination/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/panel/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/panel/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/panel/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/panel/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/popover/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/popover/design/where-is-this-available/content.mdoc index 95a7f6a6a..f70746aed 100644 --- a/apps/site/src/content/design-system/components/popover/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/popover/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/progress-bar/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/progress-bar/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/progress-bar/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/progress-bar/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/progress-rope/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/progress-rope/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/progress-rope/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/progress-rope/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/radio-group/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/radio-group/design/where-is-this-available/content.mdoc index 95a7f6a6a..f70746aed 100644 --- a/apps/site/src/content/design-system/components/radio-group/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/radio-group/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/repeater/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/repeater/design/where-is-this-available/content.mdoc index 21337992c..aba654d53 100644 --- a/apps/site/src/content/design-system/components/repeater/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/repeater/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Older version available - Upgrade in backlog
- - - - - - Legacy WDP - - -
Older version available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="in-progress" + availableLegacyWdp="unavailable" /%} diff --git a/apps/site/src/content/design-system/components/select/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/select/design/where-is-this-available/content.mdoc index 95a7f6a6a..f70746aed 100644 --- a/apps/site/src/content/design-system/components/select/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/select/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/selector/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/selector/design/where-is-this-available/content.mdoc index 95a7f6a6a..f70746aed 100644 --- a/apps/site/src/content/design-system/components/selector/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/selector/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/switch/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/switch/design/where-is-this-available/content.mdoc index d85285ef9..6561949b5 100644 --- a/apps/site/src/content/design-system/components/switch/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/switch/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Older version available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="unavailable" /%} diff --git a/apps/site/src/content/design-system/components/symbol/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/symbol/design/where-is-this-available/content.mdoc index 95a7f6a6a..f70746aed 100644 --- a/apps/site/src/content/design-system/components/symbol/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/symbol/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/table/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/table/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/table/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/table/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/tabs/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/tabs/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/tabs/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/tabs/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/textarea/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/textarea/design/where-is-this-available/content.mdoc index 95a7f6a6a..f70746aed 100644 --- a/apps/site/src/content/design-system/components/textarea/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/textarea/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/components/well/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/well/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/components/well/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/components/well/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/foundation/font/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/foundation/font/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/foundation/font/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/foundation/font/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/foundation/icon/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/foundation/icon/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/foundation/icon/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/foundation/icon/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/foundation/logo/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/foundation/logo/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/foundation/logo/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/foundation/logo/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/foundation/pictogram/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/foundation/pictogram/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/foundation/pictogram/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/foundation/pictogram/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} diff --git a/apps/site/src/content/design-system/foundation/text-styling/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/foundation/text-styling/design/where-is-this-available/content.mdoc index 5565fb918..f70746aed 100644 --- a/apps/site/src/content/design-system/foundation/text-styling/design/where-is-this-available/content.mdoc +++ b/apps/site/src/content/design-system/foundation/text-styling/design/where-is-this-available/content.mdoc @@ -1,50 +1,6 @@ {% shortCode name="where-is-this-available" /%} -```tsx - - - - - - - Platform - - - Status - - - - - - - - GEL Design System - - -
Available
- - - - - - Mesh UI - - -
Available
- - - - - - Legacy WDP - - -
Available
- - - - - - -
-``` +{% availabilityContent + availableGel="available" + availableMesh="available" + availableLegacyWdp="available" /%} From 4686714aebf376e9f06b7bbf16a7e1aef5843640 Mon Sep 17 00:00:00 2001 From: Hannah Date: Mon, 2 Sep 2024 11:19:46 +1000 Subject: [PATCH 13/18] fix: updated alert story gap size between icon and text --- .../src/components/alert/alert.component.tsx | 6 +++--- .../ui/src/components/alert/alert.stories.tsx | 6 +++--- .../ui/src/components/alert/alert.styles.ts | 19 ++++++++++++++++++- .../ui/src/components/alert/alert.types.ts | 2 +- 4 files changed, 25 insertions(+), 8 deletions(-) diff --git a/packages/ui/src/components/alert/alert.component.tsx b/packages/ui/src/components/alert/alert.component.tsx index 7d7f8b25e..fd02a7b82 100644 --- a/packages/ui/src/components/alert/alert.component.tsx +++ b/packages/ui/src/components/alert/alert.component.tsx @@ -19,7 +19,7 @@ export function Alert({ open: isOpen = true, onClose, icon, - iconSize, + iconSize = 'flex', tag: Tag = 'div', className, children, @@ -38,7 +38,7 @@ export function Alert({ // A11y: Only info look allows a custom icon const Icon = look === 'info' && icon ? icon : iconMap[look as Look]; - const styles = alertStyles({ look, mode, dismissible }); + const styles = alertStyles({ look, mode, dismissible, iconSize }); useEffect(() => { setOpen(isOpen); @@ -62,7 +62,7 @@ export function Alert({ > - +
{!!heading && {heading}} diff --git a/packages/ui/src/components/alert/alert.stories.tsx b/packages/ui/src/components/alert/alert.stories.tsx index 400df5cc9..f16a179f9 100644 --- a/packages/ui/src/components/alert/alert.stories.tsx +++ b/packages/ui/src/components/alert/alert.stories.tsx @@ -85,15 +85,15 @@ export const TextMode: Story = { inconvenience. Link

Custom Icon Sizes

-

Large

+

Medium

Medium This alert has a medium icon. Link -

Medium

+

Small

Small This alert has a small icon. Link -

Small

+

Extra Small

Extra Small This alert has an extra small icon. Link diff --git a/packages/ui/src/components/alert/alert.styles.ts b/packages/ui/src/components/alert/alert.styles.ts index b43e3f202..97f7635e1 100644 --- a/packages/ui/src/components/alert/alert.styles.ts +++ b/packages/ui/src/components/alert/alert.styles.ts @@ -4,7 +4,7 @@ export const styles = tv( { slots: { base: 'typography-body-10 relative mb-4 xsl:flex', - icon: 'float-left mr-1 flex-none xsl:mr-2', + icon: 'float-left flex-none', body: 'relative flex-1 overflow-hidden xsl:top-[0.125rem] [&_a]:underline', heading: 'typography-body-9 mb-2 font-bold', close: 'absolute right-0.5 top-0.5 p-1 hover:opacity-80', @@ -38,6 +38,23 @@ export const styles = tv( dismissible: { true: '', }, + iconSize: { + xsmall: { + icon: 'mr-1', + }, + small: { + icon: 'mr-1', + }, + medium: { + icon: 'mr-2', + }, + large: { + icon: 'mr-2', + }, + flex: { + icon: 'mr-1 xsl:mr-2', + }, + }, }, compoundSlots: [ { diff --git a/packages/ui/src/components/alert/alert.types.ts b/packages/ui/src/components/alert/alert.types.ts index 7533f84ce..a3333d10c 100644 --- a/packages/ui/src/components/alert/alert.types.ts +++ b/packages/ui/src/components/alert/alert.types.ts @@ -31,7 +31,7 @@ export type AlertProps = { * The size of the alert icon. * @default undefined */ - iconSize?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'; + iconSize?: 'xsmall' | 'small' | 'medium' | 'large' | 'flex'; /** * Alert look style * @default info From f1b98432871b5e05ce394e5af56d2b11086d1745 Mon Sep 17 00:00:00 2001 From: Hannah Date: Mon, 2 Sep 2024 14:02:42 +1000 Subject: [PATCH 14/18] update: flexi-cell story names --- .../flexi-cell/flexi-cell.stories.tsx | 37 ++++++++++--------- 1 file changed, 19 insertions(+), 18 deletions(-) diff --git a/packages/ui/src/components/flexi-cell/flexi-cell.stories.tsx b/packages/ui/src/components/flexi-cell/flexi-cell.stories.tsx index 758ea4e69..d1ff1a899 100644 --- a/packages/ui/src/components/flexi-cell/flexi-cell.stories.tsx +++ b/packages/ui/src/components/flexi-cell/flexi-cell.stories.tsx @@ -49,7 +49,7 @@ const imgString = 'https://res.cloudinary.com/westpac-gel/image/upload/v17216219 export default meta; /** - * > Simple tile (Vertical stack) + * > Symbol - Horizontal * * This tile has a responsive content layout: * @@ -58,7 +58,7 @@ export default meta; * * Change the preview size of this screen to demonstrate. */ -export const SimpleTileVerticalStack = () => { +export const SymbolHorizontal = () => { return ( <> {new Array(3).fill(null).map((_, index) => ( @@ -75,10 +75,11 @@ export const SimpleTileVerticalStack = () => { ); }; -SimpleTileVerticalStack.storyName = 'Simple tile (Vertical stack)'; +SymbolHorizontal.storyName = 'Symbol - Horizontal'; /** - * > Simple tile (Horizontal layout) + * > Symbol - Vertical + * * This tile has a responsive content layout: * * - Xs - Sm: Tile padding 12px @@ -86,7 +87,7 @@ SimpleTileVerticalStack.storyName = 'Simple tile (Vertical stack)'; * * Change the preview size of this screen to demonstrate. */ -export const SimpleTileHorizontalLayout = () => { +export const SymbolVertical = () => { return ( @@ -117,10 +118,10 @@ export const SimpleTileHorizontalLayout = () => { ); }; -SimpleTileHorizontalLayout.storyName = 'Simple tile (Horizontal layout)'; +SymbolVertical.storyName = 'Symbol - Vertical'; /** - * > Edge to edge Image tile (Vertical stack) + * > Image bleed - Horizontal * * This tile has a responsive content layout: * @@ -129,7 +130,7 @@ SimpleTileHorizontalLayout.storyName = 'Simple tile (Horizontal layout)'; * * Change the preview size of this screen to demonstrate. */ -export const EdgeToEdgeImageTileVerticalStack = () => { +export const ImageBleedHorizontal = () => { return ( <> {new Array(3).fill(null).map((_, index) => ( @@ -156,10 +157,10 @@ export const EdgeToEdgeImageTileVerticalStack = () => { ); }; -EdgeToEdgeImageTileVerticalStack.storyName = 'Image tile - Edge to edge (Vertical stack)'; +ImageBleedHorizontal.storyName = 'Image bleed - Horizontal'; /** - * > Padded Image tile (Vertical stack) + * > Image padded - Horizontal * * This tile has a responsive content layout: * @@ -168,7 +169,7 @@ EdgeToEdgeImageTileVerticalStack.storyName = 'Image tile - Edge to edge (Vertica * * Change the preview size of this screen to demonstrate. */ -export const PaddedImageTileVerticalStack = () => { +export const ImagePaddedHorizontal = () => { return ( <> {new Array(3).fill(null).map((_, index) => ( @@ -191,10 +192,10 @@ export const PaddedImageTileVerticalStack = () => { ); }; -PaddedImageTileVerticalStack.storyName = 'Image tile - Padded (Vertical stack)'; +ImagePaddedHorizontal.storyName = 'Image padded - Horizontal'; /** - * > Edge to edge Image tile (Horizontal layout) + * > Image bleed - Vertical * * This tile has a responsive content layout: * @@ -203,7 +204,7 @@ PaddedImageTileVerticalStack.storyName = 'Image tile - Padded (Vertical stack)'; * * Change the preview size of this screen to demonstrate. */ -export const EdgeToEdgeImageTileHorizontalLayout = () => { +export const ImageBleedVertical = () => { return ( @@ -240,10 +241,10 @@ export const EdgeToEdgeImageTileHorizontalLayout = () => { ); }; -EdgeToEdgeImageTileHorizontalLayout.storyName = 'Image tile - Edge to edge (Horizontal layout)'; +ImageBleedVertical.storyName = 'Image bleed - Vertical'; /** - * > Padded Image tile (Horizontal layout) + * > Image padded - Vertical * * This tile has a responsive content layout: * @@ -252,7 +253,7 @@ EdgeToEdgeImageTileHorizontalLayout.storyName = 'Image tile - Edge to edge (Hori * * Change the preview size of this screen to demonstrate. */ -export const PaddedImageTileHorizontalLayout = () => { +export const ImagePaddedVertical = () => { return ( @@ -277,4 +278,4 @@ export const PaddedImageTileHorizontalLayout = () => { ); }; -PaddedImageTileHorizontalLayout.storyName = 'Image tile - Padded (Horizontal layout)'; +ImagePaddedVertical.storyName = 'Image padded - Vertical'; From 2fd846307b161535b0b7762e19709b347cc5dd0c Mon Sep 17 00:00:00 2001 From: Hannah Date: Mon, 2 Sep 2024 14:39:53 +1000 Subject: [PATCH 15/18] fix: updated no demo checkbox label --- .changeset/empty-coins-yawn.md | 9 --------- apps/site/keystatic.config.ts | 2 +- 2 files changed, 1 insertion(+), 10 deletions(-) delete mode 100644 .changeset/empty-coins-yawn.md diff --git a/.changeset/empty-coins-yawn.md b/.changeset/empty-coins-yawn.md deleted file mode 100644 index d21959756..000000000 --- a/.changeset/empty-coins-yawn.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -'site': minor -'playground': patch -'protoform': patch -'@westpac/test-config': patch -'@westpac/ts-config': patch ---- - -added cms option for design content demo diff --git a/apps/site/keystatic.config.ts b/apps/site/keystatic.config.ts index c97ddd961..c39e4cef5 100644 --- a/apps/site/keystatic.config.ts +++ b/apps/site/keystatic.config.ts @@ -138,7 +138,7 @@ export default config({ }, }), noTitle: fields.checkbox({ label: 'No title' }), - noDemo: fields.checkbox({ label: 'No Demo' }), + noDemo: fields.checkbox({ label: 'No demo button on examples' }), content: fields.document({ formatting: { inlineMarks: { From 425fb182604fff559c4a3c132303ab969b89c152 Mon Sep 17 00:00:00 2001 From: Hannah Date: Tue, 3 Sep 2024 14:28:16 +1000 Subject: [PATCH 16/18] fix: changed error message icon to top align instead of center --- .../ui/src/components/error-message/error-message.styles.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/components/error-message/error-message.styles.ts b/packages/ui/src/components/error-message/error-message.styles.ts index 84946e97c..a7b60ab95 100644 --- a/packages/ui/src/components/error-message/error-message.styles.ts +++ b/packages/ui/src/components/error-message/error-message.styles.ts @@ -2,9 +2,9 @@ import { tv } from 'tailwind-variants'; export const styles = tv({ slots: { - base: 'typography-body-11 flex items-center text-danger', + base: 'typography-body-11 flex items-start text-danger', list: 'mb-2 flex flex-col gap-1', // below should be em rather than rem based on old GEL - icon: 'mr-[0.5em] align-top', + icon: 'mr-[0.5em] align-top mt-[0.15rem]', }, }); From 58b4b7d8edd99d9f9a85946f7fe077de2f486d10 Mon Sep 17 00:00:00 2001 From: Hannah Date: Thu, 5 Sep 2024 13:45:31 +1000 Subject: [PATCH 17/18] fix: removed 'flex' iconSize option --- packages/ui/src/components/alert/alert.component.tsx | 6 +++--- packages/ui/src/components/alert/alert.styles.ts | 10 ++++++++-- packages/ui/src/components/alert/alert.types.ts | 2 +- 3 files changed, 12 insertions(+), 6 deletions(-) diff --git a/packages/ui/src/components/alert/alert.component.tsx b/packages/ui/src/components/alert/alert.component.tsx index fd02a7b82..c26464b50 100644 --- a/packages/ui/src/components/alert/alert.component.tsx +++ b/packages/ui/src/components/alert/alert.component.tsx @@ -19,7 +19,7 @@ export function Alert({ open: isOpen = true, onClose, icon, - iconSize = 'flex', + iconSize, tag: Tag = 'div', className, children, @@ -61,8 +61,8 @@ export function Alert({ transition={{ duration: 0.4 }} > - - + +
{!!heading && {heading}} diff --git a/packages/ui/src/components/alert/alert.styles.ts b/packages/ui/src/components/alert/alert.styles.ts index 97f7635e1..335473e35 100644 --- a/packages/ui/src/components/alert/alert.styles.ts +++ b/packages/ui/src/components/alert/alert.styles.ts @@ -38,6 +38,12 @@ export const styles = tv( dismissible: { true: '', }, + hasSize: { + true: {}, + false: { + icon: 'mr-1 xsl:mr-2', + }, + }, iconSize: { xsmall: { icon: 'mr-1', @@ -51,8 +57,8 @@ export const styles = tv( large: { icon: 'mr-2', }, - flex: { - icon: 'mr-1 xsl:mr-2', + xlarge: { + icon: 'mr-2', }, }, }, diff --git a/packages/ui/src/components/alert/alert.types.ts b/packages/ui/src/components/alert/alert.types.ts index a3333d10c..7533f84ce 100644 --- a/packages/ui/src/components/alert/alert.types.ts +++ b/packages/ui/src/components/alert/alert.types.ts @@ -31,7 +31,7 @@ export type AlertProps = { * The size of the alert icon. * @default undefined */ - iconSize?: 'xsmall' | 'small' | 'medium' | 'large' | 'flex'; + iconSize?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'; /** * Alert look style * @default info From 48a09cb8ceb9482a28402e93a3d782877378d295 Mon Sep 17 00:00:00 2001 From: Hannah Date: Fri, 6 Sep 2024 14:46:25 +1000 Subject: [PATCH 18/18] added: alert changeset --- .changeset/thirty-bobcats-marry.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/thirty-bobcats-marry.md diff --git a/.changeset/thirty-bobcats-marry.md b/.changeset/thirty-bobcats-marry.md new file mode 100644 index 000000000..e85bec084 --- /dev/null +++ b/.changeset/thirty-bobcats-marry.md @@ -0,0 +1,5 @@ +--- +'@westpac/ui': minor +--- + +added iconSize prop option for alert component