Skip to content

Commit

Permalink
added Gouda theme
Browse files Browse the repository at this point in the history
  • Loading branch information
@remko48
remko48 committed Dec 20, 2023
1 parent 7ff9e3b commit 95721ea
Show file tree
Hide file tree
Showing 5 changed files with 73 additions and 83 deletions.
16 changes: 8 additions & 8 deletions pwa/package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions pwa/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,8 @@
"prepare": "cd .. && husky install"
},
"dependencies": {
"@conduction/components": "2.2.43",
"@conduction/theme": "1.1.4",
"@conduction/components": "2.2.44",
"@conduction/theme": "1.1.5",
"@fortawesome/fontawesome-svg-core": "^6.5.0",
"@fortawesome/free-brands-svg-icons": "6.5.0",
"@fortawesome/free-regular-svg-icons": "6.5.0",
Expand Down
1 change: 1 addition & 0 deletions pwa/src/styling/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@
@import "../../node_modules/@conduction/theme/municipalities/opencatalogi-design-tokens/dist/index.css";
@import "../../node_modules/@conduction/theme/municipalities/zutphen-design-tokens/dist/index.css";
@import "../../node_modules/@conduction/theme/municipalities/sloterburg-design-tokens/dist/index.css";
@import "../../node_modules/@conduction/theme/municipalities/gouda-design-tokens/dist/index.css";

/* Design Tokens maintained by Frameless */
@import "../../node_modules/@utrecht/design-tokens/dist/theme.css";
Expand Down
4 changes: 1 addition & 3 deletions pwa/src/templates/templateParts/footer/FooterTemplate.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,9 +56,7 @@ export const FooterTemplate: React.FC = () => {
<PageFooter className={styles.footer}>
<div className={styles.container}>
<div className={styles.contentGrid}>
{getFooterContent.data?.map((content: any, idx: string) => (
<DynamicSection key={idx} {...{ content }} />
))}
{getFooterContent.data?.map((content: any, idx: string) => <DynamicSection key={idx} {...{ content }} />)}
</div>

<div className={styles.logoAndConduction}>
Expand Down
131 changes: 61 additions & 70 deletions pwa/src/templates/theme/ThemeTemplate.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -345,7 +345,7 @@ export const ThemeTemplate: React.FC = () => {
</Paragraph>
</div>

<div id={"currentwork"}>
<div>
<h3 className={styles.header}>Radio button:</h3>
{radioButtons.map((radioButton) => (
<div
Expand Down Expand Up @@ -376,72 +376,63 @@ export const ThemeTemplate: React.FC = () => {
</div>

<div>
<h3 className={styles.header}>Table with overflow:</h3>
<HorizontalOverflowWrapper
ariaLabels={{ scrollLeftButton: t("Left scroll button"), scrollRightButton: t("Right scroll button") }}
>
<Table className={styles.table}>
<TableHeader className={styles.tableHeader}>
<TableRow>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
</TableRow>
</TableHeader>
<TableBody className={styles.tableBody}>
<TableRow className={styles.tableRow}>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
</TableRow>
<TableRow className={styles.tableRow}>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
</TableRow>
<TableRow className={styles.tableRow}>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
</TableRow>
<TableRow className={styles.tableRow}>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
</TableRow>
</TableBody>
</Table>
</HorizontalOverflowWrapper>
<h3 className={styles.header}>Table:</h3>
<Table className={styles.table}>
<TableHeader className={styles.tableHeader}>
<TableRow>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
<TableHeaderCell>{t("TableHeader")}</TableHeaderCell>
</TableRow>
</TableHeader>
<TableBody className={styles.tableBody}>
<TableRow className={styles.tableRow}>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
</TableRow>
<TableRow className={styles.tableRow}>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
</TableRow>
<TableRow className={styles.tableRow}>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
</TableRow>
<TableRow className={styles.tableRow}>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
<TableCell>TableCell</TableCell>
</TableRow>
</TableBody>
</Table>
</div>

<div>
Expand Down Expand Up @@ -528,7 +519,7 @@ export const ThemeTemplate: React.FC = () => {
tooltip: "https://google.com/download.png",
}}
type={"PNG"}
size="428"
size="428kB"
handleClick={() => {
console.log("click");
}}
Expand All @@ -540,7 +531,7 @@ export const ThemeTemplate: React.FC = () => {
tooltip: "https://github.com/CommonGateway/ZGWBundle/archive/refs/heads/main.zip",
}}
type={"ZIP"}
size="111"
size="111kB"
handleClick={() => {
console.log("click");
}}
Expand Down Expand Up @@ -580,7 +571,7 @@ export const ThemeTemplate: React.FC = () => {
</section>
</div>

<div>
<div id={"currentwork"}>
<h3 className={styles.header}>TopNavigation:</h3>
<section className={styles.section}>
<div>PrimaryTopNav:</div>
Expand Down

0 comments on commit 95721ea

Please sign in to comment.