@telia/teddy 0.7.9 → 0.7.10

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.
Files changed (4) hide show
  1. package/dist/components/footer/footer-root.cjs +8 -8
  2. package/dist/components/footer/footer-root.js +8 -8
  3. package/dist/style.css +24 -21
  4. package/package.json +1 -1
package/dist/components/footer/footer-root.cjs CHANGED
@@ -4,14 +4,14 @@ const jsxRuntime = require("react/jsx-runtime");
4
4
  const clsx = require("clsx");
5
5
  const React = require("react");
6
6
  const styles = {
7
- "teddy-footer": "_teddy-footer_p4fn7_1",
8
- "teddy-footer__container": "_teddy-footer__container_p4fn7_12",
9
- "teddy-footer__content": "_teddy-footer__content_p4fn7_38",
10
- "teddy-footer__top-row": "_teddy-footer__top-row_p4fn7_51",
11
- "teddy-footer__list": "_teddy-footer__list_p4fn7_64",
12
- "teddy-footer__links-list": "_teddy-footer__links-list_p4fn7_77",
13
- "teddy-footer__column": "_teddy-footer__column_p4fn7_90",
14
- "teddy-footer__bottom-row": "_teddy-footer__bottom-row_p4fn7_95"
7
+ "teddy-footer": "_teddy-footer_1xw3m_1",
8
+ "teddy-footer__container": "_teddy-footer__container_1xw3m_12",
9
+ "teddy-footer__content": "_teddy-footer__content_1xw3m_38",
10
+ "teddy-footer__top-row": "_teddy-footer__top-row_1xw3m_51",
11
+ "teddy-footer__list": "_teddy-footer__list_1xw3m_67",
12
+ "teddy-footer__links-list": "_teddy-footer__links-list_1xw3m_80",
13
+ "teddy-footer__column": "_teddy-footer__column_1xw3m_93",
14
+ "teddy-footer__bottom-row": "_teddy-footer__bottom-row_1xw3m_98"
15
15
  };
16
16
  const rootClassName = "teddy-footer";
17
17
  const Root = React.forwardRef(
package/dist/components/footer/footer-root.js CHANGED
@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
2
2
  import clsx from "clsx";
3
3
  import React__default from "react";
4
4
  const styles = {
5
- "teddy-footer": "_teddy-footer_p4fn7_1",
6
- "teddy-footer__container": "_teddy-footer__container_p4fn7_12",
7
- "teddy-footer__content": "_teddy-footer__content_p4fn7_38",
8
- "teddy-footer__top-row": "_teddy-footer__top-row_p4fn7_51",
9
- "teddy-footer__list": "_teddy-footer__list_p4fn7_64",
10
- "teddy-footer__links-list": "_teddy-footer__links-list_p4fn7_77",
11
- "teddy-footer__column": "_teddy-footer__column_p4fn7_90",
12
- "teddy-footer__bottom-row": "_teddy-footer__bottom-row_p4fn7_95"
5
+ "teddy-footer": "_teddy-footer_1xw3m_1",
6
+ "teddy-footer__container": "_teddy-footer__container_1xw3m_12",
7
+ "teddy-footer__content": "_teddy-footer__content_1xw3m_38",
8
+ "teddy-footer__top-row": "_teddy-footer__top-row_1xw3m_51",
9
+ "teddy-footer__list": "_teddy-footer__list_1xw3m_67",
10
+ "teddy-footer__links-list": "_teddy-footer__links-list_1xw3m_80",
11
+ "teddy-footer__column": "_teddy-footer__column_1xw3m_93",
12
+ "teddy-footer__bottom-row": "_teddy-footer__bottom-row_1xw3m_98"
13
13
  };
14
14
  const rootClassName = "teddy-footer";
15
15
  const Root = React__default.forwardRef(
package/dist/style.css CHANGED
@@ -1,111 +1,114 @@
1
- @charset 'UTF-8';._teddy-footer_p4fn7_1 {
1
+ @charset 'UTF-8';._teddy-footer_1xw3m_1 {
2
2
  background-color: var(--teddy-color-purple-900);
3
3
  padding-top: var(--teddy-spacing-600);
4
4
  padding-bottom: var(--teddy-spacing-600);
5
5
  }
6
6
  @media screen and (max-width: 600px) {
7
- ._teddy-footer_p4fn7_1 {
7
+ ._teddy-footer_1xw3m_1 {
8
8
  padding-top: var(--teddy-spacing-250);
9
9
  padding-bottom: var(--teddy-spacing-250);
10
10
  }
11
11
  }
12
- ._teddy-footer__container_p4fn7_12 {
12
+ ._teddy-footer__container_1xw3m_12 {
13
13
  display: grid;
14
14
  grid-template-columns: repeat(4, 1fr);
15
15
  column-gap: var(--teddy-spacing-200);
16
16
  margin: 0 var(--teddy-spacing-200);
17
17
  }
18
18
  @media screen and (min-width: 600px) {
19
- ._teddy-footer__container_p4fn7_12 {
19
+ ._teddy-footer__container_1xw3m_12 {
20
20
  grid-template-columns: repeat(8, 1fr);
21
21
  column-gap: var(--teddy-spacing-300);
22
22
  margin: 0 var(--teddy-spacing-300);
23
23
  }
24
24
  }
25
25
  @media screen and (min-width: 1025px) {
26
- ._teddy-footer__container_p4fn7_12 {
26
+ ._teddy-footer__container_1xw3m_12 {
27
27
  grid-template-columns: repeat(12, 1fr);
28
28
  margin: 0 var(--teddy-spacing-600);
29
29
  }
30
30
  }
31
31
  @media screen and (min-width: 1441px) {
32
- ._teddy-footer__container_p4fn7_12 {
32
+ ._teddy-footer__container_1xw3m_12 {
33
33
  max-width: 1344px;
34
34
  grid-template-columns: repeat(12, 1fr);
35
35
  margin: 0 auto;
36
36
  }
37
37
  }
38
- ._teddy-footer__content_p4fn7_38 {
38
+ ._teddy-footer__content_1xw3m_38 {
39
39
  grid-column: 1/span 4;
40
40
  }
41
41
  @media screen and (min-width: 600px) {
42
- ._teddy-footer__content_p4fn7_38 {
42
+ ._teddy-footer__content_1xw3m_38 {
43
43
  grid-column: 1/span 8;
44
44
  }
45
45
  }
46
46
  @media screen and (min-width: 1025px) {
47
- ._teddy-footer__content_p4fn7_38 {
47
+ ._teddy-footer__content_1xw3m_38 {
48
48
  grid-column: 1/span 12;
49
49
  }
50
50
  }
51
- ._teddy-footer__top-row_p4fn7_51 {
51
+ ._teddy-footer__top-row_1xw3m_51 {
52
52
  display: flex;
53
53
  justify-content: space-between;
54
54
  }
55
- ._teddy-footer__top-row_p4fn7_51:hover:has(img:hover) {
55
+ ._teddy-footer__top-row_1xw3m_51:hover:has(img:hover) {
56
56
  color: inherit;
57
57
  background-color: transparent;
58
58
  }
59
+ ._teddy-footer__top-row_1xw3m_51 a:has(svg) {
60
+ padding: var(--teddy-spacing-150);
61
+ }
59
62
  @media screen and (max-width: 600px) {
60
- ._teddy-footer__top-row_p4fn7_51:has(svg) {
63
+ ._teddy-footer__top-row_1xw3m_51:has(svg) {
61
64
  padding: 0 var(--teddy-spacing-150);
62
65
  }
63
66
  }
64
- ._teddy-footer__list_p4fn7_64 {
67
+ ._teddy-footer__list_1xw3m_67 {
65
68
  display: grid;
66
69
  gap: var(--teddy-spacing-300);
67
70
  grid-template-columns: repeat(4, 1fr);
68
71
  padding: var(--teddy-spacing-600) 0;
69
72
  }
70
73
  @media screen and (max-width: 600px) {
71
- ._teddy-footer__list_p4fn7_64 {
74
+ ._teddy-footer__list_1xw3m_67 {
72
75
  padding: 0;
73
76
  display: flex;
74
77
  flex-direction: column;
75
78
  }
76
79
  }
77
- ._teddy-footer__links-list_p4fn7_77 {
80
+ ._teddy-footer__links-list_1xw3m_80 {
78
81
  display: flex;
79
82
  flex-direction: column;
80
83
  gap: var(--teddy-spacing-100);
81
84
  }
82
- ._teddy-footer__links-list_p4fn7_77 a {
85
+ ._teddy-footer__links-list_1xw3m_80 a {
83
86
  color: var(--teddy-color-brand-white);
84
87
  text-decoration: none;
85
88
  }
86
- ._teddy-footer__links-list_p4fn7_77 a:hover {
89
+ ._teddy-footer__links-list_1xw3m_80 a:hover {
87
90
  color: var(--teddy-color-purple-900);
88
91
  background-color: var(--teddy-color-background-interactive-transparent-hover);
89
92
  }
90
- ._teddy-footer__column_p4fn7_90 {
93
+ ._teddy-footer__column_1xw3m_93 {
91
94
  display: flex;
92
95
  flex-direction: column;
93
96
  gap: var(--teddy-spacing-100);
94
97
  }
95
- ._teddy-footer__bottom-row_p4fn7_95 {
98
+ ._teddy-footer__bottom-row_1xw3m_98 {
96
99
  display: flex;
97
100
  justify-content: space-between;
98
101
  padding: 0;
99
102
  }
100
103
  @media screen and (max-width: 600px) {
101
- ._teddy-footer__bottom-row_p4fn7_95 {
104
+ ._teddy-footer__bottom-row_1xw3m_98 {
102
105
  padding: 0 var(--teddy-spacing-200);
103
106
  flex-direction: column;
104
107
  justify-content: flex-start;
105
108
  gap: var(--teddy-spacing-200);
106
109
  }
107
110
  }
108
- ._teddy-footer__bottom-row_p4fn7_95 a {
111
+ ._teddy-footer__bottom-row_1xw3m_98 a {
109
112
  color: var(--teddy-color-purple-300);
110
113
  align-items: end;
111
114
  margin-top: auto;
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.7.9",
23
+ "version": "0.7.10",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"