@sb1/ffe-pagination 2.1.5 → 3.0.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/css/pagination.css +4 -14
- package/less/pagination.less +6 -5
- package/package.json +4 -4
- package/less/theme.less +0 -10
package/css/pagination.css
CHANGED
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
:root,
|
|
2
|
-
:host {
|
|
3
|
-
--ffe-v-pagination-dots: var(--ffe-farge-vann);
|
|
4
|
-
}
|
|
5
|
-
@media (prefers-color-scheme: dark) {
|
|
6
|
-
:root .regard-color-scheme-preference,
|
|
7
|
-
:host .regard-color-scheme-preference {
|
|
8
|
-
--ffe-v-pagination-dots: var(--ffe-farge-vann-70);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
1
|
.ffe-pagination {
|
|
12
2
|
--circular-button-size: 2.5rem;
|
|
13
3
|
--buttons-distance: var(--ffe-spacing-xs);
|
|
@@ -153,7 +143,7 @@
|
|
|
153
143
|
}
|
|
154
144
|
}
|
|
155
145
|
.ffe-pagination-dots {
|
|
156
|
-
fill: var(--ffe-
|
|
146
|
+
fill: var(--ffe-color-component-button-primary-fill-default);
|
|
157
147
|
}
|
|
158
148
|
.ffe-pagination-page-button {
|
|
159
149
|
width: var(--circular-button-size);
|
|
@@ -162,10 +152,10 @@
|
|
|
162
152
|
}
|
|
163
153
|
.ffe-pagination-page-button--active,
|
|
164
154
|
.ffe-pagination-page-button--active:focus {
|
|
165
|
-
background-color: var(--ffe-
|
|
166
|
-
border-color: var(--ffe-
|
|
155
|
+
background-color: var(--ffe-color-component-button-primary-fill-default);
|
|
156
|
+
border-color: var(--ffe-color-component-button-primary-fill-default);
|
|
167
157
|
}
|
|
168
158
|
.ffe-pagination-page-button--active .ffe-button__label,
|
|
169
159
|
.ffe-pagination-page-button--active:focus .ffe-button__label {
|
|
170
|
-
color: var(--ffe-
|
|
160
|
+
color: var(--ffe-color-component-button-primary-foreground-default);
|
|
171
161
|
}
|
package/less/pagination.less
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
@import (reference) '@sb1/ffe-core/less/breakpoints';
|
|
2
|
-
@import 'theme';
|
|
3
2
|
|
|
4
3
|
.ffe-pagination {
|
|
5
4
|
--circular-button-size: 2.5rem;
|
|
@@ -123,7 +122,7 @@
|
|
|
123
122
|
}
|
|
124
123
|
|
|
125
124
|
.ffe-pagination-dots {
|
|
126
|
-
fill: var(--ffe-
|
|
125
|
+
fill: var(--ffe-color-component-button-primary-fill-default);
|
|
127
126
|
}
|
|
128
127
|
|
|
129
128
|
.ffe-pagination-page-button {
|
|
@@ -132,10 +131,12 @@
|
|
|
132
131
|
white-space: nowrap;
|
|
133
132
|
&--active,
|
|
134
133
|
&--active:focus {
|
|
135
|
-
background-color: var(
|
|
136
|
-
|
|
134
|
+
background-color: var(
|
|
135
|
+
--ffe-color-component-button-primary-fill-default
|
|
136
|
+
);
|
|
137
|
+
border-color: var(--ffe-color-component-button-primary-fill-default);
|
|
137
138
|
.ffe-button__label {
|
|
138
|
-
color: var(--ffe-
|
|
139
|
+
color: var(--ffe-color-component-button-primary-foreground-default);
|
|
139
140
|
}
|
|
140
141
|
}
|
|
141
142
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-pagination",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "Pagination in ffe",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "SpareBank 1",
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
"build": "lessc less/pagination.less css/pagination.css --autoprefix"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@sb1/ffe-core": "^
|
|
21
|
+
"@sb1/ffe-core": "^30.0.0"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@sb1/ffe-buildtool": "^0.
|
|
24
|
+
"@sb1/ffe-buildtool": "^0.10.0"
|
|
25
25
|
},
|
|
26
26
|
"publishConfig": {
|
|
27
27
|
"access": "public"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "5a72f08b0873cc96b0d439dd029839db4d5d4ea9"
|
|
30
30
|
}
|