Skip to content

Commit

Permalink
Merge branch 'main' into IOAPPX-288-add-markdown-typograhic-scale
Browse files Browse the repository at this point in the history
  • Loading branch information
@dmnplb
dmnplb authored May 13, 2024
2 parents a59d8b8 + 4366e60 commit 1f757d7
Show file tree
Hide file tree
Showing 35 changed files with 874 additions and 610 deletions.
81 changes: 81 additions & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,90 @@ All notable changes to this project will be documented in this file. Dates are d

Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).

#### [v1.36.10](https://github.com/pagopa/io-app-design-system/compare/v1.37.0...v1.36.10)

- [IOAPPX-293] Uniform spacing between list items, modules, and selection components [`#259`](https://github.com/pagopa/io-app-design-system/pull/259)
- [IOAPPX-294] Add `activate` and `reactivate` bleed pictograms [`#261`](https://github.com/pagopa/io-app-design-system/pull/261)
- chore: [PE-594] Remove marginLeft from `ListItemNav` chevron icon [`#260`](https://github.com/pagopa/io-app-design-system/pull/260)
- [IOPID-1825] Add accessibility label to idp module component [`#257`](https://github.com/pagopa/io-app-design-system/pull/257)
- [chore] Add optional `switchTestID` to `ListItemSwitch` [`#256`](https://github.com/pagopa/io-app-design-system/pull/256)
- chore: [PE-578] Add new variant to the `Tag` component [`#255`](https://github.com/pagopa/io-app-design-system/pull/255)
- chore: release 1.36.7 [`33e0987`](https://github.com/pagopa/io-app-design-system/commit/33e0987e6887c5143da5eeba8fd6e6f4e4663274)
- chore: release 1.36.9 [`b3b7782`](https://github.com/pagopa/io-app-design-system/commit/b3b7782672c38e4cf75c4cebfd460e5610a6a00a)
- chore: release 1.36.8 [`13395bd`](https://github.com/pagopa/io-app-design-system/commit/13395bdb439ea740ee33dd9a3d9674ffd51caed0)

#### [v1.37.0](https://github.com/pagopa/io-app-design-system/compare/v1.36.9...v1.37.0)

> 2 May 2024
- chore: Add new variant to the `Tag` component [`ec9d386`](https://github.com/pagopa/io-app-design-system/commit/ec9d3863c89e1042b5426c0e1026dbbe2e0bee60)
- chore: release 1.37.0 [`026ca97`](https://github.com/pagopa/io-app-design-system/commit/026ca975a6ec22a1874a699b75de7ecd032b5c26)

#### [v1.36.9](https://github.com/pagopa/io-app-design-system/compare/v1.36.8...v1.36.9)

> 3 May 2024
- [IOPID-1825] Add accessibility label to idp module component [`#257`](https://github.com/pagopa/io-app-design-system/pull/257)
- chore: release 1.36.9 [`b3b7782`](https://github.com/pagopa/io-app-design-system/commit/b3b7782672c38e4cf75c4cebfd460e5610a6a00a)

#### [v1.36.8](https://github.com/pagopa/io-app-design-system/compare/v1.36.7...v1.36.8)

> 3 May 2024
- [chore] Add optional `switchTestID` to `ListItemSwitch` [`#256`](https://github.com/pagopa/io-app-design-system/pull/256)
- chore: release 1.36.8 [`13395bd`](https://github.com/pagopa/io-app-design-system/commit/13395bdb439ea740ee33dd9a3d9674ffd51caed0)

#### [v1.36.7](https://github.com/pagopa/io-app-design-system/compare/v1.36.6...v1.36.7)

> 2 May 2024
- chore: [PE-578] Add new variant to the `Tag` component [`#255`](https://github.com/pagopa/io-app-design-system/pull/255)
- chore: release 1.36.7 [`33e0987`](https://github.com/pagopa/io-app-design-system/commit/33e0987e6887c5143da5eeba8fd6e6f4e4663274)

#### [v1.36.6](https://github.com/pagopa/io-app-design-system/compare/v1.36.5...v1.36.6)

> 2 May 2024
- [chore] Fix for WithTestID import on SwtichListItem [`#254`](https://github.com/pagopa/io-app-design-system/pull/254)
- chore: release 1.36.6 [`f5bf018`](https://github.com/pagopa/io-app-design-system/commit/f5bf0186acb870236d167cc37deb56e0e5b293f3)

#### [v1.36.5](https://github.com/pagopa/io-app-design-system/compare/v1.36.4...v1.36.5)

> 2 May 2024
- chore: Add `ModuleNavigation` component [`#251`](https://github.com/pagopa/io-app-design-system/pull/251)
- chore: release 1.36.5 [`484ea8e`](https://github.com/pagopa/io-app-design-system/commit/484ea8e5de4456b60c5ee34de0b4663dab69e466)

#### [v1.36.4](https://github.com/pagopa/io-app-design-system/compare/v1.36.3...v1.36.4)

> 2 May 2024
- chore: Expose `autoFocus` `prop` on `OTPInput` [`#252`](https://github.com/pagopa/io-app-design-system/pull/252)
- chore: release 1.36.4 [`c1d42bc`](https://github.com/pagopa/io-app-design-system/commit/c1d42bc573f032932215ab9cc7085d2bddf8cd35)

#### [v1.36.3](https://github.com/pagopa/io-app-design-system/compare/v1.36.2...v1.36.3)

> 2 May 2024
- [chore] Add optional `testID` property to `ListItemSwitch` [`#253`](https://github.com/pagopa/io-app-design-system/pull/253)
- Revert "feat: add `ModuleNavigation` component" [`9476296`](https://github.com/pagopa/io-app-design-system/commit/9476296cb4453dd22abf01134d0fd97fb8095662)
- feat: add `ModuleNavigation` component [`99d065e`](https://github.com/pagopa/io-app-design-system/commit/99d065e8348292eecc932852eb0c21b354dff659)
- chore: release 1.36.3 [`1de1183`](https://github.com/pagopa/io-app-design-system/commit/1de11832418086fd3c332149bf2a7baf0bb58c89)

#### [v1.36.2](https://github.com/pagopa/io-app-design-system/compare/v1.36.1...v1.36.2)

> 24 April 2024
- fix: Typo into `ListItemRadioWithAmount` [`#250`](https://github.com/pagopa/io-app-design-system/pull/250)
- [chore] Optional viewRef for Banner [`#249`](https://github.com/pagopa/io-app-design-system/pull/249)
- chore: release 1.36.2 [`3cd3947`](https://github.com/pagopa/io-app-design-system/commit/3cd394739e22441f1b222549c02c51317d09b05e)

#### [v1.36.1](https://github.com/pagopa/io-app-design-system/compare/v1.36.0...v1.36.1)

> 23 April 2024
- chore: Let OTPInput reset value on demand by parent [`#248`](https://github.com/pagopa/io-app-design-system/pull/248)
- chore: release 1.36.1 [`01f165e`](https://github.com/pagopa/io-app-design-system/commit/01f165eaa68478f11b32ea32566ba10d8d169111)

#### [v1.36.0](https://github.com/pagopa/io-app-design-system/compare/v1.35.0...v1.36.0)

Expand Down
276 changes: 131 additions & 145 deletions example/src/pages/Advice.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -100,148 +100,134 @@ const renderFeatureInfo = () => (
</>
);

const renderBanner = () => {
const viewRef = React.createRef<View>();

return (
<>
<H2
color={"bluegrey"}
weight={"SemiBold"}
style={{
marginBottom: 16,
paddingTop: IOVisualCostants.appMarginDefault
}}
>
Banner
</H2>
{bannerBackgroundColours.map(color => (
<React.Fragment key={`${color}-block`}>
<ComponentViewerBox name={`Banner · Big size, ${color} variant`}>
<Banner
viewRef={viewRef as React.RefObject<any>}
color={color}
size="big"
title="Banner title"
pictogramName="charity"
action="Action text"
onPress={onLinkPress}
/>
<VSpacer size={24} />
<Banner
viewRef={viewRef as React.RefObject<any>}
color={color}
size="big"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
/>
<VSpacer size={24} />
<Banner
viewRef={viewRef as React.RefObject<any>}
color={color}
size="big"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
action="Dona anche tu"
onPress={onLinkPress}
/>
<VSpacer size={24} />
<Banner
viewRef={viewRef as React.RefObject<any>}
color={color}
size="big"
title="Banner title"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
/>
<VSpacer size={24} />
<Banner
viewRef={viewRef as React.RefObject<any>}
color={color}
size="big"
title="Banner title"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
action="Dona anche tu"
onPress={onLinkPress}
/>
</ComponentViewerBox>
<ComponentViewerBox
name={`Banner · Big size, ${color} variant, close action`}
>
<Banner
viewRef={viewRef as React.RefObject<any>}
color={color}
size="big"
title="Banner title"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
onClose={onClose}
labelClose="Nascondi questo banner"
/>
<VSpacer size={24} />
<Banner
viewRef={viewRef as React.RefObject<any>}
color={color}
size="big"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
action="Dona anche tu"
onPress={onLinkPress}
pictogramName="charity"
onClose={onClose}
labelClose="Nascondi questo banner"
/>
</ComponentViewerBox>
<ComponentViewerBox name={`Banner · Small size, ${color} variant`}>
<Banner
viewRef={viewRef as React.RefObject<any>}
color={color}
size="small"
title="Banner title"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
action="Dona anche tu"
onPress={onLinkPress}
/>
<VSpacer size={24} />
<Banner
viewRef={viewRef as React.RefObject<any>}
color={color}
size="small"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
action="Dona anche tu"
onPress={onLinkPress}
pictogramName="charity"
/>
<VSpacer size={24} />
<Banner
viewRef={viewRef as React.RefObject<any>}
color={color}
size="small"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
/>
</ComponentViewerBox>
</React.Fragment>
))}
</>
);
};
const renderBanner = () => (
<>
<H2
color={"bluegrey"}
weight={"SemiBold"}
style={{
marginBottom: 16,
paddingTop: IOVisualCostants.appMarginDefault
}}
>
Banner
</H2>
{bannerBackgroundColours.map(color => (
<React.Fragment key={`${color}-block`}>
<ComponentViewerBox name={`Banner · Big size, ${color} variant`}>
<Banner
color={color}
size="big"
title="Banner title"
pictogramName="charity"
action="Action text"
onPress={onLinkPress}
/>
<VSpacer size={24} />
<Banner
color={color}
size="big"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
/>
<VSpacer size={24} />
<Banner
color={color}
size="big"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
action="Dona anche tu"
onPress={onLinkPress}
/>
<VSpacer size={24} />
<Banner
color={color}
size="big"
title="Banner title"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
/>
<VSpacer size={24} />
<Banner
color={color}
size="big"
title="Banner title"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
action="Dona anche tu"
onPress={onLinkPress}
/>
</ComponentViewerBox>
<ComponentViewerBox
name={`Banner · Big size, ${color} variant, close action`}
>
<Banner
color={color}
size="big"
title="Banner title"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
onClose={onClose}
labelClose="Nascondi questo banner"
/>
<VSpacer size={24} />
<Banner
color={color}
size="big"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
action="Dona anche tu"
onPress={onLinkPress}
pictogramName="charity"
onClose={onClose}
labelClose="Nascondi questo banner"
/>
</ComponentViewerBox>
<ComponentViewerBox name={`Banner · Small size, ${color} variant`}>
<Banner
color={color}
size="small"
title="Banner title"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
action="Dona anche tu"
onPress={onLinkPress}
/>
<VSpacer size={24} />
<Banner
color={color}
size="small"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
action="Dona anche tu"
onPress={onLinkPress}
pictogramName="charity"
/>
<VSpacer size={24} />
<Banner
color={color}
size="small"
content={
"Fai una donazione alle organizzazioni umanitarie che assistono le vittime civile della crisi in Ucraina"
}
pictogramName="charity"
/>
</ComponentViewerBox>
</React.Fragment>
))}
</>
);
9 changes: 9 additions & 0 deletions example/src/pages/Badges.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -117,6 +117,15 @@ const renderTag = () => (
<Tag variant="attachment" />
<VSpacer size={8} />
<Tag text={"No icon"} variant="noIcon" />
<VSpacer size={8} />
<Tag
text={"Custom icon"}
variant="customIcon"
customIconProps={{
iconName: "categTravel",
iconColor: "grey-700"
}}
/>
</ComponentViewerBox>
<ComponentViewerBox name={"Tag, stress test"}>
<View
Expand Down
Loading

0 comments on commit 1f757d7

Please sign in to comment.