@oslokommune/punkt-css 16.10.0 → 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 +17 -0
- 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 +31 -2
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +35 -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 +35 -6
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/components/_tabs.scss +40 -1
- package/package.json +2 -2
|
@@ -5059,7 +5059,6 @@ pkt-tab-item {
|
|
|
5059
5059
|
}
|
|
5060
5060
|
|
|
5061
5061
|
.pkt-tabs {
|
|
5062
|
-
--pkt-tabs-bg: var(--pkt-color-background-default);
|
|
5063
5062
|
background-color: var(--pkt-tabs-bg);
|
|
5064
5063
|
position: relative;
|
|
5065
5064
|
border-bottom: 1px solid var(--pkt-color-border-gray);
|
|
@@ -5138,6 +5137,36 @@ pkt-tab-item {
|
|
|
5138
5137
|
font-size: 1rem;
|
|
5139
5138
|
line-height: 1.5rem;
|
|
5140
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
|
+
}
|
|
5141
5170
|
.pkt-tabs:after {
|
|
5142
5171
|
content: "";
|
|
5143
5172
|
display: block;
|
|
@@ -5538,7 +5567,7 @@ pkt-select {
|
|
|
5538
5567
|
padding-right: 3rem;
|
|
5539
5568
|
}
|
|
5540
5569
|
.pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]) {
|
|
5541
|
-
--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);
|
|
5542
5571
|
background-image: var(--svg);
|
|
5543
5572
|
background-repeat: no-repeat;
|
|
5544
5573
|
background-position: right 0.7rem top 50%;
|