@oslokommune/punkt-css 16.7.2 → 16.7.6
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 +36 -0
- package/dist/css/components/datepicker.css +1 -0
- package/dist/css/components/datepicker.min.css +1 -1
- package/dist/css/components/textinput.css +14 -14
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/elements/input.css +13 -13
- package/dist/css/elements/input.min.css +1 -1
- package/dist/css/elements/select.css +17 -17
- package/dist/css/elements/select.min.css +1 -1
- package/dist/css/pkt-components.css +15 -14
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +19 -18
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +17 -17
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +19 -18
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_datepicker.scss +1 -0
- package/dist/scss/elements/_input.scss +26 -27
- package/package.json +2 -2
package/dist/css/pkt-docs.css
CHANGED
|
@@ -18924,39 +18924,39 @@ pkt-select {
|
|
|
18924
18924
|
.pkt-input__counter--error {
|
|
18925
18925
|
color: var(--pkt-color-input-text-error);
|
|
18926
18926
|
}
|
|
18927
|
-
.pkt-input__range-inputs {
|
|
18928
|
-
container: range/inline-size;
|
|
18929
|
-
}
|
|
18930
18927
|
|
|
18931
|
-
@
|
|
18932
|
-
.pkt-
|
|
18928
|
+
@media screen and (max-width: 30rem) {
|
|
18929
|
+
.pkt-input__range-inputs {
|
|
18930
|
+
max-width: 100%;
|
|
18931
|
+
}
|
|
18932
|
+
.pkt-input__range-inputs .pkt-input__container {
|
|
18933
18933
|
border: 2px solid var(--pkt-color-input-border-normal);
|
|
18934
18934
|
display: grid;
|
|
18935
18935
|
grid-template-rows: auto auto;
|
|
18936
18936
|
grid-template-columns: auto 3rem;
|
|
18937
18937
|
gap: 0;
|
|
18938
18938
|
}
|
|
18939
|
-
.pkt-input__container .pkt-input-prefix,
|
|
18940
|
-
.pkt-input__container .pkt-input-suffix,
|
|
18941
|
-
.pkt-input__container .pkt-input-icon,
|
|
18942
|
-
.pkt-input__container .pkt-input,
|
|
18943
|
-
.pkt-input__container .pkt-textinput__input,
|
|
18944
|
-
.pkt-input__container .pkt-select select,
|
|
18945
|
-
.pkt-select .pkt-input__container select,
|
|
18946
|
-
.pkt-input__container .pkt-select:is(select) {
|
|
18939
|
+
.pkt-input__range-inputs .pkt-input__container .pkt-input-prefix,
|
|
18940
|
+
.pkt-input__range-inputs .pkt-input__container .pkt-input-suffix,
|
|
18941
|
+
.pkt-input__range-inputs .pkt-input__container .pkt-input-icon,
|
|
18942
|
+
.pkt-input__range-inputs .pkt-input__container .pkt-input,
|
|
18943
|
+
.pkt-input__range-inputs .pkt-input__container .pkt-textinput__input,
|
|
18944
|
+
.pkt-input__range-inputs .pkt-input__container .pkt-select select,
|
|
18945
|
+
.pkt-select .pkt-input__range-inputs .pkt-input__container select,
|
|
18946
|
+
.pkt-input__range-inputs .pkt-input__container .pkt-select:is(select) {
|
|
18947
18947
|
border: 0;
|
|
18948
18948
|
}
|
|
18949
|
-
.pkt-input__container .pkt-input-separator {
|
|
18949
|
+
.pkt-input__range-inputs .pkt-input__container .pkt-input-separator {
|
|
18950
18950
|
margin: 0 auto;
|
|
18951
18951
|
}
|
|
18952
|
-
.pkt-input__container .pkt-input.pkt-datepicker__input.pkt-datepicker--range, .pkt-input__container .pkt-datepicker__input.pkt-datepicker--range.pkt-textinput__input, .pkt-input__container .pkt-select select.pkt-datepicker__input.pkt-datepicker--range, .pkt-select .pkt-input__container select.pkt-datepicker__input.pkt-datepicker--range,
|
|
18953
|
-
.pkt-input__container .pkt-datepicker__input.pkt-datepicker--range.pkt-select:is(select) {
|
|
18952
|
+
.pkt-input__range-inputs .pkt-input__container .pkt-input.pkt-datepicker__input.pkt-datepicker--range, .pkt-input__range-inputs .pkt-input__container .pkt-datepicker__input.pkt-datepicker--range.pkt-textinput__input, .pkt-input__range-inputs .pkt-input__container .pkt-select select.pkt-datepicker__input.pkt-datepicker--range, .pkt-select .pkt-input__range-inputs .pkt-input__container select.pkt-datepicker__input.pkt-datepicker--range,
|
|
18953
|
+
.pkt-input__range-inputs .pkt-input__container .pkt-datepicker__input.pkt-datepicker--range.pkt-select:is(select) {
|
|
18954
18954
|
padding-left: 1rem;
|
|
18955
18955
|
}
|
|
18956
|
-
.pkt-input__container:has(> :first-child.pkt-input-prefix) > :nth-child(2) {
|
|
18956
|
+
.pkt-input__range-inputs .pkt-input__container:has(> :first-child.pkt-input-prefix) > :nth-child(2) {
|
|
18957
18957
|
grid-column-start: span 2;
|
|
18958
18958
|
}
|
|
18959
|
-
.pkt-input__container:has(> :first-child.pkt-input-prefix) {
|
|
18959
|
+
.pkt-input__range-inputs .pkt-input__container:has(> :first-child.pkt-input-prefix) {
|
|
18960
18960
|
grid-template-columns: min-content auto 3rem;
|
|
18961
18961
|
}
|
|
18962
18962
|
}
|
|
@@ -20662,6 +20662,7 @@ pkt-datepicker-multiple {
|
|
|
20662
20662
|
.pkt-datepicker__inputs .pkt-datepicker__input {
|
|
20663
20663
|
padding-right: 0;
|
|
20664
20664
|
background-image: none;
|
|
20665
|
+
width: 8.3rem;
|
|
20665
20666
|
}
|
|
20666
20667
|
.pkt-datepicker__inputs .pkt-input-separator ~ .pkt-datepicker--range {
|
|
20667
20668
|
padding-left: 0.25rem;
|