@oslokommune/punkt-css 5.0.5 → 5.0.8
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 +86 -1
- package/dist/css/pkt-base.css +1 -0
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-elements.css +28 -5
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +29 -5
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/base/_typography.scss +1 -1
- package/dist/scss/elements/_checkbox-radio.scss +33 -6
- package/package.json +2 -2
|
@@ -79,13 +79,39 @@ $-module-name: 'pkt-form-check-input';
|
|
|
79
79
|
background-color: var(--choice-checked-rb-bg);
|
|
80
80
|
border: 6px solid var(--choice-checked-rb-bc);
|
|
81
81
|
}
|
|
82
|
+
|
|
82
83
|
&[type='checkbox'] {
|
|
83
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/5.0/
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
84
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/5.0/icons/check-medium.svg);
|
|
85
|
+
position: relative;
|
|
86
|
+
background-color: blue;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
&[type='checkbox']::before {
|
|
90
|
+
content: '';
|
|
91
|
+
position: absolute;
|
|
92
|
+
top: 0;
|
|
93
|
+
left: 0;
|
|
94
|
+
width: 100%;
|
|
95
|
+
height: 100%;
|
|
96
|
+
background-color: blue;
|
|
97
|
+
z-index: -1;
|
|
88
98
|
}
|
|
99
|
+
|
|
100
|
+
&[type='checkbox']:checked::before {
|
|
101
|
+
background-color: blue;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
&[type='checkbox']::after {
|
|
105
|
+
content: '';
|
|
106
|
+
position: absolute;
|
|
107
|
+
top: 50%;
|
|
108
|
+
left: 50%;
|
|
109
|
+
transform: translate(-50%, -50%);
|
|
110
|
+
width: 24px;
|
|
111
|
+
height: 24px;
|
|
112
|
+
background-image: var(--svg);
|
|
113
|
+
background-repeat: no-repeat;
|
|
114
|
+
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(271deg) brightness(105%) contrast(101%); }
|
|
89
115
|
}
|
|
90
116
|
|
|
91
117
|
// Disabled styles
|
|
@@ -94,6 +120,7 @@ $-module-name: 'pkt-form-check-input';
|
|
|
94
120
|
border-color: var(--choice-disabled-bc);
|
|
95
121
|
cursor: not-allowed;
|
|
96
122
|
}
|
|
123
|
+
|
|
97
124
|
&:disabled:checked {
|
|
98
125
|
&[type='checkbox'] {
|
|
99
126
|
background-color: var(--choice-disabled-checked-bg);
|
|
@@ -101,7 +128,7 @@ $-module-name: 'pkt-form-check-input';
|
|
|
101
128
|
}
|
|
102
129
|
}
|
|
103
130
|
|
|
104
|
-
&:disabled
|
|
131
|
+
&:disabled~.pkt-form-label {
|
|
105
132
|
color: var(--choice-disabled-txt);
|
|
106
133
|
cursor: not-allowed;
|
|
107
134
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-css",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.8",
|
|
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": "b5ddfdb66c934a2db8279ae7fdb04e0b21b7d9e1"
|
|
59
59
|
}
|