@oslokommune/punkt-css 13.5.0 → 13.5.12
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/combobox.css +17 -7
- package/dist/css/components/combobox.min.css +1 -1
- package/dist/css/elements/table.css +14 -3
- package/dist/css/elements/table.min.css +1 -1
- package/dist/css/pkt-components.css +17 -7
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +31 -10
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +14 -3
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +31 -10
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_combobox.scss +19 -7
- package/dist/scss/elements/_table.scss +17 -3
- package/package.json +2 -2
|
@@ -29,7 +29,7 @@ pkt-combobox {
|
|
|
29
29
|
|
|
30
30
|
&__arrow.pkt-btn {
|
|
31
31
|
position: absolute;
|
|
32
|
-
right: 0;
|
|
32
|
+
right: 0.25rem;
|
|
33
33
|
height: 100%;
|
|
34
34
|
min-width: 1.125rem;
|
|
35
35
|
min-height: 1.125rem;
|
|
@@ -40,8 +40,8 @@ pkt-combobox {
|
|
|
40
40
|
// legg til liten bevgelse på pilen på hover
|
|
41
41
|
svg {
|
|
42
42
|
transition: transform 0.1s ease-in-out;
|
|
43
|
-
width: 1.
|
|
44
|
-
height: 1.
|
|
43
|
+
width: 1.5rem;
|
|
44
|
+
height: 1.5rem;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
&-icon {
|
|
@@ -62,19 +62,30 @@ pkt-combobox {
|
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
+
&__value {
|
|
66
|
+
padding-left: 0.5rem;
|
|
67
|
+
}
|
|
68
|
+
|
|
65
69
|
&__input {
|
|
66
70
|
display: flex;
|
|
67
71
|
align-items: center;
|
|
68
72
|
position: relative;
|
|
69
73
|
margin: 0;
|
|
70
|
-
padding: 0.
|
|
74
|
+
padding: 0.5rem 2rem 0.5rem 0.5rem;
|
|
71
75
|
border: 2px solid var(--pkt-color-border-default);
|
|
72
|
-
min-height:
|
|
76
|
+
min-height: 3rem;
|
|
73
77
|
gap: 0.375rem;
|
|
74
78
|
flex-wrap: wrap;
|
|
75
79
|
@include typography.get-text('pkt-txt-18-light');
|
|
76
80
|
line-height: 1.25;
|
|
77
81
|
|
|
82
|
+
&-div {
|
|
83
|
+
display: contents;
|
|
84
|
+
&:first-child input {
|
|
85
|
+
padding-left: 0.5rem;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
78
89
|
&--fullwidth {
|
|
79
90
|
width: 100%;
|
|
80
91
|
}
|
|
@@ -116,13 +127,13 @@ pkt-combobox {
|
|
|
116
127
|
color: inherit;
|
|
117
128
|
background: transparent;
|
|
118
129
|
letter-spacing: inherit;
|
|
119
|
-
line-height:
|
|
130
|
+
line-height: 1.4rem;
|
|
120
131
|
padding: 0;
|
|
121
132
|
margin: 0;
|
|
122
133
|
width: 0;
|
|
123
134
|
&:focus,
|
|
124
135
|
&:active {
|
|
125
|
-
width:
|
|
136
|
+
width: 100%;
|
|
126
137
|
outline: none;
|
|
127
138
|
}
|
|
128
139
|
}
|
|
@@ -142,6 +153,7 @@ pkt-combobox {
|
|
|
142
153
|
&__placeholder {
|
|
143
154
|
color: var(--pkt-color-text-placeholder);
|
|
144
155
|
opacity: 1;
|
|
156
|
+
padding-left: 0.5rem;
|
|
145
157
|
}
|
|
146
158
|
}
|
|
147
159
|
|
|
@@ -26,6 +26,10 @@ $-spacing-size-16: map.get(variables.$spacing, 'size-16');
|
|
|
26
26
|
font-weight: map.get(variables.$font-weight, 'medium');
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
&__header {
|
|
30
|
+
border-bottom: 2px solid var(--pkt-color-border-gray);
|
|
31
|
+
}
|
|
32
|
+
|
|
29
33
|
&__body,
|
|
30
34
|
tbody {
|
|
31
35
|
text-align: left;
|
|
@@ -42,13 +46,13 @@ $-spacing-size-16: map.get(variables.$spacing, 'size-16');
|
|
|
42
46
|
|
|
43
47
|
&__header-cell,
|
|
44
48
|
th {
|
|
45
|
-
padding: $-spacing-size-16;
|
|
49
|
+
padding: $-spacing-size-12 $-spacing-size-16;
|
|
46
50
|
border-bottom: none;
|
|
47
51
|
}
|
|
48
52
|
|
|
49
53
|
&__data-cell,
|
|
50
54
|
td {
|
|
51
|
-
padding: $-spacing-size-16;
|
|
55
|
+
padding: $-spacing-size-12 $-spacing-size-16;
|
|
52
56
|
border-bottom: none;
|
|
53
57
|
}
|
|
54
58
|
}
|
|
@@ -70,6 +74,11 @@ $-spacing-size-16: map.get(variables.$spacing, 'size-16');
|
|
|
70
74
|
th {
|
|
71
75
|
padding: $-spacing-size-8 $-spacing-size-16;
|
|
72
76
|
}
|
|
77
|
+
|
|
78
|
+
.pkt-table__data-cell,
|
|
79
|
+
td {
|
|
80
|
+
padding: $-spacing-size-8 $-spacing-size-16;
|
|
81
|
+
}
|
|
73
82
|
}
|
|
74
83
|
|
|
75
84
|
/**
|
|
@@ -78,7 +87,7 @@ $-spacing-size-16: map.get(variables.$spacing, 'size-16');
|
|
|
78
87
|
.pkt-table.pkt-table--basic {
|
|
79
88
|
.pkt-table__row,
|
|
80
89
|
tr {
|
|
81
|
-
border-bottom:
|
|
90
|
+
border-bottom: 1px solid var(--pkt-color-border-gray);
|
|
82
91
|
}
|
|
83
92
|
}
|
|
84
93
|
|
|
@@ -102,6 +111,11 @@ $-spacing-size-16: map.get(variables.$spacing, 'size-16');
|
|
|
102
111
|
@media screen and (max-width: map.get(variables.$breakpoints, 'tablet')) {
|
|
103
112
|
.pkt-table.pkt-table--responsive {
|
|
104
113
|
.pkt-table {
|
|
114
|
+
&__header {
|
|
115
|
+
border-bottom: none;
|
|
116
|
+
height: 0;
|
|
117
|
+
}
|
|
118
|
+
|
|
105
119
|
&__row,
|
|
106
120
|
tr {
|
|
107
121
|
display: grid;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-css",
|
|
3
|
-
"version": "13.5.
|
|
3
|
+
"version": "13.5.12",
|
|
4
4
|
"description": "CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo",
|
|
5
5
|
"homepage": "https://punkt.oslo.kommune.no",
|
|
6
6
|
"author": "Team Designsystem, Oslo Origo",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"url": "https://github.com/oslokommune/punkt/issues"
|
|
56
56
|
},
|
|
57
57
|
"license": "MIT",
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "0216f07fa821851a3768a219b1906aba297fbf94"
|
|
59
59
|
}
|