@purpurds/footer 8.18.0 → 8.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- ._purpur-footer_yqb4h_1{background-color:var(--purpur-color-background-tone-on-tone-primary);color:#fff}._purpur-footer_yqb4h_1 *{box-sizing:border-box}._purpur-footer__container_yqb4h_8{padding:var(--purpur-spacing-300) 0;margin:0 calc(var(--purpur-spacing-200) * -1);display:grid;grid-auto-columns:auto;grid-auto-rows:auto;grid-template-areas:"footer-logo" "footer-navigation" "footer-payments" "footer-theme-select" "footer-contacts" "footer-additional" "footer-social"}@media (min-width: 600px){._purpur-footer__container_yqb4h_8{padding:var(--purpur-spacing-400) 0;margin:0 calc(var(--purpur-spacing-300) * -1);grid-template-areas:"footer-logo footer-social" "footer-navigation footer-navigation" "footer-payments footer-payments" "footer-theme-select footer-theme-select" "footer-contacts footer-additional"}}@media (min-width: 1024px){._purpur-footer__container_yqb4h_8{padding:var(--purpur-spacing-600) 0;margin:0;grid-template-areas:"footer-logo footer-social" "footer-navigation footer-navigation" "footer-payments footer-theme-select" "footer-contacts footer-additional"}}._purpur-footer__logo_yqb4h_30{grid-area:footer-logo;color:var(--purpur-color-brand-white)}._purpur-footer__logo--telia_yqb4h_34{display:flex;align-items:center;height:var(--purpur-spacing-600);margin:0 var(--purpur-spacing-200) var(--purpur-spacing-400)}@media (min-width: 600px){._purpur-footer__logo--telia_yqb4h_34{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-600)}}@media (min-width: 1024px){._purpur-footer__logo--telia_yqb4h_34{margin:0 0 var(--purpur-spacing-600)}}._purpur-footer__logo--telia_yqb4h_34 img{height:var(--purpur-spacing-400);width:auto}._purpur-footer__social_yqb4h_54{grid-area:footer-social;align-self:flex-start;margin:0 var(--purpur-spacing-200)}@media (min-width: 600px){._purpur-footer__social_yqb4h_54{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-600);justify-content:flex-end}}@media (min-width: 1024px){._purpur-footer__social_yqb4h_54{margin:0}}._purpur-footer__social--md_yqb4h_70{display:none}@media (min-width: 600px){._purpur-footer__social--md_yqb4h_70{display:flex}}._purpur-footer__social--sm_yqb4h_78{display:flex;justify-content:center}@media (min-width: 600px){._purpur-footer__social--sm_yqb4h_78{display:none}}._purpur-footer__social-link_yqb4h_87{border-radius:var(--purpur-border-radius-full);color:var(--purpur-color-text-interactive-primary-negative);padding:var(--purpur-spacing-150);height:var(--purpur-spacing-600);width:var(--purpur-spacing-600)}._purpur-footer__social-link_yqb4h_87:hover{color:var(--purpur-color-text-interactive-primary-hover-negative);background-color:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-footer__social-link_yqb4h_87:focus{color:var(--purpur-color-text-interactive-primary-negative-focus);background-color:var(--purpur-color-background-interactive-transparent-negative-focus);outline:solid var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus)}._purpur-footer__social-link_yqb4h_87:active{color:var(--purpur-color-text-interactive-primary-active-negative);background-color:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-footer__navigation_yqb4h_107{grid-area:footer-navigation;margin:0 0 var(--purpur-spacing-400)}@media (min-width: 600px){._purpur-footer__navigation_yqb4h_107{margin:0 0 var(--purpur-spacing-600)}}._purpur-footer__navigation-section_yqb4h_116{flex:1 1 0}._purpur-footer__navigation-section-heading_yqb4h_119{margin:var(--purpur-spacing-200) 0;color:var(--purpur-color-text-default-negative);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);font-size:clamp(var(--purpur-typography-scale-75),3cqw,var(--purpur-typography-scale-100));letter-spacing:var(--purpur-spacing-10);line-height:var(--purpur-typography-line-height-tight);text-transform:uppercase}._purpur-footer__navigation_yqb4h_107 ul{list-style:none;margin:0}._purpur-footer__navigation_yqb4h_107 li{margin:var(--purpur-spacing-100) 0 0}._purpur-footer__navigation_yqb4h_107 li a{padding:var(--purpur-spacing-50) 0;display:inline-block;min-width:var(--purpur-spacing-400)}._purpur-footer__navigation--lg_yqb4h_142{display:none}._purpur-footer__navigation--lg_yqb4h_142 ul{list-style:none;padding:0}@media (min-width: 1024px){._purpur-footer__navigation--lg_yqb4h_142{display:flex;gap:var(--purpur-spacing-300);justify-content:space-between}}._purpur-footer__navigation--sm_yqb4h_156{display:block}._purpur-footer__navigation--sm_yqb4h_156 button,._purpur-footer__navigation--sm_yqb4h_156 ul{padding-left:var(--purpur-spacing-200)}@media (min-width: 600px){._purpur-footer__navigation--sm_yqb4h_156 ul{padding-left:var(--purpur-spacing-300)}}@media (min-width: 600px){._purpur-footer__navigation--sm_yqb4h_156 button{padding-left:var(--purpur-spacing-300)}}@media (min-width: 1024px){._purpur-footer__navigation--sm_yqb4h_156{display:none}}._purpur-footer__custom-link-navigation_yqb4h_180{color:var(--purpur-color-text-interactive-primary-negative);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);align-items:center;background-color:var(--purpur-color-functional-transparent);display:flex;font-weight:var(--purpur-typography-weight-medium);text-decoration:none}._purpur-footer__custom-link-navigation_yqb4h_180:hover{color:var(--purpur-color-text-interactive-primary-hover-negative);background-color:var(--purpur-color-functional-transparent);text-decoration:underline}._purpur-footer__custom-link-navigation_yqb4h_180:active{color:var(--purpur-color-text-interactive-primary-active-negative);background-color:var(--purpur-color-functional-transparent);text-decoration:underline}._purpur-footer__payments_yqb4h_202{grid-area:footer-payments;display:flex;gap:var(--purpur-spacing-300);flex-wrap:wrap;margin:0 var(--purpur-spacing-200)}@media (min-width: 600px){._purpur-footer__payments_yqb4h_202{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-300)}}@media (min-width: 1024px){._purpur-footer__payments_yqb4h_202{margin:var(--purpur-spacing-300) 0 var(--purpur-spacing-600)}}._purpur-footer__payments-image_yqb4h_219{height:var(--purpur-spacing-200);width:auto}._purpur-footer__contacts_yqb4h_223{grid-area:footer-contacts;margin:var(--purpur-spacing-300) var(--purpur-spacing-200);color:var(--purpur-color-text-default-negative)}@media (min-width: 600px){._purpur-footer__contacts_yqb4h_223{margin:0 var(--purpur-spacing-300)}}@media (min-width: 1024px){._purpur-footer__contacts_yqb4h_223{margin:0}}._purpur-footer__contacts-copyright_yqb4h_238{line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-bold);margin-bottom:var(--purpur-spacing-100)}._purpur-footer__contacts-address_yqb4h_243{font-style:normal;line-height:var(--purpur-typography-line-height-looser)}._purpur-footer__theme-select_yqb4h_247{grid-area:footer-theme-select;margin:var(--purpur-spacing-400) var(--purpur-spacing-200) var(--purpur-spacing-100) var(--purpur-spacing-200)}@media (min-width: 600px){._purpur-footer__theme-select_yqb4h_247{max-width:calc(var(--purpur-spacing-100) * 37);margin:var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-600) var(--purpur-spacing-300)}}@media (min-width: 1024px){._purpur-footer__theme-select_yqb4h_247{justify-self:end;margin:0 0 var(--purpur-spacing-600) 0}}._purpur-footer__additional_yqb4h_263{grid-area:footer-additional;margin:0 var(--purpur-spacing-200)}@media (min-width: 600px){._purpur-footer__additional_yqb4h_263{display:flex;flex-direction:column;justify-content:flex-end;margin:0 var(--purpur-spacing-300)}}@media (min-width: 1024px){._purpur-footer__additional_yqb4h_263{margin:0}}._purpur-footer__additional-links_yqb4h_280{display:flex;flex-flow:wrap;flex-direction:column;justify-content:flex-end;gap:var(--purpur-spacing-150)}@media (min-width: 600px){._purpur-footer__additional-links_yqb4h_280{flex-direction:row}}._purpur-footer__custom-content_yqb4h_292{flex-grow:1;display:flex}._purpur-footer__custom-content_yqb4h_292:not(:last-child){margin:0 0 var(--purpur-spacing-300)}@media (min-width: 600px){._purpur-footer__custom-content_yqb4h_292{justify-content:flex-end;align-items:flex-end}}@media (min-width: 1024px){._purpur-footer__custom-content_yqb4h_292:not(:last-child){margin:0 0 var(--purpur-spacing-200)}}
1
+ ._purpur-footer_yqb4h_1{background-color:var(--purpur-color-background-tone-on-tone-primary);color:#fff}._purpur-footer_yqb4h_1 *{box-sizing:border-box}._purpur-footer__container_yqb4h_8{padding:var(--purpur-spacing-300) 0;margin:0 calc(var(--purpur-spacing-200) * -1);display:grid;grid-auto-columns:auto;grid-auto-rows:auto;grid-template-areas:"footer-logo" "footer-navigation" "footer-payments" "footer-theme-select" "footer-contacts" "footer-additional" "footer-social"}@media(min-width:600px){._purpur-footer__container_yqb4h_8{padding:var(--purpur-spacing-400) 0;margin:0 calc(var(--purpur-spacing-300) * -1);grid-template-areas:"footer-logo footer-social" "footer-navigation footer-navigation" "footer-payments footer-payments" "footer-theme-select footer-theme-select" "footer-contacts footer-additional"}}@media(min-width:1024px){._purpur-footer__container_yqb4h_8{padding:var(--purpur-spacing-600) 0;margin:0;grid-template-areas:"footer-logo footer-social" "footer-navigation footer-navigation" "footer-payments footer-theme-select" "footer-contacts footer-additional"}}._purpur-footer__logo_yqb4h_30{grid-area:footer-logo;color:var(--purpur-color-brand-white)}._purpur-footer__logo--telia_yqb4h_34{display:flex;align-items:center;height:var(--purpur-spacing-600);margin:0 var(--purpur-spacing-200) var(--purpur-spacing-400)}@media(min-width:600px){._purpur-footer__logo--telia_yqb4h_34{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-600)}}@media(min-width:1024px){._purpur-footer__logo--telia_yqb4h_34{margin:0 0 var(--purpur-spacing-600)}}._purpur-footer__logo--telia_yqb4h_34 img{height:var(--purpur-spacing-400);width:auto}._purpur-footer__social_yqb4h_54{grid-area:footer-social;align-self:flex-start;margin:0 var(--purpur-spacing-200)}@media(min-width:600px){._purpur-footer__social_yqb4h_54{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-600);justify-content:flex-end}}@media(min-width:1024px){._purpur-footer__social_yqb4h_54{margin:0}}._purpur-footer__social--md_yqb4h_70{display:none}@media(min-width:600px){._purpur-footer__social--md_yqb4h_70{display:flex}}._purpur-footer__social--sm_yqb4h_78{display:flex;justify-content:center}@media(min-width:600px){._purpur-footer__social--sm_yqb4h_78{display:none}}._purpur-footer__social-link_yqb4h_87{border-radius:var(--purpur-border-radius-full);color:var(--purpur-color-text-interactive-primary-negative);padding:var(--purpur-spacing-150);height:var(--purpur-spacing-600);width:var(--purpur-spacing-600)}._purpur-footer__social-link_yqb4h_87:hover{color:var(--purpur-color-text-interactive-primary-hover-negative);background-color:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-footer__social-link_yqb4h_87:focus{color:var(--purpur-color-text-interactive-primary-negative-focus);background-color:var(--purpur-color-background-interactive-transparent-negative-focus);outline:solid var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus)}._purpur-footer__social-link_yqb4h_87:active{color:var(--purpur-color-text-interactive-primary-active-negative);background-color:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-footer__navigation_yqb4h_107{grid-area:footer-navigation;margin:0 0 var(--purpur-spacing-400)}@media(min-width:600px){._purpur-footer__navigation_yqb4h_107{margin:0 0 var(--purpur-spacing-600)}}._purpur-footer__navigation-section_yqb4h_116{flex:1 1 0}._purpur-footer__navigation-section-heading_yqb4h_119{margin:var(--purpur-spacing-200) 0;color:var(--purpur-color-text-default-negative);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);font-size:clamp(var(--purpur-typography-scale-75),3cqw,var(--purpur-typography-scale-100));letter-spacing:var(--purpur-spacing-10);line-height:var(--purpur-typography-line-height-tight);text-transform:uppercase}._purpur-footer__navigation_yqb4h_107 ul{list-style:none;margin:0}._purpur-footer__navigation_yqb4h_107 li{margin:var(--purpur-spacing-100) 0 0}._purpur-footer__navigation_yqb4h_107 li a{padding:var(--purpur-spacing-50) 0;display:inline-block;min-width:var(--purpur-spacing-400)}._purpur-footer__navigation--lg_yqb4h_142{display:none}._purpur-footer__navigation--lg_yqb4h_142 ul{list-style:none;padding:0}@media(min-width:1024px){._purpur-footer__navigation--lg_yqb4h_142{display:flex;gap:var(--purpur-spacing-300);justify-content:space-between}}._purpur-footer__navigation--sm_yqb4h_156{display:block}._purpur-footer__navigation--sm_yqb4h_156 button,._purpur-footer__navigation--sm_yqb4h_156 ul{padding-left:var(--purpur-spacing-200)}@media(min-width:600px){._purpur-footer__navigation--sm_yqb4h_156 ul{padding-left:var(--purpur-spacing-300)}}@media(min-width:600px){._purpur-footer__navigation--sm_yqb4h_156 button{padding-left:var(--purpur-spacing-300)}}@media(min-width:1024px){._purpur-footer__navigation--sm_yqb4h_156{display:none}}._purpur-footer__custom-link-navigation_yqb4h_180{color:var(--purpur-color-text-interactive-primary-negative);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);align-items:center;background-color:var(--purpur-color-functional-transparent);display:flex;font-weight:var(--purpur-typography-weight-medium);text-decoration:none}._purpur-footer__custom-link-navigation_yqb4h_180:hover{color:var(--purpur-color-text-interactive-primary-hover-negative);background-color:var(--purpur-color-functional-transparent);text-decoration:underline}._purpur-footer__custom-link-navigation_yqb4h_180:active{color:var(--purpur-color-text-interactive-primary-active-negative);background-color:var(--purpur-color-functional-transparent);text-decoration:underline}._purpur-footer__payments_yqb4h_202{grid-area:footer-payments;display:flex;gap:var(--purpur-spacing-300);flex-wrap:wrap;margin:0 var(--purpur-spacing-200)}@media(min-width:600px){._purpur-footer__payments_yqb4h_202{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-300)}}@media(min-width:1024px){._purpur-footer__payments_yqb4h_202{margin:var(--purpur-spacing-300) 0 var(--purpur-spacing-600)}}._purpur-footer__payments-image_yqb4h_219{height:var(--purpur-spacing-200);width:auto}._purpur-footer__contacts_yqb4h_223{grid-area:footer-contacts;margin:var(--purpur-spacing-300) var(--purpur-spacing-200);color:var(--purpur-color-text-default-negative)}@media(min-width:600px){._purpur-footer__contacts_yqb4h_223{margin:0 var(--purpur-spacing-300)}}@media(min-width:1024px){._purpur-footer__contacts_yqb4h_223{margin:0}}._purpur-footer__contacts-copyright_yqb4h_238{line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-bold);margin-bottom:var(--purpur-spacing-100)}._purpur-footer__contacts-address_yqb4h_243{font-style:normal;line-height:var(--purpur-typography-line-height-looser)}._purpur-footer__theme-select_yqb4h_247{grid-area:footer-theme-select;margin:var(--purpur-spacing-400) var(--purpur-spacing-200) var(--purpur-spacing-100) var(--purpur-spacing-200)}@media(min-width:600px){._purpur-footer__theme-select_yqb4h_247{max-width:calc(var(--purpur-spacing-100) * 37);margin:var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-600) var(--purpur-spacing-300)}}@media(min-width:1024px){._purpur-footer__theme-select_yqb4h_247{justify-self:end;margin:0 0 var(--purpur-spacing-600) 0}}._purpur-footer__additional_yqb4h_263{grid-area:footer-additional;margin:0 var(--purpur-spacing-200)}@media(min-width:600px){._purpur-footer__additional_yqb4h_263{display:flex;flex-direction:column;justify-content:flex-end;margin:0 var(--purpur-spacing-300)}}@media(min-width:1024px){._purpur-footer__additional_yqb4h_263{margin:0}}._purpur-footer__additional-links_yqb4h_280{display:flex;flex-flow:wrap;flex-direction:column;justify-content:flex-end;gap:var(--purpur-spacing-150)}@media(min-width:600px){._purpur-footer__additional-links_yqb4h_280{flex-direction:row}}._purpur-footer__custom-content_yqb4h_292{flex-grow:1;display:flex}._purpur-footer__custom-content_yqb4h_292:not(:last-child){margin:0 0 var(--purpur-spacing-300)}@media(min-width:600px){._purpur-footer__custom-content_yqb4h_292{justify-content:flex-end;align-items:flex-end}}@media(min-width:1024px){._purpur-footer__custom-content_yqb4h_292:not(:last-child){margin:0 0 var(--purpur-spacing-200)}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purpurds/footer",
3
- "version": "8.18.0",
3
+ "version": "8.20.0",
4
4
  "license": "AGPL-3.0-only",
5
5
  "main": "./dist/footer.cjs.js",
6
6
  "types": "./dist/footer.d.ts",
@@ -16,22 +16,22 @@
16
16
  "source": "src/footer.tsx",
17
17
  "dependencies": {
18
18
  "classnames": "~2.5.1",
19
- "@purpurds/common-types": "8.18.0",
20
- "@purpurds/heading": "8.18.0",
21
- "@purpurds/link": "8.18.0",
22
- "@purpurds/icon": "8.18.0",
23
- "@purpurds/container": "8.18.0",
24
- "@purpurds/paragraph": "8.18.0",
25
- "@purpurds/select": "8.18.0",
26
- "@purpurds/tokens": "8.18.0",
27
- "@purpurds/accordion": "8.18.0"
19
+ "@purpurds/common-types": "8.20.0",
20
+ "@purpurds/container": "8.20.0",
21
+ "@purpurds/accordion": "8.20.0",
22
+ "@purpurds/icon": "8.20.0",
23
+ "@purpurds/heading": "8.20.0",
24
+ "@purpurds/link": "8.20.0",
25
+ "@purpurds/select": "8.20.0",
26
+ "@purpurds/paragraph": "8.20.0",
27
+ "@purpurds/tokens": "8.20.0"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@storybook/react-vite": "10.1.11",
31
31
  "@testing-library/dom": "~10.4.1",
32
32
  "@testing-library/jest-dom": "~6.9.1",
33
33
  "@testing-library/react": "~16.3.0",
34
- "@types/node": "22.17",
34
+ "@types/node": "24.10.9",
35
35
  "@types/react-dom": "^19.2.3",
36
36
  "@types/react": "^19.2.6",
37
37
  "eslint": "9.39.2",
@@ -44,12 +44,12 @@
44
44
  "typescript": "^5.9.3",
45
45
  "vite": "^7.2.2",
46
46
  "vitest": "^4.0.10",
47
- "@purpurds/theme": "8.18.0",
48
- "@purpurds/label": "8.18.0",
49
- "@purpurds/component-rig": "1.0.0"
47
+ "@purpurds/component-rig": "1.0.0",
48
+ "@purpurds/label": "8.20.0",
49
+ "@purpurds/theme": "8.20.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@purpurds/theme": "8.18.0",
52
+ "@purpurds/theme": "8.20.0",
53
53
  "@types/react": "^18 || ^19",
54
54
  "@types/react-dom": "^18 || ^19",
55
55
  "react": "^18 || ^19",