@oslokommune/punkt-css 11.18.0 → 11.19.2
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 +21 -0
- package/dist/css/components/stepper.css +15 -1
- package/dist/css/components/stepper.min.css +1 -1
- package/dist/css/components/textinput.css +1 -1
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/pkt-base.css +1 -1
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +16 -2
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-elements.css +3 -3
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +19 -5
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/components/_stepper.scss +18 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,27 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [11.19.2](https://github.com/oslokommune/punkt/compare/11.19.1...11.19.2) (2024-08-20)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* stepper accessibility fixes (#1881). - remove role="separator" and use aria-hidden on step lines
|
|
18
|
+
- change vue default hideContent prop value to true
|
|
19
|
+
- add min width on horizontal content wrapper
|
|
20
|
+
- add additional button help class wrapper
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
### Chores
|
|
24
|
+
Ingen
|
|
25
|
+
|
|
26
|
+
---
|
|
27
|
+
|
|
28
|
+
|
|
8
29
|
## [11.18.0](https://github.com/oslokommune/punkt/compare/11.17.0...11.18.0) (2024-08-16)
|
|
9
30
|
|
|
10
31
|
### ⚠ BREAKING CHANGES
|
|
@@ -49,6 +49,11 @@
|
|
|
49
49
|
grid-area: line;
|
|
50
50
|
height: fit-content;
|
|
51
51
|
}
|
|
52
|
+
.pkt-stepper .pkt-step__nav-wrapper {
|
|
53
|
+
display: flex;
|
|
54
|
+
gap: 20px;
|
|
55
|
+
margin-top: 1rem;
|
|
56
|
+
}
|
|
52
57
|
|
|
53
58
|
.pkt-stepper--vertical {
|
|
54
59
|
display: grid;
|
|
@@ -66,6 +71,9 @@
|
|
|
66
71
|
padding: 1rem 1.5rem;
|
|
67
72
|
background-color: var(--pkt-color-surface-subtle-pale-blue);
|
|
68
73
|
}
|
|
74
|
+
.pkt-stepper--vertical .pkt-step--current .pkt-step__content {
|
|
75
|
+
padding-top: 0;
|
|
76
|
+
}
|
|
69
77
|
.pkt-stepper--vertical .pkt-step--current .pkt-step__wrapper {
|
|
70
78
|
margin-bottom: 1.5rem;
|
|
71
79
|
}
|
|
@@ -89,13 +97,16 @@
|
|
|
89
97
|
.pkt-stepper--vertical .pkt-step__line--3 {
|
|
90
98
|
min-height: 4rem;
|
|
91
99
|
}
|
|
100
|
+
.pkt-stepper--vertical .pkt-step__nav-wrapper {
|
|
101
|
+
flex-direction: row;
|
|
102
|
+
}
|
|
92
103
|
|
|
93
104
|
.pkt-stepper--horizontal {
|
|
94
105
|
display: flex;
|
|
95
106
|
}
|
|
96
107
|
.pkt-stepper--horizontal .pkt-step {
|
|
97
108
|
grid-template-areas: "indicator line" "title title" "content content";
|
|
98
|
-
grid-template-columns: var(--pkt-steps-indicator-width)
|
|
109
|
+
grid-template-columns: var(--pkt-steps-indicator-width) minmax(60px, max-content);
|
|
99
110
|
grid-template-rows: var(--pkt-steps-indicator-width) min-content min-content;
|
|
100
111
|
justify-items: flex-start;
|
|
101
112
|
}
|
|
@@ -128,6 +139,9 @@
|
|
|
128
139
|
.pkt-stepper--horizontal .pkt-step__line--3 {
|
|
129
140
|
min-width: 5rem;
|
|
130
141
|
}
|
|
142
|
+
.pkt-stepper--horizontal .pkt-step__nav-wrapper {
|
|
143
|
+
flex-direction: column;
|
|
144
|
+
}
|
|
131
145
|
|
|
132
146
|
.pkt-step:first-of-type .pkt-step__line--1 {
|
|
133
147
|
display: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-stepper{--pkt-steps-indicator-width: 24px;--pkt-steps-indicator-height: 24px;--pkt-steps-indicator-color: var(--pkt-color-brand-dark-blue-1000);--pkt-steps-border-width: 2.5px;--pkt-steps-line-length: 1.5rem;color:var(--pkt-color-brand-dark-blue-1000);font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;list-style:none;margin:0;padding:0}.pkt-stepper .pkt-step{display:grid}.pkt-stepper .pkt-step__wrapper{grid-column:title/content;grid-row:title/content}.pkt-stepper .pkt-step__title{font-weight:500;width:max-content;width:100%}.pkt-stepper .pkt-step__content{font-weight:300;padding-bottom:1.5rem;width:100%}.pkt-stepper .pkt-step__indicator{z-index:2;grid-area:indicator}.pkt-stepper .pkt-step__line{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-stepper .pkt-step__line--1{grid-area:indicator}.pkt-stepper .pkt-step__line--2{grid-area:indicator}.pkt-stepper .pkt-step__line--3{grid-area:line;height:fit-content}.pkt-stepper--vertical{display:grid;grid-template-columns:1fr}.pkt-stepper--vertical .pkt-step{grid-template-areas:"indicator title" "line content";grid-template-columns:var(--pkt-steps-indicator-width) auto;grid-template-rows:var(--pkt-steps-indicator-height) minmax(min-content, max-content);grid-gap:0 1rem;justify-items:flex-start}.pkt-stepper--vertical .pkt-step--current .pkt-step__title,.pkt-stepper--vertical .pkt-step--current .pkt-step__content{padding:1rem 1.5rem;background-color:var(--pkt-color-surface-subtle-pale-blue)}.pkt-stepper--vertical .pkt-step--current .pkt-step__wrapper{margin-bottom:1.5rem}.pkt-stepper--vertical .pkt-step__indicator>svg{vertical-align:baseline}.pkt-stepper--vertical .pkt-step__line{min-height:min-content;height:100%;margin:auto;width:var(--pkt-steps-border-width)}.pkt-stepper--vertical .pkt-step__line--1{height:50%;transform:translateY(-55%)}.pkt-stepper--vertical .pkt-step__line--2{height:50%;transform:translateY(55%)}.pkt-stepper--vertical .pkt-step__line--3{min-height:4rem}.pkt-stepper--horizontal{display:flex}.pkt-stepper--horizontal .pkt-step{grid-template-areas:"indicator line" "title title" "content content";grid-template-columns:var(--pkt-steps-indicator-width)
|
|
1
|
+
.pkt-stepper{--pkt-steps-indicator-width: 24px;--pkt-steps-indicator-height: 24px;--pkt-steps-indicator-color: var(--pkt-color-brand-dark-blue-1000);--pkt-steps-border-width: 2.5px;--pkt-steps-line-length: 1.5rem;color:var(--pkt-color-brand-dark-blue-1000);font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;list-style:none;margin:0;padding:0}.pkt-stepper .pkt-step{display:grid}.pkt-stepper .pkt-step__wrapper{grid-column:title/content;grid-row:title/content}.pkt-stepper .pkt-step__title{font-weight:500;width:max-content;width:100%}.pkt-stepper .pkt-step__content{font-weight:300;padding-bottom:1.5rem;width:100%}.pkt-stepper .pkt-step__indicator{z-index:2;grid-area:indicator}.pkt-stepper .pkt-step__line{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-stepper .pkt-step__line--1{grid-area:indicator}.pkt-stepper .pkt-step__line--2{grid-area:indicator}.pkt-stepper .pkt-step__line--3{grid-area:line;height:fit-content}.pkt-stepper .pkt-step__nav-wrapper{display:flex;gap:20px;margin-top:1rem}.pkt-stepper--vertical{display:grid;grid-template-columns:1fr}.pkt-stepper--vertical .pkt-step{grid-template-areas:"indicator title" "line content";grid-template-columns:var(--pkt-steps-indicator-width) auto;grid-template-rows:var(--pkt-steps-indicator-height) minmax(min-content, max-content);grid-gap:0 1rem;justify-items:flex-start}.pkt-stepper--vertical .pkt-step--current .pkt-step__title,.pkt-stepper--vertical .pkt-step--current .pkt-step__content{padding:1rem 1.5rem;background-color:var(--pkt-color-surface-subtle-pale-blue)}.pkt-stepper--vertical .pkt-step--current .pkt-step__content{padding-top:0}.pkt-stepper--vertical .pkt-step--current .pkt-step__wrapper{margin-bottom:1.5rem}.pkt-stepper--vertical .pkt-step__indicator>svg{vertical-align:baseline}.pkt-stepper--vertical .pkt-step__line{min-height:min-content;height:100%;margin:auto;width:var(--pkt-steps-border-width)}.pkt-stepper--vertical .pkt-step__line--1{height:50%;transform:translateY(-55%)}.pkt-stepper--vertical .pkt-step__line--2{height:50%;transform:translateY(55%)}.pkt-stepper--vertical .pkt-step__line--3{min-height:4rem}.pkt-stepper--vertical .pkt-step__nav-wrapper{flex-direction:row}.pkt-stepper--horizontal{display:flex}.pkt-stepper--horizontal .pkt-step{grid-template-areas:"indicator line" "title title" "content content";grid-template-columns:var(--pkt-steps-indicator-width) minmax(60px, max-content);grid-template-rows:var(--pkt-steps-indicator-width) min-content min-content;justify-items:flex-start}.pkt-stepper--horizontal .pkt-step__wrapper{min-width:fit-content}.pkt-stepper--horizontal .pkt-step__title{padding:1.5rem 1rem 1.5rem 0}.pkt-stepper--horizontal .pkt-step__content{padding:0 1rem 1rem 0}.pkt-stepper--horizontal .pkt-step__indicator>svg{vertical-align:baseline}.pkt-stepper--horizontal .pkt-step__line{min-width:min-content;width:100%;margin:auto;height:var(--pkt-steps-border-width)}.pkt-stepper--horizontal .pkt-step__line--1{width:50%;transform:translateX(-55%)}.pkt-stepper--horizontal .pkt-step__line--2{width:50%;transform:translateX(55%)}.pkt-stepper--horizontal .pkt-step__line--3{min-width:5rem}.pkt-stepper--horizontal .pkt-step__nav-wrapper{flex-direction:column}.pkt-step:first-of-type .pkt-step__line--1{display:none}.pkt-step--incomplete .pkt-step__line{background-color:var(--pkt-color-grays-gray-200)}.pkt-step--incomplete .pkt-step__title,.pkt-step--incomplete .pkt-step__content{color:var(--pkt-color-grays-gray-600)}.pkt-step--current+.pkt-step--incomplete .pkt-step__line--1{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-step--current+.pkt-step--incomplete .pkt-step__line--2{background-color:var(--pkt-color-grays-gray-200)}.pkt-step:last-of-type .pkt-step__line--3,.pkt-step:last-of-type .pkt-step__line--2{display:none}.pkt-step--hidden:not(.pkt-step--current) .pkt-step__content{display:none}
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
padding-right: 3rem;
|
|
88
88
|
}
|
|
89
89
|
.pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]) {
|
|
90
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/11.
|
|
90
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/11.19/icons/chevron-thin-down.svg);
|
|
91
91
|
background-image: var(--svg);
|
|
92
92
|
background-repeat: no-repeat;
|
|
93
93
|
background-position: right 0.7rem top 50%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-input,.pkt-textinput__input,.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon,.pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-300);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-500);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-neutrals-white)}[data-mode=dark] .pkt-input,[data-mode=dark] .pkt-textinput__input,[data-mode=dark] .pkt-input-prefix,[data-mode=dark] .pkt-input-suffix,[data-mode=dark] .pkt-input-icon,[data-mode=dark] .pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-blue-500);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-blue-500);--pkt-color-input-border-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-dark-blue-1000)}.pkt-input,.pkt-textinput__input{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;display:flex;align-items:center;appearance:none;background-color:var(--pkt-color-input-background-normal);border:2px solid var(--pkt-color-input-border-normal);border-radius:0;color:var(--pkt-color-input-text-normal);margin:0;padding:.5rem 1rem}.pkt-input-compact.pkt-input,.pkt-input-compact.pkt-textinput__input{border:0;border-bottom:1px solid var(--pkt-color-input-border-normal);padding:0 0 .1rem 0;font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem}.pkt-input-compact.pkt-input:is(select):not([multiple]),.pkt-input-compact.pkt-textinput__input:is(select):not([multiple]){background-position:right 0 top 50%;padding-right:2rem}.pkt-input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth),.pkt-textinput__input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth),.pkt-input__container:not(:is(:has(textarea[cols]))):not(:is(:has(input[size]))):not(:is(:has(.pkt-input--fullwidth))){width:min(100%,31rem)}.pkt-input--fullwidth,.pkt-input--fullwidth+.pkt-input__counter{width:100%}.pkt-input:is(textarea),.pkt-textinput__input:is(textarea){min-height:8rem}.pkt-input:is(select),.pkt-textinput__input:is(select){appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:3rem}.pkt-input:is(select):not([multiple]),.pkt-textinput__input:is(select):not([multiple]){--svg: url(https://punkt-cdn.oslo.kommune.no/11.
|
|
1
|
+
.pkt-input,.pkt-textinput__input,.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon,.pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-300);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-500);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-neutrals-white)}[data-mode=dark] .pkt-input,[data-mode=dark] .pkt-textinput__input,[data-mode=dark] .pkt-input-prefix,[data-mode=dark] .pkt-input-suffix,[data-mode=dark] .pkt-input-icon,[data-mode=dark] .pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-blue-500);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-blue-500);--pkt-color-input-border-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-dark-blue-1000)}.pkt-input,.pkt-textinput__input{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;display:flex;align-items:center;appearance:none;background-color:var(--pkt-color-input-background-normal);border:2px solid var(--pkt-color-input-border-normal);border-radius:0;color:var(--pkt-color-input-text-normal);margin:0;padding:.5rem 1rem}.pkt-input-compact.pkt-input,.pkt-input-compact.pkt-textinput__input{border:0;border-bottom:1px solid var(--pkt-color-input-border-normal);padding:0 0 .1rem 0;font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem}.pkt-input-compact.pkt-input:is(select):not([multiple]),.pkt-input-compact.pkt-textinput__input:is(select):not([multiple]){background-position:right 0 top 50%;padding-right:2rem}.pkt-input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth),.pkt-textinput__input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth),.pkt-input__container:not(:is(:has(textarea[cols]))):not(:is(:has(input[size]))):not(:is(:has(.pkt-input--fullwidth))){width:min(100%,31rem)}.pkt-input--fullwidth,.pkt-input--fullwidth+.pkt-input__counter{width:100%}.pkt-input:is(textarea),.pkt-textinput__input:is(textarea){min-height:8rem}.pkt-input:is(select),.pkt-textinput__input:is(select){appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:3rem}.pkt-input:is(select):not([multiple]),.pkt-textinput__input:is(select):not([multiple]){--svg: url(https://punkt-cdn.oslo.kommune.no/11.19/icons/chevron-thin-down.svg);background-image:var(--svg);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:1.5rem auto,100%}.pkt-input:is(select) option,.pkt-textinput__input:is(select) option{background-color:var(--pkt-color-input-background-normal);color:var(--pkt-color-input-text-normal);font-weight:normal}.pkt-input::placeholder,.pkt-textinput__input::placeholder{color:var(--pkt-color-text-placeholder);opacity:1}.pkt-input:hover,.pkt-textinput__input:hover,.pkt-input.pkt-input--hover,.pkt-input--hover.pkt-textinput__input{border-color:var(--pkt-color-input-border-hover)}.pkt-input:focus-visible,.pkt-textinput__input:focus-visible,.pkt-input.pkt-input__textinput--focus,.pkt-input__textinput--focus.pkt-textinput__input{box-shadow:0 0 0 2px var(--pkt-color-input-border-active);border-color:var(--pkt-color-input-border-active)}.pkt-input:focus,.pkt-textinput__input:focus{outline:none;box-shadow:0 0 0 2px var(--pkt-color-input-border-active);border-color:var(--pkt-color-input-border-active)}.pkt-input:disabled,.pkt-textinput__input:disabled,.pkt-input:disabled::placeholder,.pkt-textinput__input:disabled::placeholder,.pkt-input[readonly],[readonly].pkt-textinput__input{opacity:1;background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-input-border-disabled);cursor:inherit}.pkt-input:disabled:active,.pkt-textinput__input:disabled:active{border:2px solid var(--pkt-color-input-border-disabled)}.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;display:flex;align-items:center;width:auto;height:3rem;border:2px solid var(--pkt-color-input-border-normal);flex-shrink:0;color:var(--pkt-color-brand-dark-blue-1000);background-color:var(--pkt-color-input-background-normal)}.pkt-input-prefix{padding:.5rem 0rem .5rem 1rem}.pkt-input-prefix::after{content:"";width:1px;margin-left:.5rem;height:100%;background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-input-suffix{padding:.5rem 1rem .5rem 0rem}.pkt-input-suffix svg{width:1.5rem;height:1.5rem;margin-left:.5rem}.pkt-input-suffix::before{content:"";width:1px;margin-right:.5rem;height:1.5rem;background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-input-icon{padding:.5rem 1rem;align-self:stretch}.pkt-input-icon svg{width:1.5rem;height:1.5rem;margin-left:.5rem}.pkt-input--counter-error,.pkt-input--counter-error:focus{border-color:var(--pkt-color-input-border-error);background-color:var(--pkt-color-surface-default-faded-red)}.pkt-input--counter-error:focus{box-shadow:0 0 0 2px var(--pkt-color-input-border-error)}.pkt-input__container{display:flex;align-items:center;align-self:stretch}.pkt-input__container:is(:has(input[size])),.pkt-input__container:is(:has(textarea[cols])){align-self:flex-start}.pkt-input__container :first-child:not(:only-child){border-right:none}.pkt-input__container :last-child:not(:only-child){border-left:none}.pkt-input__container :not(:first-child):not(:last-child){border-left:none;border-right:none}.pkt-input__container p{margin:0}.pkt-input__container input:focus{outline:none;box-shadow:none}.pkt-input__container:hover .pkt-input,.pkt-input__container:hover .pkt-textinput__input,.pkt-input__container:hover .pkt-input-prefix,.pkt-input__container:hover .pkt-input-suffix,.pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-input-border-active)}.pkt-input__container:hover .pkt-input:disabled,.pkt-input__container:hover .pkt-textinput__input:disabled,.pkt-input__container:hover .pkt-input-prefix:disabled,.pkt-input__container:hover .pkt-input-suffix:disabled,.pkt-input__container:hover .pkt-input-icon:disabled{border-color:var(--pkt-color-input-border-disabled)}.pkt-input__container:focus-within{outline:2px solid var(--pkt-color-input-border-active)}.pkt-input__container:focus-within .pkt-input,.pkt-input__container:focus-within .pkt-textinput__input,.pkt-input__container:focus-within .pkt-input-prefix,.pkt-input__container:focus-within .pkt-input-suffix,.pkt-input__container:focus-within .pkt-input-icon{border-color:var(--pkt-color-input-border-active)}.pkt-input__counter{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;width:min(100%,31rem);text-align:right}.pkt-input__counter--error{font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem;color:var(--pkt-color-input-text-error)}
|
package/dist/css/pkt-base.css
CHANGED
|
@@ -13348,7 +13348,7 @@ a:active, a.pkt-link--active,
|
|
|
13348
13348
|
.pkt-link--external::after {
|
|
13349
13349
|
display: inline-block;
|
|
13350
13350
|
content: " ";
|
|
13351
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/11.
|
|
13351
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/11.19/icons/new-window-small.svg);
|
|
13352
13352
|
background-image: var(--svg);
|
|
13353
13353
|
background-repeat: no-repeat;
|
|
13354
13354
|
background-size: 18px 18px;
|