@oslokommune/punkt-css 13.13.1 → 13.15.6

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 (27) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/dist/css/components/messagebox.css +6 -0
  3. package/dist/css/components/messagebox.min.css +1 -1
  4. package/dist/css/components/textinput.css +1 -1
  5. package/dist/css/components/textinput.min.css +1 -1
  6. package/dist/css/elements/button.css +15 -1
  7. package/dist/css/elements/button.min.css +1 -1
  8. package/dist/css/elements/checkbox-radio.css +2 -2
  9. package/dist/css/elements/checkbox-radio.min.css +1 -1
  10. package/dist/css/elements/input.css +1 -1
  11. package/dist/css/elements/input.min.css +1 -1
  12. package/dist/css/elements/select.css +1 -1
  13. package/dist/css/elements/select.min.css +1 -1
  14. package/dist/css/pkt-base.css +1 -1
  15. package/dist/css/pkt-base.min.css +1 -1
  16. package/dist/css/pkt-components.css +7 -1
  17. package/dist/css/pkt-components.min.css +1 -1
  18. package/dist/css/pkt-docs.css +25 -5
  19. package/dist/css/pkt-docs.min.css +1 -1
  20. package/dist/css/pkt-elements.css +18 -4
  21. package/dist/css/pkt-elements.min.css +1 -1
  22. package/dist/css/pkt.css +25 -5
  23. package/dist/css/pkt.min.css +1 -1
  24. package/dist/scss/abstracts/variables/_index.scss +1 -1
  25. package/dist/scss/components/_messagebox.scss +5 -0
  26. package/dist/scss/elements/_button.scss +19 -1
  27. package/package.json +2 -2
package/dist/scss/abstracts/variables/_index.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  @forward 'spacing';
7
7
 
8
8
  // Default icon path
9
- $icon-path: 'https://punkt-cdn.oslo.kommune.no/13.13/icons' !default;
9
+ $icon-path: 'https://punkt-cdn.oslo.kommune.no/13.15/icons' !default;
10
10
 
11
11
  // Borders
12
12
  $border-width: (
package/dist/scss/components/_messagebox.scss CHANGED
@@ -49,6 +49,11 @@ $-border-thickness: map.get(variables.$spacing, 'size-4');
49
49
  overflow-wrap: break-word;
50
50
  overflow: hidden;
51
51
 
52
+ &:not(:has(.#{$-module-name}__title)):has(.#{$-module-name}__close) {
53
+ grid-template: 'text close';
54
+ grid-template-columns: minmax(0, 1fr) 40px;
55
+ }
56
+
52
57
  border-left: $-border-thickness solid var(--pkt-color-messagebox-bc);
53
58
  background-color: var(--pkt-color-messagebox-bg);
54
59
  color: var(--pkt-color-messagebox-txt);
package/dist/scss/elements/_button.scss CHANGED
@@ -360,6 +360,7 @@ pkt-button[isLoading] {
360
360
  text-underline-offset: 0.3em;
361
361
  text-align: left;
362
362
  align-items: center;
363
+ justify-content: center;
363
364
  column-gap: 0.5rem;
364
365
  -webkit-appearance: none;
365
366
  appearance: none;
@@ -367,15 +368,32 @@ pkt-button[isLoading] {
367
368
 
368
369
  // button sizes & variants
369
370
 
371
+ //hjelpeklasse for full bredde
372
+ &--full,
373
+ &--full & {
374
+ display: flex;
375
+ width: 100%;
376
+ }
377
+ &--full:not(&):not(pkt-button) {
378
+ flex-direction: column;
379
+ gap: 0.5rem;
380
+ }
381
+
370
382
  //hjelpeklasse for full bredde på liten skjerm
371
383
  &--full-small,
372
384
  &--full-small & {
373
385
  @media screen and (max-width: 36rem) {
374
386
  display: flex;
375
387
  width: 100%;
376
- justify-content: center;
377
388
  }
378
389
  }
390
+ &--full-small:not(&):not(pkt-button) {
391
+ @media screen and (max-width: 36rem) {
392
+ flex-direction: column;
393
+ gap: 0.5rem;
394
+ }
395
+ }
396
+
379
397
  @each $key, $value in $-sizes {
380
398
  @include -size($key, $value);
381
399
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oslokommune/punkt-css",
3
- "version": "13.13.1",
3
+ "version": "13.15.6",
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": "609519ab399ad3e68840069b8cdd69bb2feb8614"
58
+ "gitHead": "23a8027ca807e77008e03ec3d553c87f52db6f81"
59
59
  }