@oslokommune/punkt-css 0.18.4 → 0.18.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 (15) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/CONTRIBUTING.md +1 -1
  3. package/dist/css/components/alert.css +5 -17
  4. package/dist/css/components/alert.min.css +1 -1
  5. package/dist/css/pkt-base.css +7 -7
  6. package/dist/css/pkt-base.min.css +1 -1
  7. package/dist/css/pkt-components.css +5 -17
  8. package/dist/css/pkt-components.min.css +1 -1
  9. package/dist/css/pkt.css +12 -24
  10. package/dist/css/pkt.min.css +1 -1
  11. package/dist/scss/abstracts/variables/_colors.scss +2 -2
  12. package/dist/scss/base/_containers.scss +1 -1
  13. package/dist/scss/components/_alert.scss +3 -16
  14. package/index.js +1 -1
  15. package/package.json +3 -3
package/dist/css/pkt-components.css CHANGED
@@ -39,21 +39,9 @@
39
39
  display: flex;
40
40
  float: right;
41
41
  margin-left: 1.5rem;
42
- height: 24px;
43
- width: 24px;
44
- }
45
- .pkt-alert__close svg:hover {
46
- cursor: pointer;
47
- background-color: #1f42aa;
48
- --fg-color: var(--color-blue-dark-5);
49
- }
50
- .pkt-alert__close svg:focus {
51
- background-color: #1f42aa;
52
- --fg-color: var(--color-blue-dark-5);
53
- }
54
- .pkt-alert__close svg:active {
55
- background-color: #1f42aa;
56
- --fg-color: var(--color-blue-dark-5);
42
+ height: 40px;
43
+ width: 40px;
44
+ margin-top: -4px;
57
45
  }
58
46
  .pkt-alert__icon {
59
47
  margin-right: 1rem;
@@ -74,9 +62,9 @@
74
62
  --fg-color: var(--color-green-dark);
75
63
  }
76
64
  .pkt-alert--error {
77
- border-left: 3px solid #db2424;
65
+ border-left: 3px solid #96281c;
78
66
  background-color: #fff3f2;
79
- color: #db2424;
67
+ color: #96281c;
80
68
  }
81
69
  .pkt-alert--error.pkt-alert .pkt-alert__icon {
82
70
  --bg-color: var(--color-error);
package/dist/css/pkt-components.min.css CHANGED
@@ -1 +1 @@
1
- .pkt-alert{padding:1.5rem;display:block;overflow:hidden;position:relative}.pkt-alert__text{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;margin-bottom:0;padding:0}.pkt-alert__title{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;display:flex;align-items:center;margin-bottom:1.5rem}.pkt-alert__content{display:flex;align-items:flex-start}.pkt-alert__date{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;margin-top:1.5rem}.pkt-alert__close{display:flex;float:right;margin-left:1.5rem;height:24px;width:24px}.pkt-alert__close svg:hover{cursor:pointer;background-color:#1f42aa;--fg-color: var(--color-blue-dark-5)}.pkt-alert__close svg:focus{background-color:#1f42aa;--fg-color: var(--color-blue-dark-5)}.pkt-alert__close svg:active{background-color:#1f42aa;--fg-color: var(--color-blue-dark-5)}.pkt-alert__icon{margin-right:1rem;height:1.875rem;width:1.875rem;flex-shrink:0}.pkt-alert--success{border-left:3px solid #034b45;background-color:#f2fff3;color:#034b45}.pkt-alert--success.pkt-alert .pkt-alert__icon{--bg-color: var(--color-green-dark);--fg-color: var(--color-green-dark-5)}.pkt-alert--success.pkt-alert .pkt-alert__close{--fg-color: var(--color-green-dark)}.pkt-alert--error{border-left:3px solid #db2424;background-color:#fff3f2;color:#db2424}.pkt-alert--error.pkt-alert .pkt-alert__icon{--bg-color: var(--color-error);--fg-color: var(--color-red-5)}.pkt-alert--error.pkt-alert .pkt-alert__close{--fg-color: var(--color-error)}.pkt-alert--warning{border-left:3px solid #f9c66b;background-color:#fef9f0;color:#774c01}.pkt-alert--warning.pkt-alert .pkt-alert__icon{--bg-color: var(--color-yellow);--fg-color: var(--color-blue-dark)}.pkt-alert--warning.pkt-alert .pkt-alert__close{--fg-color: var(--color-warning)}.pkt-alert--info{border-left:3px solid #2a2859;background-color:#f2f9ff;color:#2a2859}.pkt-alert--info.pkt-alert .pkt-alert__icon{--bg-color: var(--color-blue);--fg-color: var(--color-blue-dark)}.pkt-alert--info.pkt-alert .pkt-alert__close{--fg-color: var(--color-blue-dark)}.pkt-badge{display:inline-flex;height:1.5em;margin-left:.4em;padding:.25em .4em;color:#000;font-weight:500;font-size:.75em;line-height:1em;background:#b3f5ff;border-radius:1px}.pkt-btn>.pkt-badge.pkt-badge--strong,.pkt-badge--strong{color:#b3f5ff;background:#2a2859}.pkt-btn>.pkt-badge.pkt-badge--info,.pkt-badge--info{background:#f9c66b}.pkt-badge.pkt-badge--small,.pkt-h1>.pkt-badge,.pkt-h2>.pkt-badge,.pkt-h3>.pkt-badge{font-size:.5em;transform:translateY(-0.25em)}.pkt-btn:not(.pkt-btn--ter)>.pkt-badge{color:inherit;background:rgba(0,0,0,0);border:1px solid #2a2859;border-radius:4px}.pkt-btn--pri:not(.pkt-btn--neg)>.pkt-badge,.pkt-btn--neg.pkt-btn--ter>.pkt-badge,.pkt-btn--neg.pkt-btn--ghost>.pkt-badge{border-color:#fff}.pkt-btn--small>.pkt-badge{padding-top:.28em;transform:translateY(-0.1em)}.pkt-back-link{position:relative;font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:.75rem 1rem}@media screen and (min-width: 80rem){.pkt-back-link{padding:.75rem 4rem}}.pkt-back-link__link{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;text-decoration:none;color:var(--color-blue-dark)}.pkt-back-link__link:visited,.pkt-back-link__link:focus,.pkt-back-link__link:hover,.pkt-back-link__link:active{color:var(--color-blue-dark)}.pkt-back-link__link:hover{text-decoration:underline}.pkt-back-link__icon{flex-basis:1rem;flex-shrink:0;padding-bottom:4px}.pkt-back-link__text{flex-grow:1}.pkt-breadcrumbs{position:relative;font-size:.875rem;padding:0 1rem}@media screen and (min-width: 48rem){.pkt-breadcrumbs{margin-bottom:1rem}}@media screen and (min-width: 80rem){.pkt-breadcrumbs{padding:0 4rem}}.pkt-breadcrumbs__list{display:flex;flex-direction:column;height:auto;overflow:hidden;list-style-type:none;border-bottom:1px solid rgba(0,0,0,0);transition:all .4s ease-in-out}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__list{flex-direction:row;padding:0 1rem;border-bottom-color:rgba(0,0,0,0) !important}}.pkt-breadcrumbs__list.expanded{align-items:flex-start;max-height:25rem;border-bottom-color:var(--color-gray);transition:all .4s ease-in-out}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item{display:block}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item:last-child{display:block}.pkt-breadcrumbs__item{position:relative;display:none;width:100%}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__item{display:block;width:auto}}.pkt-breadcrumbs__item:last-child{display:block}@media screen and (min-width: 48rem){.pkt-breadcrumbs__item:last-child{max-width:300px}}.pkt-breadcrumbs__item:last-child .pkt-breadcrumbs__text{max-width:200px}.pkt-breadcrumbs__link{text-decoration:none;color:var(--color-blue-dark)}.pkt-breadcrumbs__link:visited,.pkt-breadcrumbs__link:focus,.pkt-breadcrumbs__link:hover,.pkt-breadcrumbs__link:active{color:var(--color-blue-dark)}.pkt-breadcrumbs__link:hover{text-decoration:underline}.pkt-breadcrumbs__label{display:flex;align-items:center;justify-content:flex-start;width:100%;white-space:nowrap;padding:.75rem 1rem 1rem 0}.pkt-breadcrumbs__text{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-weight:300}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__text{max-width:120px}}@media screen and (min-width: 48rem){.pkt-breadcrumbs__text{max-width:200px}}@media screen and (min-width: 64rem){.pkt-breadcrumbs__text{max-width:300px}}.pkt-breadcrumbs__icon{width:1rem;height:1rem;margin-right:.75rem}.pkt-breadcrumbs__icon-svg{vertical-align:top}.pkt-footer{background-color:var(--color-blue-dark);padding:2.5rem 0;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em}@media screen and (min-width: 35.938rem){.pkt-footer__list-item{display:inline-flex}}.pkt-footer__link{color:currentColor;display:flex;padding:.75rem 0;text-decoration:none;align-items:flex-start}@media screen and (min-width: 35.938rem){.pkt-footer__link{padding:.75rem 2rem .75rem 0;align-items:center}}.pkt-footer__link:visited .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.75rem;flex-shrink:0;margin-top:3px}@media screen and (min-width: 35.938rem){.pkt-footer__link-icon{margin-top:0}}.pkt-header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray);display:grid;gap:0 0;grid-template-areas:"header-logo header-actions";grid-template-columns:minmax(108.3870967742px, 116.1290322581px) 1fr;padding:1rem 1rem;align-items:center}@media screen and (min-width: 80rem){.pkt-header{padding:1.5rem 2.5rem}}.pkt-header__logo{grid-area:header-logo}.pkt-header__logo-link{display:block}.pkt-header__logo-svg{height:56px;width:108.3870967742px}@media screen and (min-width: 35.938rem){.pkt-header__logo-svg{height:60px;width:116.1290322581px}}.pkt-header__actions{grid-area:header-actions;display:flex;justify-content:flex-end;align-items:center}.pkt-header__action{align-items:center;display:inline-flex;flex-direction:row;margin:0 0 0 1rem}@media screen and (min-width: 35.938rem){.pkt-header__action{height:60px;margin:0 0 0 2rem}}.pkt-header__action-text{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;display:inline-flex;align-items:center;max-width:3.125rem;white-space:nowrap}@media screen and (min-width: 35.938rem){.pkt-header__action-text{max-width:none}}.pkt-header__action-textrow{display:inline-flex;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;max-width:3.125rem}@media screen and (min-width: 35.938rem){.pkt-header__action-textrow{max-width:none}}.pkt-header__action-textrow.text-row-inline{display:inline}.pkt-header__action-change{margin-left:.75rem}.pkt-header__action-icon{--fg-color: var(--color-blue-dark);height:1.5rem;line-height:1rem;width:1.5rem;margin-left:.25rem}@media screen and (min-width: 48rem){.pkt-header__action-icon{height:1.5rem;margin-left:.5rem;width:1.5rem}}.pkt-header .pkt-btn{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;margin:0 0 0 .25rem;padding:.75rem .75rem}@media screen and (min-width: 48rem){.pkt-header .pkt-btn{margin:0 0 0 2rem;padding:.75rem 1rem}}.pkt-header .pkt-btn:hover .pkt-header__action-icon{--fg-color: var(--color-hover)}.pkt-header .pkt-btn__text--representing{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em}.pkt-icon{display:inline-flex;height:2rem;width:2rem}.pkt-icon.small{height:1rem;width:1rem}.pkt-icon.medium{height:1.5rem;width:1.5rem}.pkt-icon.large{height:4rem;width:4rem}.pkt-font-icon{display:inline-block;font-family:'Oslo Icons', sans-serif}.pkt-font-icon--chevron-left::before{content:""}.pkt-font-icon--chevron-right::before{content:""}.pkt-font-icon--chevron-up::before{content:""}.pkt-font-icon--chevron-down::before{content:""}.pkt-font-icon--user::before{content:""}.pkt-font-icon--menu::before{content:""}.pkt-font-icon--close::before{content:""}.pkt-font-icon--search::before{content:""}.pkt-font-icon--trash::before{content:""}.pkt-font-icon--edit::before{content:""}.pkt-font-icon--filter::before{content:""}.pkt-font-icon--envelope::before{content:""}.pkt-teaserlist{display:grid;grid-template-columns:auto;grid-template-rows:auto auto;justify-items:center;position:relative;row-gap:30px}@media screen and (min-width: 48rem){.pkt-teaserlist{column-gap:30px;grid-template-columns:200px auto;grid-template-rows:auto;justify-items:normal}}@media screen and (min-width: 64rem){.pkt-teaserlist{grid-template-columns:300px auto}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip{grid-template-columns:auto 200px}}@media screen and (min-width: 64rem){.pkt-teaserlist.flip{grid-template-columns:auto 300px}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip>.pkt-teaserlist__img{grid-column:2}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip>.pkt-teaserlist__txt{grid-column:1;grid-row:1}}.pkt-teaserlist__img{width:150px}@media screen and (min-width: 48rem){.pkt-teaserlist__img{width:100%}}
1
+ .pkt-alert{padding:1.5rem;display:block;overflow:hidden;position:relative}.pkt-alert__text{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;margin-bottom:0;padding:0}.pkt-alert__title{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;display:flex;align-items:center;margin-bottom:1.5rem}.pkt-alert__content{display:flex;align-items:flex-start}.pkt-alert__date{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;margin-top:1.5rem}.pkt-alert__close{display:flex;float:right;margin-left:1.5rem;height:40px;width:40px;margin-top:-4px}.pkt-alert__icon{margin-right:1rem;height:1.875rem;width:1.875rem;flex-shrink:0}.pkt-alert--success{border-left:3px solid #034b45;background-color:#f2fff3;color:#034b45}.pkt-alert--success.pkt-alert .pkt-alert__icon{--bg-color: var(--color-green-dark);--fg-color: var(--color-green-dark-5)}.pkt-alert--success.pkt-alert .pkt-alert__close{--fg-color: var(--color-green-dark)}.pkt-alert--error{border-left:3px solid #96281c;background-color:#fff3f2;color:#96281c}.pkt-alert--error.pkt-alert .pkt-alert__icon{--bg-color: var(--color-error);--fg-color: var(--color-red-5)}.pkt-alert--error.pkt-alert .pkt-alert__close{--fg-color: var(--color-error)}.pkt-alert--warning{border-left:3px solid #f9c66b;background-color:#fef9f0;color:#774c01}.pkt-alert--warning.pkt-alert .pkt-alert__icon{--bg-color: var(--color-yellow);--fg-color: var(--color-blue-dark)}.pkt-alert--warning.pkt-alert .pkt-alert__close{--fg-color: var(--color-warning)}.pkt-alert--info{border-left:3px solid #2a2859;background-color:#f2f9ff;color:#2a2859}.pkt-alert--info.pkt-alert .pkt-alert__icon{--bg-color: var(--color-blue);--fg-color: var(--color-blue-dark)}.pkt-alert--info.pkt-alert .pkt-alert__close{--fg-color: var(--color-blue-dark)}.pkt-badge{display:inline-flex;height:1.5em;margin-left:.4em;padding:.25em .4em;color:#000;font-weight:500;font-size:.75em;line-height:1em;background:#b3f5ff;border-radius:1px}.pkt-btn>.pkt-badge.pkt-badge--strong,.pkt-badge--strong{color:#b3f5ff;background:#2a2859}.pkt-btn>.pkt-badge.pkt-badge--info,.pkt-badge--info{background:#f9c66b}.pkt-badge.pkt-badge--small,.pkt-h1>.pkt-badge,.pkt-h2>.pkt-badge,.pkt-h3>.pkt-badge{font-size:.5em;transform:translateY(-0.25em)}.pkt-btn:not(.pkt-btn--ter)>.pkt-badge{color:inherit;background:rgba(0,0,0,0);border:1px solid #2a2859;border-radius:4px}.pkt-btn--pri:not(.pkt-btn--neg)>.pkt-badge,.pkt-btn--neg.pkt-btn--ter>.pkt-badge,.pkt-btn--neg.pkt-btn--ghost>.pkt-badge{border-color:#fff}.pkt-btn--small>.pkt-badge{padding-top:.28em;transform:translateY(-0.1em)}.pkt-back-link{position:relative;font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:.75rem 1rem}@media screen and (min-width: 80rem){.pkt-back-link{padding:.75rem 4rem}}.pkt-back-link__link{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;text-decoration:none;color:var(--color-blue-dark)}.pkt-back-link__link:visited,.pkt-back-link__link:focus,.pkt-back-link__link:hover,.pkt-back-link__link:active{color:var(--color-blue-dark)}.pkt-back-link__link:hover{text-decoration:underline}.pkt-back-link__icon{flex-basis:1rem;flex-shrink:0;padding-bottom:4px}.pkt-back-link__text{flex-grow:1}.pkt-breadcrumbs{position:relative;font-size:.875rem;padding:0 1rem}@media screen and (min-width: 48rem){.pkt-breadcrumbs{margin-bottom:1rem}}@media screen and (min-width: 80rem){.pkt-breadcrumbs{padding:0 4rem}}.pkt-breadcrumbs__list{display:flex;flex-direction:column;height:auto;overflow:hidden;list-style-type:none;border-bottom:1px solid rgba(0,0,0,0);transition:all .4s ease-in-out}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__list{flex-direction:row;padding:0 1rem;border-bottom-color:rgba(0,0,0,0) !important}}.pkt-breadcrumbs__list.expanded{align-items:flex-start;max-height:25rem;border-bottom-color:var(--color-gray);transition:all .4s ease-in-out}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item{display:block}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item:last-child{display:block}.pkt-breadcrumbs__item{position:relative;display:none;width:100%}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__item{display:block;width:auto}}.pkt-breadcrumbs__item:last-child{display:block}@media screen and (min-width: 48rem){.pkt-breadcrumbs__item:last-child{max-width:300px}}.pkt-breadcrumbs__item:last-child .pkt-breadcrumbs__text{max-width:200px}.pkt-breadcrumbs__link{text-decoration:none;color:var(--color-blue-dark)}.pkt-breadcrumbs__link:visited,.pkt-breadcrumbs__link:focus,.pkt-breadcrumbs__link:hover,.pkt-breadcrumbs__link:active{color:var(--color-blue-dark)}.pkt-breadcrumbs__link:hover{text-decoration:underline}.pkt-breadcrumbs__label{display:flex;align-items:center;justify-content:flex-start;width:100%;white-space:nowrap;padding:.75rem 1rem 1rem 0}.pkt-breadcrumbs__text{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-weight:300}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__text{max-width:120px}}@media screen and (min-width: 48rem){.pkt-breadcrumbs__text{max-width:200px}}@media screen and (min-width: 64rem){.pkt-breadcrumbs__text{max-width:300px}}.pkt-breadcrumbs__icon{width:1rem;height:1rem;margin-right:.75rem}.pkt-breadcrumbs__icon-svg{vertical-align:top}.pkt-footer{background-color:var(--color-blue-dark);padding:2.5rem 0;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em}@media screen and (min-width: 35.938rem){.pkt-footer__list-item{display:inline-flex}}.pkt-footer__link{color:currentColor;display:flex;padding:.75rem 0;text-decoration:none;align-items:flex-start}@media screen and (min-width: 35.938rem){.pkt-footer__link{padding:.75rem 2rem .75rem 0;align-items:center}}.pkt-footer__link:visited .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.75rem;flex-shrink:0;margin-top:3px}@media screen and (min-width: 35.938rem){.pkt-footer__link-icon{margin-top:0}}.pkt-header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray);display:grid;gap:0 0;grid-template-areas:"header-logo header-actions";grid-template-columns:minmax(108.3870967742px, 116.1290322581px) 1fr;padding:1rem 1rem;align-items:center}@media screen and (min-width: 80rem){.pkt-header{padding:1.5rem 2.5rem}}.pkt-header__logo{grid-area:header-logo}.pkt-header__logo-link{display:block}.pkt-header__logo-svg{height:56px;width:108.3870967742px}@media screen and (min-width: 35.938rem){.pkt-header__logo-svg{height:60px;width:116.1290322581px}}.pkt-header__actions{grid-area:header-actions;display:flex;justify-content:flex-end;align-items:center}.pkt-header__action{align-items:center;display:inline-flex;flex-direction:row;margin:0 0 0 1rem}@media screen and (min-width: 35.938rem){.pkt-header__action{height:60px;margin:0 0 0 2rem}}.pkt-header__action-text{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;display:inline-flex;align-items:center;max-width:3.125rem;white-space:nowrap}@media screen and (min-width: 35.938rem){.pkt-header__action-text{max-width:none}}.pkt-header__action-textrow{display:inline-flex;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;max-width:3.125rem}@media screen and (min-width: 35.938rem){.pkt-header__action-textrow{max-width:none}}.pkt-header__action-textrow.text-row-inline{display:inline}.pkt-header__action-change{margin-left:.75rem}.pkt-header__action-icon{--fg-color: var(--color-blue-dark);height:1.5rem;line-height:1rem;width:1.5rem;margin-left:.25rem}@media screen and (min-width: 48rem){.pkt-header__action-icon{height:1.5rem;margin-left:.5rem;width:1.5rem}}.pkt-header .pkt-btn{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;margin:0 0 0 .25rem;padding:.75rem .75rem}@media screen and (min-width: 48rem){.pkt-header .pkt-btn{margin:0 0 0 2rem;padding:.75rem 1rem}}.pkt-header .pkt-btn:hover .pkt-header__action-icon{--fg-color: var(--color-hover)}.pkt-header .pkt-btn__text--representing{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em}.pkt-icon{display:inline-flex;height:2rem;width:2rem}.pkt-icon.small{height:1rem;width:1rem}.pkt-icon.medium{height:1.5rem;width:1.5rem}.pkt-icon.large{height:4rem;width:4rem}.pkt-font-icon{display:inline-block;font-family:'Oslo Icons', sans-serif}.pkt-font-icon--chevron-left::before{content:""}.pkt-font-icon--chevron-right::before{content:""}.pkt-font-icon--chevron-up::before{content:""}.pkt-font-icon--chevron-down::before{content:""}.pkt-font-icon--user::before{content:""}.pkt-font-icon--menu::before{content:""}.pkt-font-icon--close::before{content:""}.pkt-font-icon--search::before{content:""}.pkt-font-icon--trash::before{content:""}.pkt-font-icon--edit::before{content:""}.pkt-font-icon--filter::before{content:""}.pkt-font-icon--envelope::before{content:""}.pkt-teaserlist{display:grid;grid-template-columns:auto;grid-template-rows:auto auto;justify-items:center;position:relative;row-gap:30px}@media screen and (min-width: 48rem){.pkt-teaserlist{column-gap:30px;grid-template-columns:200px auto;grid-template-rows:auto;justify-items:normal}}@media screen and (min-width: 64rem){.pkt-teaserlist{grid-template-columns:300px auto}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip{grid-template-columns:auto 200px}}@media screen and (min-width: 64rem){.pkt-teaserlist.flip{grid-template-columns:auto 300px}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip>.pkt-teaserlist__img{grid-column:2}}@media screen and (min-width: 48rem){.pkt-teaserlist.flip>.pkt-teaserlist__txt{grid-column:1;grid-row:1}}.pkt-teaserlist__img{width:150px}@media screen and (min-width: 48rem){.pkt-teaserlist__img{width:100%}}
package/dist/css/pkt.css CHANGED
@@ -288,12 +288,12 @@ textarea {
288
288
  --color-hover-light: #b3f5ff;
289
289
  --color-visited: #8d50b1;
290
290
  --color-visited-light: #e0adff;
291
- --color-disabled: #999;
291
+ --color-disabled: #4d4d4d;
292
292
  --color-disabled-light: #f9f9f9;
293
293
  --color-info: #2a2859;
294
294
  --color-success: #034b45;
295
295
  --color-warning: #774c01;
296
- --color-error: #db2424;
296
+ --color-error: #96281c;
297
297
  --color-blue-dark-5: #f2f9ff;
298
298
  --color-blue-dark-10: #d9e9f2;
299
299
  --color-blue-5: #f1fdff;
@@ -450,11 +450,11 @@ textarea {
450
450
  }
451
451
 
452
452
  .bg-color-disabled {
453
- background-color: #999 !important;
453
+ background-color: #4d4d4d !important;
454
454
  }
455
455
 
456
456
  .txt-color-disabled {
457
- color: #999 !important;
457
+ color: #4d4d4d !important;
458
458
  }
459
459
 
460
460
  .bg-color-disabled-light {
@@ -490,11 +490,11 @@ textarea {
490
490
  }
491
491
 
492
492
  .bg-color-error {
493
- background-color: #db2424 !important;
493
+ background-color: #96281c !important;
494
494
  }
495
495
 
496
496
  .txt-color-error {
497
- color: #db2424 !important;
497
+ color: #96281c !important;
498
498
  }
499
499
 
500
500
  .bg-color-blue-dark-5 {
@@ -7711,7 +7711,7 @@ body {
7711
7711
  /*
7712
7712
  * Containers
7713
7713
  *
7714
- * Containers er en viktig brikke for å bruke Oslo Designsystem, og som holder på,
7714
+ * Containers er en viktig brikke for å bruke Punkt, og som holder på,
7715
7715
  * gir luft rundt og justerer innholdet innenfor en skjermstørrelse.
7716
7716
  */
7717
7717
  .pkt-container {
@@ -10843,21 +10843,9 @@ Therefore, this is removed from the reset here, and images who need to be fluid
10843
10843
  display: flex;
10844
10844
  float: right;
10845
10845
  margin-left: 1.5rem;
10846
- height: 24px;
10847
- width: 24px;
10848
- }
10849
- .pkt-alert__close svg:hover {
10850
- cursor: pointer;
10851
- background-color: #1f42aa;
10852
- --fg-color: var(--color-blue-dark-5);
10853
- }
10854
- .pkt-alert__close svg:focus {
10855
- background-color: #1f42aa;
10856
- --fg-color: var(--color-blue-dark-5);
10857
- }
10858
- .pkt-alert__close svg:active {
10859
- background-color: #1f42aa;
10860
- --fg-color: var(--color-blue-dark-5);
10846
+ height: 40px;
10847
+ width: 40px;
10848
+ margin-top: -4px;
10861
10849
  }
10862
10850
  .pkt-alert__icon {
10863
10851
  margin-right: 1rem;
@@ -10878,9 +10866,9 @@ Therefore, this is removed from the reset here, and images who need to be fluid
10878
10866
  --fg-color: var(--color-green-dark);
10879
10867
  }
10880
10868
  .pkt-alert--error {
10881
- border-left: 3px solid #db2424;
10869
+ border-left: 3px solid #96281c;
10882
10870
  background-color: #fff3f2;
10883
- color: #db2424;
10871
+ color: #96281c;
10884
10872
  }
10885
10873
  .pkt-alert--error.pkt-alert .pkt-alert__icon {
10886
10874
  --bg-color: var(--color-error);