@navikt/aksel-stylelint 4.1.6 → 4.2.0

package/dist/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Thu, 15 Jun 2023 14:41:04 GMT
+ * Generated on Wed, 21 Jun 2023 10:02:14 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);
@@ -3219,7 +3231,7 @@ body,
 }
 .navds-help-text__popover.navds-popover {
   background-color: var(--ac-help-text-popover-bg, var(--a-surface-info-subtle));
-  max-width: 65ch;
+  max-width: min(65ch, 90vw);
 
   --ac-popover-border: var(--a-border-info);
 }
@@ -4046,6 +4058,9 @@ button.navds-internalheader__title:active,
 .navds-timeline__row-periods > li {
   list-style-type: none;
 }
+.navds-timeline__row-periods:focus {
+  outline: none;
+}
 .navds-timeline__period {
   height: 100%;
   border-radius: var(--a-border-radius-full);

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.6",
+  "version": "4.2.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.6",
-    "@navikt/ds-tokens": "^4.1.6",
+    "@navikt/ds-css": "^4.2.0",
+    "@navikt/ds-tokens": "^4.2.0",
     "@types/jest": "^29.0.0",
     "concurrently": "7.2.1",
     "copyfiles": "2.4.1",