@oslokommune/punkt-css 12.40.10 → 12.41.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 (24) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/css/components/textinput.css +1 -1
  3. package/dist/css/components/textinput.min.css +1 -1
  4. package/dist/css/elements/button.css +11 -6
  5. package/dist/css/elements/button.min.css +1 -1
  6. package/dist/css/elements/checkbox-radio.css +2 -2
  7. package/dist/css/elements/checkbox-radio.min.css +1 -1
  8. package/dist/css/elements/input.css +1 -1
  9. package/dist/css/elements/input.min.css +1 -1
  10. package/dist/css/elements/select.css +1 -1
  11. package/dist/css/elements/select.min.css +1 -1
  12. package/dist/css/pkt-base.css +1 -1
  13. package/dist/css/pkt-base.min.css +1 -1
  14. package/dist/css/pkt-components.css +1 -1
  15. package/dist/css/pkt-components.min.css +1 -1
  16. package/dist/css/pkt-docs.css +15 -10
  17. package/dist/css/pkt-docs.min.css +1 -1
  18. package/dist/css/pkt-elements.css +14 -9
  19. package/dist/css/pkt-elements.min.css +1 -1
  20. package/dist/css/pkt.css +15 -10
  21. package/dist/css/pkt.min.css +1 -1
  22. package/dist/scss/abstracts/variables/_index.scss +1 -1
  23. package/dist/scss/elements/_button.scss +18 -6
  24. 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/12.40/icons' !default;
9
+ $icon-path: 'https://punkt-cdn.oslo.kommune.no/12.41/icons' !default;
10
10
 
11
11
  // Borders
12
12
  $border-width: (
package/dist/scss/elements/_button.scss CHANGED
@@ -362,7 +362,8 @@ $-skins: (
362
362
  // button sizes & variants
363
363
 
364
364
  //hjelpeklasse for full bredde på liten skjerm
365
- &--full-small {
365
+ &--full-small,
366
+ &--full-small & {
366
367
  @media screen and (max-width: 36rem) {
367
368
  display: flex;
368
369
  width: 100%;
@@ -396,7 +397,8 @@ $-skins: (
396
397
  div.pkt-btn:not([data-disabled]):focus-visible,
397
398
  &:enabled:focus-visible,
398
399
  &.pkt-btn:focus-visible,
399
- &.pkt-btn--focus {
400
+ &.pkt-btn--focus,
401
+ .pkt-btn--focus & {
400
402
  background-color: var(--pkt-color-button-background-focus);
401
403
  color: var(--pkt-color-button-text-focus);
402
404
  border-color: var(--pkt-color-button-border-focus);
@@ -408,7 +410,8 @@ $-skins: (
408
410
  div.pkt-btn:not([data-disabled]):hover,
409
411
  &:enabled:hover,
410
412
  &:hover:not(:disabled):not([disabled]):not([data-disabled]),
411
- &.pkt-btn--hover {
413
+ &.pkt-btn--hover,
414
+ .pkt-btn--hover & {
412
415
  background-color: var(--pkt-color-button-background-hover);
413
416
  border-color: var(--pkt-color-button-border-hover);
414
417
  color: var(--pkt-color-button-text-hover);
@@ -421,21 +424,30 @@ $-skins: (
421
424
  &:enabled:active,
422
425
  &:active:not(:disabled):not([disabled]):not([data-disabled]),
423
426
  &.pkt-btn--active:not(:disabled):not([disabled]):not([data-disabled]),
424
- &.pkt-btn--active:not(:disabled):not([disabled]):not([data-disabled]):hover {
427
+ &.pkt-btn--active:not(:disabled):not([disabled]):not([data-disabled]):hover,
428
+ .pkt-btn--active & {
425
429
  background-color: var(--pkt-color-button-background-active);
426
430
  border-color: var(--pkt-color-button-border-active);
427
431
  color: var(--pkt-color-button-text-active);
428
- outline: 0;
429
432
  text-decoration: none;
433
+ cursor: inherit;
434
+ }
435
+
436
+ &.pkt-btn--isLoading,
437
+ .pkt-btn--isLoading & {
438
+ pointer-events: none;
439
+ cursor: inherit;
430
440
  }
431
441
 
432
442
  &:disabled,
433
443
  &[disabled],
434
- &[data-disabled] {
444
+ &[data-disabled],
445
+ &:disabled & {
435
446
  background-color: var(--pkt-color-button-background-disabled);
436
447
  border-color: var(--pkt-color-button-border-disabled);
437
448
  color: var(--pkt-color-button-text-disabled);
438
449
  cursor: inherit;
450
+ pointer-events: none;
439
451
  }
440
452
 
441
453
  // Til slutt: dette er okay å gjøre siden vi spesifiserer en synlig focus state
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oslokommune/punkt-css",
3
- "version": "12.40.10",
3
+ "version": "12.41.0",
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": "cc642acc20fb7c667d25909bd6309fe613f66c6f"
58
+ "gitHead": "0fa02d9d211044739d7b86ec9f24f334df782a1d"
59
59
  }