@navikt/aksel-stylelint 4.1.7 → 4.3.0

package/dist/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 11:05:07 GMT
+ * Generated on Wed, 21 Jun 2023 11:52:08 GMT
  */
 :root, :host {
   --a-spacing-05: 0.125rem;
@@ -1697,13 +1697,11 @@ body,
 .navds-chat {
   display: flex;
   align-items: flex-end;
-  gap: var(--a-spacing-4);
-  padding-right: var(--a-spacing-16);
+  gap: var(--a-spacing-3);
+  max-width: 40.75rem;
 }
 .navds-chat--right {
   flex-direction: row-reverse;
-  padding-right: 0;
-  padding-left: var(--a-spacing-16);
 }
 .navds-chat__bubble-wrapper {
   list-style: none;
@@ -1718,15 +1716,19 @@ body,
 }
 .navds-chat__avatar {
   align-items: center;
-  background: var(--ac-chat-avatar-bg, var(--a-bg-subtle));
-  color: var(--ac-chat-avatar-color, var(--a-text-default));
+  box-shadow: var(--a-shadow-xsmall);
+  background-color: var(--ac-chat-avatar-bg, var(--a-surface-neutral-subtle));
+  border: 1px solid var(--ac-chat-border-color, var(--a-border-subtle));
   border-radius: var(--a-border-radius-full);
+  color: var(--ac-chat-avatar-color, var(--a-text-default));
   display: flex;
   flex-shrink: 0;
   justify-content: center;
   overflow: hidden;
-  height: 3rem;
-  width: 3rem;
+  height: 2.5rem;
+  width: 2.5rem;
+  font-size: 1.06rem;
+  letter-spacing: 0.024rem;
 }
 .navds-chat__avatar svg {
   align-self: center;
@@ -1734,11 +1736,11 @@ body,
   width: 100%;
 }
 .navds-chat__bubble {
-  padding: 1rem;
-  box-shadow: var(--a-shadow-small);
+  padding: var(--a-spacing-4);
+  box-shadow: var(--a-shadow-xsmall);
   width: fit-content;
-  max-width: 37.5rem;
-  background-color: var(--ac-chat-bubble-bg, var(--a-bg-subtle));
+  background-color: var(--ac-chat-bubble-bg, var(--a-surface-neutral-subtle));
+  border: 1px solid var(--ac-chat-border-color, var(--a-border-subtle));
   border-radius: var(--a-border-radius-xlarge);
   border-bottom-left-radius: 2px;
   display: flex;
@@ -1749,11 +1751,24 @@ body,
   border-radius: var(--a-border-radius-xlarge);
   border-bottom-right-radius: 2px;
 }
+.navds-chat--small .navds-chat__bubble {
+  padding: var(--a-spacing-3);
+}
+.navds-chat--info .navds-chat__bubble,
+.navds-chat--info .navds-chat__avatar {
+  background-color: var(--a-surface-info-subtle);
+}
+.navds-chat--neutral .navds-chat__bubble,
+.navds-chat--neutral .navds-chat__avatar {
+  background-color: var(--a-surface-default);
+}
 .navds-chat__top-text {
   color: var(--ac-chat-top-text, var(--a-text-default));
   display: flex;
   gap: var(--a-spacing-2);
   align-items: baseline;
+  font-weight: normal;
+  margin: 0;
 }
 .navds-chat--right .navds-chat__top-text {
   align-self: flex-end;
@@ -1770,9 +1785,6 @@ body,
 .navds-chat--right .navds-chat__top-text--left {
   align-self: flex-start;
 }
-.navds-chat__name {
-  font-weight: var(--a-font-weight-bold);
-}
 .navds-chips {
   display: flex;
   gap: var(--a-spacing-2);
@@ -2175,7 +2187,7 @@ body,
 .navds-expansioncard__title--large {
   margin-top: var(--a-spacing-1);
 }
-.navds-expansioncard--small :where(.navds-expansioncard__title--small) {
+.navds-expansioncard--small > :where(.navds-expansioncard__header) :where(.navds-expansioncard__title--small) {
   margin-top: var(--a-spacing-05);
 }
 .navds-expansioncard--small :where(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
@@ -2207,7 +2219,7 @@ body,
 .navds-expansioncard__header-chevron {
   transition: transform 150ms ease-in-out;
 }
-.navds-expansioncard--open :where(.navds-expansioncard__header-chevron) {
+.navds-expansioncard--open > :where(.navds-expansioncard__header) :where(.navds-expansioncard__header-chevron) {
   transform: translateY(0) rotate(180deg);
 }
 .navds-expansioncard__header-button:hover > :where(.navds-expansioncard__header-chevron) {
@@ -2223,7 +2235,10 @@ body,
     box-shadow: var(--a-shadow-focus);
   }
 }
-.navds-expansioncard--open :where(.navds-expansioncard__header-button):hover :where(.navds-expansioncard__header-chevron) {
+.navds-expansioncard--open
+  > :where(.navds-expansioncard__header)
+  > :where(.navds-expansioncard__header-button):hover
+  :where(.navds-expansioncard__header-chevron) {
   transform: translateY(-1px) rotate(180deg);
 }
 .navds-expansioncard__header-button::after {
@@ -3219,7 +3234,7 @@ body,
 }
 .navds-help-text__popover.navds-popover {
   background-color: var(--ac-help-text-popover-bg, var(--a-surface-info-subtle));
-  max-width: min(65ch, 90vw);
+  max-width: min(65ch, calc(100vw - 1.5rem));
 
   --ac-popover-border: var(--a-border-info);
 }
@@ -3575,6 +3590,7 @@ button.navds-internalheader__title:active,
   border: 1px solid;
   border-color: var(--ac-popover-border, var(--a-border-default));
   border-radius: var(--a-border-radius-medium);
+  max-width: calc(100vw - var(--a-spacing-6));
 }
 .navds-popover__content {
   padding: var(--a-spacing-4);

package/dist/tokens.json

@@ -80,9 +80,10 @@
     "--ac-button-tertiary-neutral-active-hover-bg": "--a-surface-neutral-active"
   },
   "chat": {
-    "--ac-chat-avatar-bg": "--a-bg-subtle",
+    "--ac-chat-border-color": "--a-border-subtle",
+    "--ac-chat-avatar-bg": "--a-surface-neutral-subtle",
     "--ac-chat-avatar-color": "--a-text-default",
-    "--ac-chat-bubble-bg": "--a-bg-subtle",
+    "--ac-chat-bubble-bg": "--a-surface-neutral-subtle",
     "--ac-chat-top-text": "--a-text-default"
   },
   "chips": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-stylelint",
-  "version": "4.1.7",
+  "version": "4.3.0",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
   "repository": {
@@ -35,8 +35,8 @@
     "dev": "yarn watch:lint"
   },
   "devDependencies": {
-    "@navikt/ds-css": "^4.1.7",
-    "@navikt/ds-tokens": "^4.1.7",
+    "@navikt/ds-css": "^4.3.0",
+    "@navikt/ds-tokens": "^4.3.0",
     "@types/jest": "^29.0.0",
     "concurrently": "7.2.1",
     "copyfiles": "2.4.1",