@progressiveui/styles 11.1.0 → 11.2.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/CHANGELOG.md +11 -0
- package/package.json +2 -2
- package/scss/components/modal/_modal.scss +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [11.2.0](https://github.com/Polyxo/pui/compare/@progressiveui/styles@11.1.0...@progressiveui/styles@11.2.0) (2026-01-18)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **Modal:** alignment updated ([e1d636f](https://github.com/Polyxo/pui/commit/e1d636febb5a506d6a400a72aedb2e5d432c570a))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [11.1.0](https://github.com/Polyxo/pui/compare/@progressiveui/styles@11.0.11...@progressiveui/styles@11.1.0) (2026-01-18)
|
|
7
18
|
|
|
8
19
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progressiveui/styles",
|
|
3
3
|
"description": "Styles for the Progressive UI Design System",
|
|
4
|
-
"version": "11.
|
|
4
|
+
"version": "11.2.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Robert Gühne <polyxo.de>",
|
|
7
7
|
"homepage": "https://www.polyxo.de",
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"@carbon/test-utils": "^10.3.0",
|
|
36
36
|
"css": "^3.0.0"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "26175b5523aab4e29d22228345e797f03f73f477"
|
|
39
39
|
}
|
|
@@ -225,7 +225,7 @@ $modal-footer-background-color: $layer-primary !default; //TODO use $layer token
|
|
|
225
225
|
|
|
226
226
|
.#{$prefix}--modal-close {
|
|
227
227
|
position: absolute;
|
|
228
|
-
top: calcRem(
|
|
228
|
+
top: calcRem(2px);
|
|
229
229
|
right: calcRem(6px);
|
|
230
230
|
padding: 0;
|
|
231
231
|
overflow: hidden;
|
|
@@ -248,8 +248,8 @@ $modal-footer-background-color: $layer-primary !default; //TODO use $layer token
|
|
|
248
248
|
color: $text-body-default;
|
|
249
249
|
transition: 200ms;
|
|
250
250
|
// fill: var(--ui-05); // TODO change $field-border
|
|
251
|
-
width: 1.
|
|
252
|
-
height: 1.
|
|
251
|
+
width: 1.7rem;
|
|
252
|
+
height: 1.7rem;
|
|
253
253
|
}
|
|
254
254
|
|
|
255
255
|
.#{$prefix}--modal--background-image {
|
|
@@ -261,8 +261,8 @@ $modal-footer-background-color: $layer-primary !default; //TODO use $layer token
|
|
|
261
261
|
.#{$prefix}--modal-container {
|
|
262
262
|
@include breakpoint-down("md") {
|
|
263
263
|
min-width: 50%;
|
|
264
|
-
width:
|
|
265
|
-
max-width:
|
|
264
|
+
width: 95%;
|
|
265
|
+
max-width: 95%;
|
|
266
266
|
height: auto;
|
|
267
267
|
}
|
|
268
268
|
}
|
|
@@ -309,7 +309,7 @@ $modal-footer-background-color: $layer-primary !default; //TODO use $layer token
|
|
|
309
309
|
padding-top: calc(var(--safe-area-inset-top) + $spacing-05);
|
|
310
310
|
}
|
|
311
311
|
.#{$prefix}--modal-close {
|
|
312
|
-
top: calc(var(--safe-area-inset-top) + calcRem(
|
|
312
|
+
top: calc(var(--safe-area-inset-top) + calcRem(2px));
|
|
313
313
|
}
|
|
314
314
|
|
|
315
315
|
.#{$prefix}--modal-inner {
|