@oslokommune/punkt-css 16.9.1 → 16.11.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 +35 -0
- package/dist/css/components/modal.css +4 -0
- package/dist/css/components/modal.min.css +1 -1
- package/dist/css/components/tabs.css +30 -1
- package/dist/css/components/tabs.min.css +1 -1
- package/dist/css/components/textinput.css +1 -1
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/elements/checkbox-radio.css +3 -3
- package/dist/css/elements/checkbox-radio.min.css +1 -1
- package/dist/css/elements/input.css +1 -1
- package/dist/css/elements/input.min.css +1 -1
- package/dist/css/elements/select.css +1 -1
- package/dist/css/elements/select.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 +35 -2
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +39 -6
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +4 -4
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +39 -6
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/components/_modal.scss +3 -0
- package/dist/scss/components/_tabs.scss +40 -1
- package/package.json +2 -2
|
@@ -4346,6 +4346,10 @@ body.pkt-modal--open {
|
|
|
4346
4346
|
width: 640px;
|
|
4347
4347
|
}
|
|
4348
4348
|
|
|
4349
|
+
.pkt-modal--fit-content {
|
|
4350
|
+
width: fit-content;
|
|
4351
|
+
}
|
|
4352
|
+
|
|
4349
4353
|
.pkt-modal__btn-wrapper {
|
|
4350
4354
|
padding-top: 1.5rem;
|
|
4351
4355
|
display: flex;
|
|
@@ -5055,7 +5059,6 @@ pkt-tab-item {
|
|
|
5055
5059
|
}
|
|
5056
5060
|
|
|
5057
5061
|
.pkt-tabs {
|
|
5058
|
-
--pkt-tabs-bg: var(--pkt-color-background-default);
|
|
5059
5062
|
background-color: var(--pkt-tabs-bg);
|
|
5060
5063
|
position: relative;
|
|
5061
5064
|
border-bottom: 1px solid var(--pkt-color-border-gray);
|
|
@@ -5134,6 +5137,36 @@ pkt-tab-item {
|
|
|
5134
5137
|
font-size: 1rem;
|
|
5135
5138
|
line-height: 1.5rem;
|
|
5136
5139
|
}
|
|
5140
|
+
.pkt-tabs--with-separator .pkt-tabs__list {
|
|
5141
|
+
padding-right: 0.25rem;
|
|
5142
|
+
align-items: center;
|
|
5143
|
+
}
|
|
5144
|
+
.pkt-tabs--with-separator .pkt-tabs__button,
|
|
5145
|
+
.pkt-tabs--with-separator .pkt-tabs__link {
|
|
5146
|
+
position: relative;
|
|
5147
|
+
overflow: visible;
|
|
5148
|
+
}
|
|
5149
|
+
.pkt-tabs--with-separator .pkt-tabs__separator {
|
|
5150
|
+
display: inline-flex;
|
|
5151
|
+
align-items: center;
|
|
5152
|
+
justify-content: center;
|
|
5153
|
+
align-self: center;
|
|
5154
|
+
pointer-events: none;
|
|
5155
|
+
user-select: none;
|
|
5156
|
+
margin: 0 0.375rem;
|
|
5157
|
+
}
|
|
5158
|
+
.pkt-tabs--with-separator .pkt-tabs__separator img {
|
|
5159
|
+
width: 1rem;
|
|
5160
|
+
height: 1rem;
|
|
5161
|
+
display: block;
|
|
5162
|
+
}
|
|
5163
|
+
.pkt-tabs--with-separator .pkt-tabs__separator-icon {
|
|
5164
|
+
font-size: 1.125rem;
|
|
5165
|
+
--fg-color: currentColor;
|
|
5166
|
+
}
|
|
5167
|
+
.pkt-tabs__status-icon {
|
|
5168
|
+
font-size: 1.125rem;
|
|
5169
|
+
}
|
|
5137
5170
|
.pkt-tabs:after {
|
|
5138
5171
|
content: "";
|
|
5139
5172
|
display: block;
|
|
@@ -5534,7 +5567,7 @@ pkt-select {
|
|
|
5534
5567
|
padding-right: 3rem;
|
|
5535
5568
|
}
|
|
5536
5569
|
.pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]) {
|
|
5537
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/16.
|
|
5570
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/16.11/icons/chevron-thin-down.svg);
|
|
5538
5571
|
background-image: var(--svg);
|
|
5539
5572
|
background-repeat: no-repeat;
|
|
5540
5573
|
background-position: right 0.7rem top 50%;
|