@oslokommune/punkt-css 16.26.2 → 16.26.3
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 +18 -0
- package/dist/css/components/alert.css +0 -6
- package/dist/css/components/alert.min.css +1 -1
- package/dist/css/components/inputwrapper.css +1 -1
- package/dist/css/components/inputwrapper.min.css +1 -1
- package/dist/css/pkt-components.css +1 -7
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +1 -7
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +1 -7
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_alert.scss +0 -7
- package/dist/scss/components/_inputwrapper.scss +4 -4
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [16.27.0](https://github.com/oslokommune/punkt/compare/16.26.2...16.27.0) (2026-06-22)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Fiks tag i label og alert i input-wrapper (#3523).
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Chores
|
|
21
|
+
Ingen
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
|
|
8
26
|
## [16.25.3](https://github.com/oslokommune/punkt/compare/16.25.2...16.25.3) (2026-06-18)
|
|
9
27
|
|
|
10
28
|
### ⚠ BREAKING CHANGES
|
|
@@ -46,12 +46,6 @@ pkt-alert {
|
|
|
46
46
|
grid-row: 1/2;
|
|
47
47
|
grid-column: 2/3;
|
|
48
48
|
}
|
|
49
|
-
@media (max-width: 768px) {
|
|
50
|
-
.pkt-alert__noTitle .pkt-alert__text {
|
|
51
|
-
grid-row: 2/3;
|
|
52
|
-
grid-column: 1/-1;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
49
|
|
|
56
50
|
.pkt-alert {
|
|
57
51
|
border-left: 0.25rem solid var(--pkt-color-alert-bc);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-alert{--pkt-color-alert-bc: var(--pkt-color-border-blue);--pkt-color-alert-bg: var(--pkt-color-surface-default-light-blue);--pkt-color-alert-txt: var(--pkt-color-text-body-dark);--pkt-color-alert-icon-fg: var(--pkt-color-brand-dark-blue-1000);--pkt-color-alert-close-fg: var(--pkt-color-brand-dark-blue-1000)}.pkt-alert--error{--pkt-color-alert-bc: var(--pkt-color-border-red);--pkt-color-alert-bg: var(--pkt-color-surface-default-faded-red)}.pkt-alert--success{--pkt-color-alert-bc: var(--pkt-color-border-green);--pkt-color-alert-bg: var(--pkt-color-surface-default-light-green)}.pkt-alert--warning{--pkt-color-alert-bc: var(--pkt-color-border-yellow);--pkt-color-alert-bg: var(--pkt-color-surface-default-yellow)}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}pkt-alert{display:block}.pkt-alert__grid{display:grid;grid-template-columns:min-content auto min-content;grid-row-gap:1rem;grid-column-gap:1.5rem;justify-items:left;align-items:center}.pkt-alert__noTitle .pkt-alert__text{grid-row:1/2;grid-column:2/3}
|
|
1
|
+
.pkt-alert{--pkt-color-alert-bc: var(--pkt-color-border-blue);--pkt-color-alert-bg: var(--pkt-color-surface-default-light-blue);--pkt-color-alert-txt: var(--pkt-color-text-body-dark);--pkt-color-alert-icon-fg: var(--pkt-color-brand-dark-blue-1000);--pkt-color-alert-close-fg: var(--pkt-color-brand-dark-blue-1000)}.pkt-alert--error{--pkt-color-alert-bc: var(--pkt-color-border-red);--pkt-color-alert-bg: var(--pkt-color-surface-default-faded-red)}.pkt-alert--success{--pkt-color-alert-bc: var(--pkt-color-border-green);--pkt-color-alert-bg: var(--pkt-color-surface-default-light-green)}.pkt-alert--warning{--pkt-color-alert-bc: var(--pkt-color-border-yellow);--pkt-color-alert-bg: var(--pkt-color-surface-default-yellow)}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}pkt-alert{display:block}.pkt-alert__grid{display:grid;grid-template-columns:min-content auto min-content;grid-row-gap:1rem;grid-column-gap:1.5rem;justify-items:left;align-items:center}.pkt-alert__noTitle .pkt-alert__text{grid-row:1/2;grid-column:2/3}.pkt-alert{border-left:.25rem solid var(--pkt-color-alert-bc);background-color:var(--pkt-color-alert-bg);color:var(--pkt-color-alert-txt);padding:1rem 1.5rem;display:block}.pkt-alert__title{grid-column:2/3;letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-alert__text{grid-column:1/-1;grid-row:2/3;overflow-wrap:break-word;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-alert__text p{margin-bottom:1rem}.pkt-alert__text p:first-of-type{margin-top:0}.pkt-alert__text p:last-of-type{margin-bottom:0}.pkt-alert__date{grid-column:1/-1;grid-row:3/4;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-alert__icon{--fg-color: var(--pkt-color-alert-icon-fg);height:2rem;width:2rem;grid-area:icon;grid-row:1/2;grid-column:1/2}.pkt-alert__close{grid-column:3/4;grid-row:1/2}.pkt-alert__close svg{--fg-color: var(--pkt-color-alert-close-fg)}.pkt-alert--compact{padding:.75rem 1rem}.pkt-alert--compact .pkt-alert__grid{gap:.5rem}.pkt-alert--compact .pkt-alert__icon{width:1.375rem;height:1.375rem}.pkt-alert--compact .pkt-alert__title{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-alert--compact .pkt-alert__text{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
pkt-input-wrapper{display:block}@supports selector(:not(:has(*))){pkt-helptext:not(:has(.pkt-inputwrapper__has-helptext)):not(:has([slot=helptext]:not(:empty)),:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))),.pkt-inputwrapper__helptext-container:not(.pkt-inputwrapper__has-helptext):not(:has([slot=helptext]:not(:empty)),:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))){display:none}}.pkt-inputwrapper__label{display:flex;flex-direction:row;align-items:
|
|
1
|
+
pkt-input-wrapper{display:block}@supports selector(:not(:has(*))){pkt-helptext:not(:has(.pkt-inputwrapper__has-helptext)):not(:has([slot=helptext]:not(:empty)),:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))),.pkt-inputwrapper__helptext-container:not(.pkt-inputwrapper__has-helptext):not(:has([slot=helptext]:not(:empty)),:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))){display:none}}.pkt-inputwrapper__label{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:var(--pkt-color-text-body-default)}.pkt-inputwrapper__label:empty{display:none}.pkt-inputwrapper__label,.pkt-inputwrapper__legend{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-inputwrapper__helptext-container{display:flex;flex-direction:column;gap:.25rem}.pkt-inputwrapper__helptext{width:min(100%,31rem);color:var(--pkt-color-text-body-default);letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper__helptext>.pkt-btn,.pkt-inputwrapper__helptext-expandable .pkt-btn{padding:0;height:auto;display:inline-flex;text-align:left;align-items:center;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper__helptext>*:first-child{margin-top:0}.pkt-inputwrapper__helptext>*:last-child{margin-bottom:0}.pkt-inputwrapper__helptext-expandable-heading{margin:0;letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-inputwrapper__helptext-expandable-open{display:block;border-left:2px solid var(--pkt-color-text-body-dark);padding:.5rem 1rem;margin-bottom:.25rem}.pkt-inputwrapper__helptext-expandable-closed{display:none}.pkt-inputwrapper__fieldset{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;border:none;padding:0;margin:0}.pkt-inputwrapper__legend{margin-bottom:.5rem}.pkt-inputwrapper--disabled{color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-tag{background-color:var(--pkt-color-surface-default-gray)}.pkt-inputwrapper--disabled .pkt-alert{background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-text-action-disabled);color:var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--disabled .pkt-alert .pkt-alert__icon{--fg-color: var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--disabled .pkt-alert,.pkt-inputwrapper--disabled .pkt-inputwrapper__label,.pkt-inputwrapper--disabled .pkt-inputwrapper__helptext,.pkt-inputwrapper--disabled .pkt-inputwrapper__helptext-expandable .pkt-link{color:var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--inline{display:inline-block;vertical-align:middle;margin-right:8px}.pkt-inputwrapper .pkt-alert{width:min(100%,31rem);margin:0 0 .5rem 0}.pkt-inputwrapper .pkt-alert--error{margin:.5rem 0 .5rem 0}.pkt-inputwrapper .pkt-tag{margin-left:8px}.pkt-inputwrapper--error .pkt-input,.pkt-inputwrapper--error .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-input:hover,.pkt-inputwrapper--error .pkt-input__container:hover,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-input:focus-within,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--disabled{color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-input,.pkt-inputwrapper--disabled .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input-icon{border-color:var(--pkt-color-border-states-disabled);background-color:var(--pkt-color-surface-default-gray)}.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-border-states-disabled)}.pkt-inputwrapper--disabled .pkt-input:hover{border-color:var(--pkt-color-border-states-disabled);box-shadow:none}.pkt-inputwrapper--disabled .pkt-input:focus{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-inputwrapper--disabled .pkt-input__container:active .pkt-input{border-right:none;box-shadow:none;outline:none}[data-mode=dark] .pkt-inputwrapper{color:#fff}
|
|
@@ -318,12 +318,6 @@ pkt-alert {
|
|
|
318
318
|
grid-row: 1/2;
|
|
319
319
|
grid-column: 2/3;
|
|
320
320
|
}
|
|
321
|
-
@media (max-width: 768px) {
|
|
322
|
-
.pkt-alert__noTitle .pkt-alert__text {
|
|
323
|
-
grid-row: 2/3;
|
|
324
|
-
grid-column: 1/-1;
|
|
325
|
-
}
|
|
326
|
-
}
|
|
327
321
|
|
|
328
322
|
.pkt-alert {
|
|
329
323
|
border-left: 0.25rem solid var(--pkt-color-alert-bc);
|
|
@@ -3851,7 +3845,7 @@ pkt-input-wrapper {
|
|
|
3851
3845
|
.pkt-inputwrapper__label {
|
|
3852
3846
|
display: flex;
|
|
3853
3847
|
flex-direction: row;
|
|
3854
|
-
align-items:
|
|
3848
|
+
align-items: center;
|
|
3855
3849
|
gap: 0.5rem;
|
|
3856
3850
|
color: var(--pkt-color-text-body-default);
|
|
3857
3851
|
}
|