@politicalwatch/tipi-uikit 1.9.13 → 1.9.15

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 (9) hide show
  1. package/.storybook/preview.js +1 -1
  2. package/package.json +10 -10
  3. package/src/components/Results/Results.vue +2 -0
  4. package/src/styles/04_base/_base__blockquotes.scss +6 -4
  5. package/src/styles/06_components/_components__deputy.scss +20 -10
  6. package/src/styles/06_components/_components__header.scss +4 -3
  7. package/src/styles/06_components/_components__loader.scss +6 -6
  8. package/src/styles/06_components/_components__menu.scss +21 -15
  9. package/src/styles/06_components/_components__topic-card.scss +7 -3
package/.storybook/preview.js CHANGED
@@ -11,7 +11,7 @@ const preview = {
11
11
  },
12
12
  },
13
13
 
14
- tags: ['autodocs', 'autodocs'],
14
+ tags: ['autodocs'],
15
15
  };
16
16
 
17
17
  export default preview;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@politicalwatch/tipi-uikit",
3
- "version": "1.9.13",
3
+ "version": "1.9.15",
4
4
  "main": "src/components/index.js",
5
5
  "scripts": {
6
6
  "dev": "vite",
@@ -12,7 +12,7 @@
12
12
  "build-storybook": "storybook build"
13
13
  },
14
14
  "dependencies": {
15
- "@storybook/test": "^8.1.10",
15
+ "@storybook/test": "^8.2.2",
16
16
  "core-js": "^3.32.2",
17
17
  "d3": "^7.8.5",
18
18
  "d3-cloud": "^1.2.5",
@@ -28,14 +28,14 @@
28
28
  "vue-json-excel3": "^1.0.20"
29
29
  },
30
30
  "devDependencies": {
31
- "@chromatic-com/storybook": "^1.5.0",
31
+ "@chromatic-com/storybook": "^1.6.1",
32
32
  "@rushstack/eslint-patch": "^1.1.0",
33
- "@storybook/addon-essentials": "^8.1.10",
34
- "@storybook/addon-interactions": "^8.1.10",
35
- "@storybook/addon-links": "^8.1.10",
36
- "@storybook/blocks": "^8.1.10",
37
- "@storybook/vue3": "^8.1.10",
38
- "@storybook/vue3-vite": "^8.1.10",
33
+ "@storybook/addon-essentials": "^8.2.2",
34
+ "@storybook/addon-interactions": "^8.2.2",
35
+ "@storybook/addon-links": "^8.2.2",
36
+ "@storybook/blocks": "^8.2.2",
37
+ "@storybook/vue3": "^8.2.2",
38
+ "@storybook/vue3-vite": "^8.2.2",
39
39
  "@vitejs/plugin-vue": "^5.0.0",
40
40
  "@vue/eslint-config-prettier": "^9.0.0",
41
41
  "@vue/test-utils": "^2.4.1",
@@ -46,7 +46,7 @@
46
46
  "jsdom": "^24.0.0",
47
47
  "prettier": "^3.0.3",
48
48
  "sass": "^1.67.0",
49
- "storybook": "^8.1.10",
49
+ "storybook": "^8.2.2",
50
50
  "storybook-vue3-router": "^5.0.0",
51
51
  "stylelint": "^16.1.0",
52
52
  "terser": "^5.14.2",
package/src/components/Results/Results.vue CHANGED
@@ -65,6 +65,8 @@ const {
65
65
  } = toRefs(props);
66
66
  const { topicsStyles } = props;
67
67
 
68
+ const emit = defineEmits(['loadMore']);
69
+
68
70
  const isMoreResults = computed(() => {
69
71
  return !loadingResults.value && queryMeta.value?.page < queryMeta.value?.pages;
70
72
  });
package/src/styles/04_base/_base__blockquotes.scss CHANGED
@@ -1,8 +1,10 @@
1
1
  blockquote {
2
2
  @include subtitle;
3
3
 
4
- color: $secondary;
5
- border-left: 8px solid $primary;
6
- padding-left: rem($spacer-unit * 4);
7
- margin-left: 0;
4
+ & {
5
+ color: $secondary;
6
+ border-left: 8px solid $primary;
7
+ padding-left: rem($spacer-unit * 4);
8
+ margin-left: 0;
9
+ }
8
10
  }
package/src/styles/06_components/_components__deputy.scss CHANGED
@@ -38,8 +38,10 @@
38
38
  &__name {
39
39
  @include th2;
40
40
 
41
- text-align: center;
42
- margin: 0 0 rem($spacer-unit) 0;
41
+ & {
42
+ text-align: center;
43
+ margin: 0 0 rem($spacer-unit) 0;
44
+ }
43
45
 
44
46
  @media (min-width: $sm) {
45
47
  text-align: left;
@@ -49,9 +51,11 @@
49
51
  &__group {
50
52
  @include subtitle;
51
53
 
52
- text-transform: uppercase;
53
- margin: 0 0 rem($spacer-unit) 0;
54
- text-align: center;
54
+ & {
55
+ text-transform: uppercase;
56
+ margin: 0 0 rem($spacer-unit) 0;
57
+ text-align: center;
58
+ }
55
59
 
56
60
  @media (min-width: $sm) {
57
61
  text-align: left;
@@ -66,7 +70,9 @@
66
70
  &__description {
67
71
  @include subtitle;
68
72
 
69
- text-align: center;
73
+ & {
74
+ text-align: center;
75
+ }
70
76
 
71
77
  @media (min-width: $sm) {
72
78
  text-align: left;
@@ -76,8 +82,10 @@
76
82
  &__links {
77
83
  @include th6;
78
84
 
79
- color: $secondary-dark;
80
- text-align: center;
85
+ & {
86
+ color: $secondary-dark;
87
+ text-align: center;
88
+ }
81
89
 
82
90
  @media (min-width: $sm) {
83
91
  text-align: left;
@@ -120,7 +128,8 @@
120
128
  text-align: left;
121
129
  }
122
130
 
123
- a, a:hover {
131
+ a,
132
+ a:hover {
124
133
  color: $secondary-dark;
125
134
  font-weight: 500;
126
135
  text-decoration: none;
@@ -142,7 +151,8 @@
142
151
  font-size: 12px;
143
152
  }
144
153
 
145
- p, a {
154
+ p,
155
+ a {
146
156
  margin-top: 8px;
147
157
  margin-bottom: 8px;
148
158
  }
package/src/styles/06_components/_components__header.scss CHANGED
@@ -19,15 +19,16 @@
19
19
  &__subtitle {
20
20
  @include subtitle;
21
21
 
22
- color: $secondary;
23
- margin: 0;
22
+ & {
23
+ color: $secondary;
24
+ margin: 0;
25
+ }
24
26
  }
25
27
 
26
28
  &--nosub {
27
29
  padding-bottom: rem($spacer-unit * 2);
28
30
 
29
31
  .c-page-header {
30
-
31
32
  &__title {
32
33
  margin-bottom: 0;
33
34
  }
package/src/styles/06_components/_components__loader.scss CHANGED
@@ -11,12 +11,16 @@
11
11
  &__title {
12
12
  @include th5;
13
13
 
14
- margin: 0 0 rem($spacer-unit) 0;
14
+ & {
15
+ margin: 0 0 rem($spacer-unit) 0;
16
+ }
15
17
 
16
18
  @media (min-width: $md) {
17
19
  @include th4;
18
20
 
19
- margin: 0 0 rem($spacer-unit) 0;
21
+ & {
22
+ margin: 0 0 rem($spacer-unit) 0;
23
+ }
20
24
  }
21
25
  }
22
26
 
@@ -94,18 +98,15 @@
94
98
  }
95
99
  }
96
100
  }
97
-
98
101
  }
99
102
 
100
103
  @keyframes sk-chase {
101
-
102
104
  100% {
103
105
  transform: rotate(360deg);
104
106
  }
105
107
  }
106
108
 
107
109
  @keyframes sk-chase-dot {
108
-
109
110
  80%,
110
111
  100% {
111
112
  transform: rotate(360deg);
@@ -113,7 +114,6 @@
113
114
  }
114
115
 
115
116
  @keyframes sk-chase-dot-before {
116
-
117
117
  50% {
118
118
  transform: scale(0.4);
119
119
  }
package/src/styles/06_components/_components__menu.scss CHANGED
@@ -2,21 +2,25 @@
2
2
  .c-menu {
3
3
  @include th6;
4
4
 
5
- color: $menu-link-color;
6
- list-style: none;
7
- text-align: center;
8
- padding-top: rem($spacer-unit * 4);
5
+ & {
6
+ color: $menu-link-color;
7
+ list-style: none;
8
+ text-align: center;
9
+ padding-top: rem($spacer-unit * 4);
10
+ }
9
11
 
10
12
  @media (min-width: $md) {
11
13
  @include tbody;
12
14
 
13
- display: flex;
14
- flex-wrap: wrap;
15
- flex: 1;
16
- text-align: left;
17
- padding: 0 0 0 rem($spacer-unit * 4);
18
- margin: 0;
19
- justify-content: flex-end;
15
+ & {
16
+ display: flex;
17
+ flex-wrap: wrap;
18
+ flex: 1;
19
+ text-align: left;
20
+ padding: 0 0 0 rem($spacer-unit * 4);
21
+ margin: 0;
22
+ justify-content: flex-end;
23
+ }
20
24
  }
21
25
 
22
26
  &__submenu {
@@ -29,7 +33,9 @@
29
33
  left: rem($spacer-unit * 2);
30
34
  transform: translateY(-$spacer-unit);
31
35
  opacity: 0;
32
- transition: opacity 0.2s linear, transform 0.2s linear;
36
+ transition:
37
+ opacity 0.2s linear,
38
+ transform 0.2s linear;
33
39
  margin: 0;
34
40
  padding: rem($spacer-unit);
35
41
  background: $white;
@@ -55,7 +61,6 @@
55
61
  }
56
62
 
57
63
  &:hover {
58
-
59
64
  .c-menu__submenu {
60
65
  @media (min-width: $md) {
61
66
  opacity: 1;
@@ -70,13 +75,14 @@
70
75
  &::after {
71
76
  @media (min-width: $md) {
72
77
  position: absolute;
73
- content: "";
78
+ content: '';
74
79
  right: 0;
75
80
  top: rem($spacer-unit);
76
81
  pointer-events: none;
77
82
  width: rem($spacer-unit);
78
83
  height: rem($spacer-unit);
79
- background: url('../assets/svg/icon-chevron-down.svg') no-repeat center center;
84
+ background: url('../assets/svg/icon-chevron-down.svg') no-repeat
85
+ center center;
80
86
  background-size: contain;
81
87
  }
82
88
  }
package/src/styles/06_components/_components__topic-card.scss CHANGED
@@ -16,8 +16,10 @@
16
16
  &__title {
17
17
  @include th2;
18
18
 
19
- text-transform: uppercase;
20
- text-align: center;
19
+ & {
20
+ text-transform: uppercase;
21
+ text-align: center;
22
+ }
21
23
 
22
24
  @media (min-width: $sm) {
23
25
  text-align: left;
@@ -27,7 +29,9 @@
27
29
  &__description {
28
30
  @include subtitle;
29
31
 
30
- text-align: center;
32
+ & {
33
+ text-align: center;
34
+ }
31
35
 
32
36
  @media (min-width: $sm) {
33
37
  text-align: left;