@oslokommune/punkt-css 8.0.10 → 9.0.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.
Files changed (16) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/css/components/inputwrapper.css +16 -0
  3. package/dist/css/components/inputwrapper.min.css +1 -1
  4. package/dist/css/pkt-base.css +1 -1
  5. package/dist/css/pkt-base.min.css +1 -1
  6. package/dist/css/pkt-components.css +16 -0
  7. package/dist/css/pkt-components.min.css +1 -1
  8. package/dist/css/pkt-elements.css +239 -72
  9. package/dist/css/pkt-elements.min.css +1 -1
  10. package/dist/css/pkt.css +256 -72
  11. package/dist/css/pkt.min.css +1 -1
  12. package/dist/scss/base/_typography.scss +1 -1
  13. package/dist/scss/components/_inputwrapper.scss +25 -4
  14. package/dist/scss/elements/_checkbox-radio.scss +356 -122
  15. package/dist/scss/elements/_input.scss +4 -1
  16. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -5,6 +5,28 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
5
5
 
6
6
  ---
7
7
 
8
+ ## [9.0.0](https://github.com/oslokommune/punkt/compare/8.0.12...9.0.0) (2023-10-04)
9
+
10
+ ### ⚠ BREAKING CHANGES
11
+ * Checkbox and radiobutton #1126. BREAKING CHANGE:
12
+ * CSS: Checkbox og radiobuttons har fått ny struktur og nye klassenavn
13
+ * React: Radiogroup er fjernet og vi bruker Inputwrapper for å lage grupper av checkbox og radiobuttons
14
+
15
+ Les mer om ny Checkbox og radiobuttons i vår dokumentasjon
16
+
17
+
18
+ ### Features
19
+ Ingen
20
+
21
+ ### Bug Fixes
22
+ Ingen
23
+
24
+ ### Chores
25
+ Ingen
26
+
27
+ ---
28
+
29
+
8
30
  ## [8.0.10](https://github.com/oslokommune/punkt/compare/8.0.9...8.0.10) (2023-10-02)
9
31
 
10
32
  ### ⚠ BREAKING CHANGES
package/dist/css/components/inputwrapper.css CHANGED
@@ -55,6 +55,18 @@
55
55
  .pkt-inputwrapper__helptext-expandable-closed {
56
56
  display: none;
57
57
  }
58
+ .pkt-inputwrapper__fieldset {
59
+ display: flex;
60
+ flex-direction: column;
61
+ align-items: flex-start;
62
+ gap: 1rem;
63
+ border: none;
64
+ padding: 0;
65
+ margin: 0;
66
+ }
67
+ .pkt-inputwrapper__legend {
68
+ margin-bottom: 0.5rem;
69
+ }
58
70
  .pkt-inputwrapper--disabled {
59
71
  color: var(--color-disabled);
60
72
  cursor: inherit;
@@ -139,4 +151,8 @@
139
151
  border-right: none;
140
152
  box-shadow: none;
141
153
  outline: none;
154
+ }
155
+
156
+ [data-mode=dark] .pkt-inputwrapper {
157
+ color: white;
142
158
  }
package/dist/css/components/inputwrapper.min.css CHANGED
@@ -1 +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}
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__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 CHANGED
@@ -12141,7 +12141,7 @@ a:active, a.pkt-link--active,
12141
12141
  }
12142
12142
  .pkt-link--external::after {
12143
12143
  content: " ";
12144
- --svg: url(https://punkt-cdn.oslo.kommune.no/8.0/icons/new-window-small.svg);
12144
+ --svg: url(https://punkt-cdn.oslo.kommune.no/9.0/icons/new-window-small.svg);
12145
12145
  background-image: var(--svg);
12146
12146
  background-repeat: no-repeat;
12147
12147
  background-size: 18px 18px;