@oslokommune/punkt-css 8.0.10 → 9.2.1

package/CHANGELOG.md

@@ -5,6 +5,28 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [9.0.0](https://github.com/oslokommune/punkt/compare/8.0.12...9.0.0) (2023-10-04)
+
+### ⚠ BREAKING CHANGES
+* Checkbox and radiobutton #1126. BREAKING CHANGE: 
+  * CSS: Checkbox og radiobuttons har fått ny struktur og nye klassenavn
+  * React: Radiogroup er fjernet og vi bruker Inputwrapper for å lage grupper av checkbox og radiobuttons
+  
+  Les mer om ny Checkbox og radiobuttons i vår dokumentasjon
+
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [8.0.10](https://github.com/oslokommune/punkt/compare/8.0.9...8.0.10) (2023-10-02)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/inputwrapper.css

@@ -55,6 +55,18 @@
 .pkt-inputwrapper__helptext-expandable-closed {
   display: none;
 }
+.pkt-inputwrapper__fieldset {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1rem;
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+.pkt-inputwrapper__legend {
+  margin-bottom: 0.5rem;
+}
 .pkt-inputwrapper--disabled {
   color: var(--color-disabled);
   cursor: inherit;
@@ -139,4 +151,8 @@
   border-right: none;
   box-shadow: none;
   outline: none;
+}
+
+[data-mode=dark] .pkt-inputwrapper {
+  color: white;
 }

package/dist/css/components/inputwrapper.min.css

@@ -1 +1 @@
-.pkt-inputwrapper__label{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.pkt-inputwrapper__label>h2{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;display:inline;margin-bottom:0}.pkt-inputwrapper__helptext{width:min(100%,31rem);display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem}.pkt-inputwrapper__helptext>*:first-child{margin-top:0}.pkt-inputwrapper__helptext>*:last-child{margin-bottom:0}.pkt-inputwrapper__helptext-expandable{display:inline-flex;text-align:left;align-items:center}.pkt-inputwrapper__helptext-expandable-heading{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;margin:0}.pkt-inputwrapper__helptext-expandable-open{display:block;border-left:2px solid var(--color-blue-dark);padding:.5rem 1rem;margin-bottom:.25rem}.pkt-inputwrapper__helptext-expandable-closed{display:none}.pkt-inputwrapper--disabled{color:var(--color-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-tag{background-color:var(--color-disabled-light)}.pkt-inputwrapper--disabled .pkt-alert{background-color:var(--color-disabled-light);border-color:var(--color-disabled)}.pkt-inputwrapper--inline{display:inline-block;vertical-align:middle;margin-right:8px}.pkt-inputwrapper .pkt-alert{width:min(100%,31rem);margin:0 0 .5rem 0}.pkt-inputwrapper .pkt-alert--error{margin:.5rem 0 .5rem 0}.pkt-inputwrapper .pkt-tag{margin-left:8px}.pkt-inputwrapper .pkt-btn{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;padding:0;height:auto}.pkt-inputwrapper--error .pkt-input,.pkt-inputwrapper--error .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input-icon{border-color:var(--color-red)}.pkt-inputwrapper--error .pkt-input:hover,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-icon{border-color:var(--color-red)}.pkt-inputwrapper--error .pkt-input:focus-within,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-icon{border-color:var(--color-red)}.pkt-inputwrapper--disabled{color:var(--color-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-input,.pkt-inputwrapper--disabled .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input-icon{border-color:var(--color-disabled);background-color:var(--color-disabled-light)}.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-icon{border-color:var(--color-disabled)}.pkt-inputwrapper--disabled .pkt-input:hover{border-color:var(--color-disabled);box-shadow:none}.pkt-inputwrapper--disabled .pkt-input:focus{border-color:var(--color-disabled);box-shadow:none;outline:none}.pkt-inputwrapper--disabled .pkt-input__container:active .pkt-input{border-right:none;box-shadow:none;outline:none}
+.pkt-inputwrapper__label{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.pkt-inputwrapper__label>h2{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;display:inline;margin-bottom:0}.pkt-inputwrapper__helptext{width:min(100%,31rem);display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem}.pkt-inputwrapper__helptext>*:first-child{margin-top:0}.pkt-inputwrapper__helptext>*:last-child{margin-bottom:0}.pkt-inputwrapper__helptext-expandable{display:inline-flex;text-align:left;align-items:center}.pkt-inputwrapper__helptext-expandable-heading{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem;margin:0}.pkt-inputwrapper__helptext-expandable-open{display:block;border-left:2px solid var(--color-blue-dark);padding:.5rem 1rem;margin-bottom:.25rem}.pkt-inputwrapper__helptext-expandable-closed{display:none}.pkt-inputwrapper__fieldset{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;border:none;padding:0;margin:0}.pkt-inputwrapper__legend{margin-bottom:.5rem}.pkt-inputwrapper--disabled{color:var(--color-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-tag{background-color:var(--color-disabled-light)}.pkt-inputwrapper--disabled .pkt-alert{background-color:var(--color-disabled-light);border-color:var(--color-disabled)}.pkt-inputwrapper--inline{display:inline-block;vertical-align:middle;margin-right:8px}.pkt-inputwrapper .pkt-alert{width:min(100%,31rem);margin:0 0 .5rem 0}.pkt-inputwrapper .pkt-alert--error{margin:.5rem 0 .5rem 0}.pkt-inputwrapper .pkt-tag{margin-left:8px}.pkt-inputwrapper .pkt-btn{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;padding:0;height:auto}.pkt-inputwrapper--error .pkt-input,.pkt-inputwrapper--error .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input-icon{border-color:var(--color-red)}.pkt-inputwrapper--error .pkt-input:hover,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-icon{border-color:var(--color-red)}.pkt-inputwrapper--error .pkt-input:focus-within,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-icon{border-color:var(--color-red)}.pkt-inputwrapper--disabled{color:var(--color-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-input,.pkt-inputwrapper--disabled .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input-icon{border-color:var(--color-disabled);background-color:var(--color-disabled-light)}.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-icon{border-color:var(--color-disabled)}.pkt-inputwrapper--disabled .pkt-input:hover{border-color:var(--color-disabled);box-shadow:none}.pkt-inputwrapper--disabled .pkt-input:focus{border-color:var(--color-disabled);box-shadow:none;outline:none}.pkt-inputwrapper--disabled .pkt-input__container:active .pkt-input{border-right:none;box-shadow:none;outline:none}[data-mode=dark] .pkt-inputwrapper{color:#fff}

package/dist/css/pkt-base.css

@@ -12141,7 +12141,7 @@ a:active, a.pkt-link--active,
 }
 .pkt-link--external::after {
   content: " ";
-  --svg: url(https://punkt-cdn.oslo.kommune.no/8.0/icons/new-window-small.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/9.2/icons/new-window-small.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-size: 18px 18px;