@purpurds/footer 8.8.0 → 8.8.1

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_1jrwm_1{background-color:var(--purpur-color-background-tone-on-tone-primary);color:#fff}._purpur-footer_1jrwm_1 *{box-sizing:border-box}._purpur-footer__container_1jrwm_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-contacts" "footer-additional" "footer-social"}@media (min-width: 600px){._purpur-footer__container_1jrwm_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-contacts footer-additional"}}@media (min-width: 1024px){._purpur-footer__container_1jrwm_8{padding:var(--purpur-spacing-600) 0;margin:0}}._purpur-footer__logo_1jrwm_29{grid-area:footer-logo;color:var(--purpur-color-brand-white)}._purpur-footer__logo--telia_1jrwm_33{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_1jrwm_33{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-600)}}@media (min-width: 1024px){._purpur-footer__logo--telia_1jrwm_33{margin:0 0 var(--purpur-spacing-600)}}._purpur-footer__logo--telia_1jrwm_33 img{height:var(--purpur-spacing-400);width:auto}._purpur-footer__social_1jrwm_53{grid-area:footer-social;align-self:flex-start;margin:0 var(--purpur-spacing-200) var(--purpur-spacing-400)}@media (min-width: 600px){._purpur-footer__social_1jrwm_53{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-600);justify-content:flex-end}}@media (min-width: 1024px){._purpur-footer__social_1jrwm_53{margin:0}}._purpur-footer__social--md_1jrwm_69{display:none}@media (min-width: 600px){._purpur-footer__social--md_1jrwm_69{display:flex}}._purpur-footer__social--sm_1jrwm_77{display:flex;justify-content:center}@media (min-width: 600px){._purpur-footer__social--sm_1jrwm_77{display:none}}._purpur-footer__social-link_1jrwm_86{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_1jrwm_86:hover{color:var(--purpur-color-text-interactive-primary-hover-negative);background-color:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-footer__social-link_1jrwm_86: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_1jrwm_86:active{color:var(--purpur-color-text-interactive-primary-active-negative);background-color:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-footer__navigation_1jrwm_106{grid-area:footer-navigation;margin:0 0 var(--purpur-spacing-400)}@media (min-width: 600px){._purpur-footer__navigation_1jrwm_106{margin:0 0 var(--purpur-spacing-600)}}._purpur-footer__navigation-section_1jrwm_115{flex:1 1 0}._purpur-footer__navigation-section-heading_1jrwm_118{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_1jrwm_106 ul{list-style:none;margin:0}._purpur-footer__navigation_1jrwm_106 li{margin:var(--purpur-spacing-100) 0 0}._purpur-footer__navigation_1jrwm_106 li a{padding:var(--purpur-spacing-50) 0;display:inline-block;min-width:var(--purpur-spacing-400)}._purpur-footer__navigation--lg_1jrwm_141{display:none}._purpur-footer__navigation--lg_1jrwm_141 ul{list-style:none;padding:0}@media (min-width: 1024px){._purpur-footer__navigation--lg_1jrwm_141{display:flex;gap:var(--purpur-spacing-300);justify-content:space-between}}._purpur-footer__navigation--sm_1jrwm_155{display:block}._purpur-footer__navigation--sm_1jrwm_155 button,._purpur-footer__navigation--sm_1jrwm_155 ul{padding-left:var(--purpur-spacing-200)}@media (min-width: 600px){._purpur-footer__navigation--sm_1jrwm_155 ul{padding-left:var(--purpur-spacing-300)}}@media (min-width: 600px){._purpur-footer__navigation--sm_1jrwm_155 button{padding-left:var(--purpur-spacing-300)}}@media (min-width: 1024px){._purpur-footer__navigation--sm_1jrwm_155{display:none}}._purpur-footer__custom-link-navigation_1jrwm_179{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_1jrwm_179: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_1jrwm_179:active{color:var(--purpur-color-text-interactive-primary-active-negative);background-color:var(--purpur-color-functional-transparent);text-decoration:underline}._purpur-footer__payments_1jrwm_201{grid-area:footer-payments;display:flex;gap:var(--purpur-spacing-300);margin:0 var(--purpur-spacing-200)}@media (min-width: 600px){._purpur-footer__payments_1jrwm_201{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-600)}}@media (min-width: 1024px){._purpur-footer__payments_1jrwm_201{margin:0 0 var(--purpur-spacing-600)}}._purpur-footer__payments-image_1jrwm_217{height:var(--purpur-spacing-200);width:auto}._purpur-footer__contacts_1jrwm_221{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_1jrwm_221{margin:0 var(--purpur-spacing-300)}}@media (min-width: 1024px){._purpur-footer__contacts_1jrwm_221{margin:0}}._purpur-footer__contacts-copyright_1jrwm_236{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_1jrwm_241{font-style:normal;line-height:var(--purpur-typography-line-height-looser)}._purpur-footer__theme-select_1jrwm_245{margin-bottom:var(--purpur-spacing-200)}@media (min-width: 600px){._purpur-footer__theme-select_1jrwm_245{align-self:flex-end;max-width:calc(var(--purpur-spacing-100) * 37)}}._purpur-footer__additional_1jrwm_254{grid-area:footer-additional;margin:0 var(--purpur-spacing-200)}@media (min-width: 600px){._purpur-footer__additional_1jrwm_254{display:flex;flex-direction:column;justify-content:flex-end;margin:0 var(--purpur-spacing-300)}}@media (min-width: 1024px){._purpur-footer__additional_1jrwm_254{margin:0}}._purpur-footer__additional-links_1jrwm_271{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_1jrwm_271{flex-direction:row}}._purpur-footer__custom-content_1jrwm_283{flex-grow:1;display:flex}._purpur-footer__custom-content_1jrwm_283:not(:last-child){margin:0 0 var(--purpur-spacing-300)}@media (min-width: 600px){._purpur-footer__custom-content_1jrwm_283{justify-content:flex-end;align-items:flex-end}}@media (min-width: 1024px){._purpur-footer__custom-content_1jrwm_283:not(:last-child){margin:0 0 var(--purpur-spacing-200)}}
1
+ ._purpur-footer_1jrwm_1{background-color:var(--purpur-color-background-tone-on-tone-primary);color:#fff}._purpur-footer_1jrwm_1 *{box-sizing:border-box}._purpur-footer__container_1jrwm_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-contacts" "footer-additional" "footer-social"}@media(min-width:600px){._purpur-footer__container_1jrwm_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-contacts footer-additional"}}@media(min-width:1024px){._purpur-footer__container_1jrwm_8{padding:var(--purpur-spacing-600) 0;margin:0}}._purpur-footer__logo_1jrwm_29{grid-area:footer-logo;color:var(--purpur-color-brand-white)}._purpur-footer__logo--telia_1jrwm_33{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_1jrwm_33{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-600)}}@media(min-width:1024px){._purpur-footer__logo--telia_1jrwm_33{margin:0 0 var(--purpur-spacing-600)}}._purpur-footer__logo--telia_1jrwm_33 img{height:var(--purpur-spacing-400);width:auto}._purpur-footer__social_1jrwm_53{grid-area:footer-social;align-self:flex-start;margin:0 var(--purpur-spacing-200) var(--purpur-spacing-400)}@media(min-width:600px){._purpur-footer__social_1jrwm_53{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-600);justify-content:flex-end}}@media(min-width:1024px){._purpur-footer__social_1jrwm_53{margin:0}}._purpur-footer__social--md_1jrwm_69{display:none}@media(min-width:600px){._purpur-footer__social--md_1jrwm_69{display:flex}}._purpur-footer__social--sm_1jrwm_77{display:flex;justify-content:center}@media(min-width:600px){._purpur-footer__social--sm_1jrwm_77{display:none}}._purpur-footer__social-link_1jrwm_86{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_1jrwm_86:hover{color:var(--purpur-color-text-interactive-primary-hover-negative);background-color:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-footer__social-link_1jrwm_86: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_1jrwm_86:active{color:var(--purpur-color-text-interactive-primary-active-negative);background-color:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-footer__navigation_1jrwm_106{grid-area:footer-navigation;margin:0 0 var(--purpur-spacing-400)}@media(min-width:600px){._purpur-footer__navigation_1jrwm_106{margin:0 0 var(--purpur-spacing-600)}}._purpur-footer__navigation-section_1jrwm_115{flex:1 1 0}._purpur-footer__navigation-section-heading_1jrwm_118{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_1jrwm_106 ul{list-style:none;margin:0}._purpur-footer__navigation_1jrwm_106 li{margin:var(--purpur-spacing-100) 0 0}._purpur-footer__navigation_1jrwm_106 li a{padding:var(--purpur-spacing-50) 0;display:inline-block;min-width:var(--purpur-spacing-400)}._purpur-footer__navigation--lg_1jrwm_141{display:none}._purpur-footer__navigation--lg_1jrwm_141 ul{list-style:none;padding:0}@media(min-width:1024px){._purpur-footer__navigation--lg_1jrwm_141{display:flex;gap:var(--purpur-spacing-300);justify-content:space-between}}._purpur-footer__navigation--sm_1jrwm_155{display:block}._purpur-footer__navigation--sm_1jrwm_155 button,._purpur-footer__navigation--sm_1jrwm_155 ul{padding-left:var(--purpur-spacing-200)}@media(min-width:600px){._purpur-footer__navigation--sm_1jrwm_155 ul{padding-left:var(--purpur-spacing-300)}}@media(min-width:600px){._purpur-footer__navigation--sm_1jrwm_155 button{padding-left:var(--purpur-spacing-300)}}@media(min-width:1024px){._purpur-footer__navigation--sm_1jrwm_155{display:none}}._purpur-footer__custom-link-navigation_1jrwm_179{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_1jrwm_179: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_1jrwm_179:active{color:var(--purpur-color-text-interactive-primary-active-negative);background-color:var(--purpur-color-functional-transparent);text-decoration:underline}._purpur-footer__payments_1jrwm_201{grid-area:footer-payments;display:flex;gap:var(--purpur-spacing-300);margin:0 var(--purpur-spacing-200)}@media(min-width:600px){._purpur-footer__payments_1jrwm_201{margin:0 var(--purpur-spacing-300) var(--purpur-spacing-600)}}@media(min-width:1024px){._purpur-footer__payments_1jrwm_201{margin:0 0 var(--purpur-spacing-600)}}._purpur-footer__payments-image_1jrwm_217{height:var(--purpur-spacing-200);width:auto}._purpur-footer__contacts_1jrwm_221{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_1jrwm_221{margin:0 var(--purpur-spacing-300)}}@media(min-width:1024px){._purpur-footer__contacts_1jrwm_221{margin:0}}._purpur-footer__contacts-copyright_1jrwm_236{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_1jrwm_241{font-style:normal;line-height:var(--purpur-typography-line-height-looser)}._purpur-footer__theme-select_1jrwm_245{margin-bottom:var(--purpur-spacing-200)}@media(min-width:600px){._purpur-footer__theme-select_1jrwm_245{align-self:flex-end;max-width:calc(var(--purpur-spacing-100) * 37)}}._purpur-footer__additional_1jrwm_254{grid-area:footer-additional;margin:0 var(--purpur-spacing-200)}@media(min-width:600px){._purpur-footer__additional_1jrwm_254{display:flex;flex-direction:column;justify-content:flex-end;margin:0 var(--purpur-spacing-300)}}@media(min-width:1024px){._purpur-footer__additional_1jrwm_254{margin:0}}._purpur-footer__additional-links_1jrwm_271{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_1jrwm_271{flex-direction:row}}._purpur-footer__custom-content_1jrwm_283{flex-grow:1;display:flex}._purpur-footer__custom-content_1jrwm_283:not(:last-child){margin:0 0 var(--purpur-spacing-300)}@media(min-width:600px){._purpur-footer__custom-content_1jrwm_283{justify-content:flex-end;align-items:flex-end}}@media(min-width:1024px){._purpur-footer__custom-content_1jrwm_283: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.8.0",
3
+ "version": "8.8.1",
4
4
  "license": "AGPL-3.0-only",
5
5
  "main": "./dist/footer.cjs.js",
6
6
  "types": "./dist/footer.d.ts",
@@ -16,18 +16,18 @@
16
16
  "source": "src/footer.tsx",
17
17
  "dependencies": {
18
18
  "classnames": "~2.5.0",
19
- "@purpurds/accordion": "8.8.0",
20
- "@purpurds/common-types": "8.8.0",
21
- "@purpurds/grid": "8.8.0",
22
- "@purpurds/heading": "8.8.0",
23
- "@purpurds/icon": "8.8.0",
24
- "@purpurds/paragraph": "8.8.0",
25
- "@purpurds/link": "8.8.0",
26
- "@purpurds/select": "8.8.0",
27
- "@purpurds/tokens": "8.8.0"
19
+ "@purpurds/accordion": "8.8.1",
20
+ "@purpurds/grid": "8.8.1",
21
+ "@purpurds/common-types": "8.8.1",
22
+ "@purpurds/heading": "8.8.1",
23
+ "@purpurds/icon": "8.8.1",
24
+ "@purpurds/link": "8.8.1",
25
+ "@purpurds/paragraph": "8.8.1",
26
+ "@purpurds/select": "8.8.1",
27
+ "@purpurds/tokens": "8.8.1"
28
28
  },
29
29
  "devDependencies": {
30
- "@storybook/react-vite": "^9.0.18",
30
+ "@storybook/react-vite": "^10.0.7",
31
31
  "@testing-library/dom": "~10.4.0",
32
32
  "@testing-library/jest-dom": "~6.4.0",
33
33
  "@testing-library/react": "~16.2.0",
@@ -40,13 +40,13 @@
40
40
  "prettier": "~2.8.8",
41
41
  "react-dom": "^19.0.0",
42
42
  "react": "^19.0.0",
43
- "storybook": "^9.0.18",
43
+ "storybook": "^10.0.7",
44
44
  "typescript": "^5.6.3",
45
45
  "vite": "^6.2.1",
46
46
  "vitest": "^3.1.2",
47
- "@purpurds/label": "8.8.0",
48
- "@purpurds/theme": "8.8.0",
49
- "@purpurds/component-rig": "1.0.0"
47
+ "@purpurds/component-rig": "1.0.0",
48
+ "@purpurds/theme": "8.8.1",
49
+ "@purpurds/label": "8.8.1"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "@types/react": "^18 || ^19",