@navikt/ds-css 2.9.7 → 3.0.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 (45) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/accordion.css +126 -29
  3. package/alert.css +0 -1
  4. package/button.css +5 -6
  5. package/chips.css +11 -6
  6. package/date.css +2 -1
  7. package/dist/component/accordion.css +131 -29
  8. package/dist/component/accordion.min.css +1 -1
  9. package/dist/component/alert.css +0 -1
  10. package/dist/component/alert.min.css +1 -1
  11. package/dist/component/button.css +5 -6
  12. package/dist/component/button.min.css +1 -1
  13. package/dist/component/chips.css +11 -6
  14. package/dist/component/chips.min.css +1 -1
  15. package/dist/component/date.css +2 -1
  16. package/dist/component/date.min.css +1 -1
  17. package/dist/component/expansioncard.css +2 -2
  18. package/dist/component/expansioncard.min.css +1 -1
  19. package/dist/component/form.css +8 -5
  20. package/dist/component/form.min.css +1 -1
  21. package/dist/component/index.css +184 -68
  22. package/dist/component/index.min.css +2 -2
  23. package/dist/component/readmore.css +17 -13
  24. package/dist/component/readmore.min.css +1 -1
  25. package/dist/component/stepper.css +27 -0
  26. package/dist/component/stepper.min.css +1 -1
  27. package/dist/component/table.css +6 -7
  28. package/dist/component/table.min.css +1 -1
  29. package/dist/component/tabs.css +1 -1
  30. package/dist/component/tabs.min.css +1 -1
  31. package/dist/components.css +183 -67
  32. package/dist/components.min.css +2 -2
  33. package/dist/global/tokens.css +1 -1
  34. package/dist/index.css +184 -68
  35. package/dist/index.min.css +2 -2
  36. package/expansioncard.css +2 -2
  37. package/form/search.css +1 -1
  38. package/form/select.css +6 -2
  39. package/form/switch.css +2 -2
  40. package/package.json +2 -2
  41. package/read-more.css +17 -13
  42. package/stepper.css +27 -0
  43. package/table.css +6 -7
  44. package/tabs.css +1 -1
  45. package/tokens.json +14 -17
@@ -1 +1 @@
1
- .navds-stepper{--navds-stepper-circle-size:1.75rem;--navds-stepper-border-width:2px;--navds-stepper-line-length:1rem;color:var(--ac-stepper-text,var(--a-surface-action));font-weight:600;line-height:1;list-style:none;margin:0;padding-left:0}.navds-stepper--horizontal{align-items:flex-start;display:flex;text-align:center}.navds-stepper__item{display:grid;gap:.5rem;grid-template-columns:var(--navds-stepper-circle-size) auto;grid-template-rows:[line-1] auto [step-start] var(--navds-stepper-circle-size) [line-2 step-end] auto;justify-items:flex-start}.navds-stepper__line{background-color:var(--ac-stepper-line,var(--a-border-default));grid-column:1;height:100%;justify-self:center;min-height:var(--navds-stepper-line-length);width:var(--navds-stepper-border-width)}.navds-stepper__step--behind.navds-stepper__step--completed+.navds-stepper__line{background-color:var(--ac-stepper-line-completed,var(--a-border-selected))}.navds-stepper__line--1{display:none;grid-row:line-1}.navds-stepper__line--2{grid-row:line-2}:where(.navds-stepper__item:last-of-type) .navds-stepper__line--2{display:none}.navds-stepper__step{cursor:pointer;display:grid;gap:var(--a-spacing-2);grid-column:1/-1;grid-row:2/-1;grid-template-columns:[circle] var(--navds-stepper-circle-size) [content] auto;justify-content:flex-start;margin:calc(var(--navds-stepper-border-width)*-1) calc(var(--navds-stepper-border-width)*-1) 1.75rem;padding:var(--navds-stepper-border-width);text-decoration:none}button.navds-stepper__step{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;color:inherit;font:inherit;text-align:inherit}.navds-stepper__step--non-interactive{color:var(--ac-stepper-non-interactive,var(--a-text-subtle));cursor:default}:where(.navds-stepper__step):focus{box-shadow:var(--a-shadow-focus);isolation:isolate;outline:none}.navds-stepper__circle{border:var(--navds-stepper-border-width) solid;border-radius:var(--a-border-radius-full);display:inline-grid;flex-shrink:0;grid-column:circle;height:var(--navds-stepper-circle-size);line-height:1;place-items:center;width:var(--navds-stepper-circle-size)}.navds-stepper__circle--success{background:none;border:none;font-size:28px}.navds-stepper__content{grid-column:content;line-height:1.5;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding-top:.035rem}:where(.navds-stepper--horizontal) .navds-stepper__item{flex:1 1 100%;grid-template-columns:[line-1-start] 1fr [step-start] auto [line-1-end] var(--navds-stepper-circle-size) [line-2-start] auto [step-end] 1fr [line-2-end];grid-template-rows:var(--navds-stepper-circle-size) auto}:where(.navds-stepper--horizontal) .navds-stepper__line{align-self:center;display:block;grid-row:1;height:var(--navds-stepper-border-width);min-height:auto;width:100%}:where(.navds-stepper--horizontal) .navds-stepper__line--1{grid-column:line-1}:where(.navds-stepper--horizontal) .navds-stepper__line--2{grid-column:line-2}:where(.navds-stepper--horizontal .navds-stepper__item:first-of-type) .navds-stepper__line--1,:where(.navds-stepper--horizontal .navds-stepper__item:last-of-type) .navds-stepper__line--2{visibility:hidden}:where(.navds-stepper--horizontal) .navds-stepper__step{align-items:center;display:grid;grid-column:step;grid-row:1/-1;grid-template-columns:[content-start] auto [circle] var(--navds-stepper-circle-size) [content-end] auto;grid-template-rows:[circle] var(--navds-stepper-circle-size) [content] auto;justify-items:center;margin-bottom:0}:where(.navds-stepper--horizontal) .navds-stepper__circle{grid-column:2;grid-row:circle}:where(.navds-stepper--horizontal) .navds-stepper__content{grid-column:1/-1;grid-row:content;max-width:24ch}:where(.navds-stepper__step--active) .navds-stepper__content{color:var(--ac-stepper-active,var(--a-text-action-selected))}:where(.navds-stepper__step:hover) .navds-stepper__content{text-decoration:underline}:where(.navds-stepper__step--non-interactive:hover,.navds-stepper__step--active:hover) .navds-stepper__content{text-decoration:none}:where(.navds-stepper__step--active) .navds-stepper__circle{background-color:var(--ac-stepper-active-bg,var(--a-surface-action-selected));border-color:var(--ac-stepper-active-border,var(--a-border-action-selected));color:var(--ac-stepper-active-text,var(--a-text-on-action))}:where(.navds-stepper__step:not(.navds-stepper__step--active):hover) .navds-stepper__circle{background-color:var(--ac-stepper-hover-bg,var(--a-surface-action-subtle-hover))}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__content{color:var(--ac-stepper-non-interactive-active,var(--a-text-default))}.navds-stepper__step--non-interactive.navds-stepper__step--behind.navds-stepper__step--completed+.navds-stepper__line{background-color:var(--ac-stepper-non-interactive-line-completed,var(--a-border-strong))}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__circle{background-color:var(--ac-stepper-non-interactive-active-bg,var(--a-surface-inverted));border-color:var(--ac-stepper-non-interactive-active-border,var(--a-surface-inverted));color:var(--ac-stepper-non-interactive-active-text,var(--a-text-on-inverted))}:where(.navds-stepper__step--non-interactive:hover) .navds-stepper__circle{background-color:transparent}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active:hover) .navds-stepper__circle{background-color:var(--ac-stepper-non-interactive-active-bg,var(--a-surface-inverted))}:where(.navds-stepper__step--completed.navds-stepper__step--active) .navds-stepper__circle{background-color:inherit;color:var(--ac-stepper-active-completed,var(--a-text-action-selected))}:where(.navds-stepper__step--completed.navds-stepper__step--active.navds-stepper__step--non-interactive) .navds-stepper__circle{color:var(--ac-stepper-non-interactive-active-completed,var(--a-text-default))}
1
+ .navds-stepper{--navds-stepper-circle-size:1.75rem;--navds-stepper-border-width:2px;--navds-stepper-line-length:1rem;color:var(--ac-stepper-text,var(--a-surface-action));font-weight:600;line-height:1;list-style:none;margin:0;padding-left:0}.navds-stepper--horizontal{align-items:flex-start;display:flex;text-align:center}.navds-stepper__item{display:grid;gap:.5rem;grid-template-columns:var(--navds-stepper-circle-size) auto;grid-template-rows:[line-1] auto [step-start] var(--navds-stepper-circle-size) [line-2 step-end] auto;justify-items:flex-start}.navds-stepper__line{background-color:var(--ac-stepper-line,var(--a-border-default));grid-column:1;height:100%;justify-self:center;min-height:var(--navds-stepper-line-length);width:var(--navds-stepper-border-width)}.navds-stepper__step--behind.navds-stepper__step--completed+.navds-stepper__line{background-color:var(--ac-stepper-line-completed,var(--a-border-selected))}.navds-stepper__line--1{display:none;grid-row:line-1}.navds-stepper__line--2{grid-row:line-2}:where(.navds-stepper__item:last-of-type) .navds-stepper__line--2{display:none}.navds-stepper__step{cursor:pointer;display:grid;gap:var(--a-spacing-2);grid-column:1/-1;grid-row:2/-1;grid-template-columns:[circle] var(--navds-stepper-circle-size) [content] auto;justify-content:flex-start;margin:calc(var(--navds-stepper-border-width)*-1) calc(var(--navds-stepper-border-width)*-1) 1.75rem;padding:var(--navds-stepper-border-width);text-decoration:none}button.navds-stepper__step{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;color:inherit;font:inherit;text-align:inherit}.navds-stepper__step--non-interactive{color:var(--ac-stepper-non-interactive,var(--a-text-subtle));cursor:default}:where(.navds-stepper__step):focus{box-shadow:var(--a-shadow-focus);isolation:isolate;outline:none}.navds-stepper__circle{border:var(--navds-stepper-border-width) solid;border-radius:var(--a-border-radius-full);display:inline-grid;flex-shrink:0;grid-column:circle;height:var(--navds-stepper-circle-size);line-height:1;place-items:center;width:var(--navds-stepper-circle-size)}.navds-stepper__circle--success{background:none;background-color:var(--ac-stepper-text,var(--a-surface-action));border:none;color:var(--a-text-on-action);font-size:28px}.navds-stepper__content{grid-column:content;line-height:1.5;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding-top:.035rem}:where(.navds-stepper--horizontal) .navds-stepper__item{flex:1 1 100%;grid-template-columns:[line-1-start] 1fr [step-start] auto [line-1-end] var(--navds-stepper-circle-size) [line-2-start] auto [step-end] 1fr [line-2-end];grid-template-rows:var(--navds-stepper-circle-size) auto}:where(.navds-stepper--horizontal) .navds-stepper__line{align-self:center;display:block;grid-row:1;height:var(--navds-stepper-border-width);min-height:auto;width:100%}:where(.navds-stepper--horizontal) .navds-stepper__line--1{grid-column:line-1}:where(.navds-stepper--horizontal) .navds-stepper__line--2{grid-column:line-2}:where(.navds-stepper--horizontal .navds-stepper__item:first-of-type) .navds-stepper__line--1,:where(.navds-stepper--horizontal .navds-stepper__item:last-of-type) .navds-stepper__line--2{visibility:hidden}:where(.navds-stepper--horizontal) .navds-stepper__step{align-items:center;display:grid;grid-column:step;grid-row:1/-1;grid-template-columns:[content-start] auto [circle] var(--navds-stepper-circle-size) [content-end] auto;grid-template-rows:[circle] var(--navds-stepper-circle-size) [content] auto;justify-items:center;margin-bottom:0}:where(.navds-stepper--horizontal) .navds-stepper__circle{grid-column:2;grid-row:circle}:where(.navds-stepper--horizontal) .navds-stepper__content{grid-column:1/-1;grid-row:content;max-width:24ch}:where(.navds-stepper__step--active) .navds-stepper__content{color:var(--ac-stepper-active,var(--a-text-action-selected))}:where(.navds-stepper__step:hover) .navds-stepper__content{text-decoration:underline}:where(.navds-stepper__step--non-interactive:hover,.navds-stepper__step--active:hover) .navds-stepper__content{text-decoration:none}:where(.navds-stepper__step--active) .navds-stepper__circle{background-color:var(--ac-stepper-active-bg,var(--a-surface-action-selected));border-color:var(--ac-stepper-active-border,var(--a-border-action-selected));color:var(--ac-stepper-active-text,var(--a-text-on-action))}:where(.navds-stepper__step:not(.navds-stepper__step--active):hover) .navds-stepper__circle{background-color:var(--ac-stepper-hover-bg,var(--a-surface-action-subtle-hover))}:where(.navds-stepper__step:not(.navds-stepper__step--active):hover) .navds-stepper__circle--success{background-color:var(--ac-stepper-text,var(--a-surface-action));color:var(--ac-stepper-hover-bg,var(--a-surface-action-subtle-hover))}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__content{color:var(--ac-stepper-non-interactive-active,var(--a-text-default))}.navds-stepper__step--non-interactive.navds-stepper__step--behind.navds-stepper__step--completed+.navds-stepper__line{background-color:var(--ac-stepper-non-interactive-line-completed,var(--a-border-strong))}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__circle{background-color:var(--ac-stepper-non-interactive-active-bg,var(--a-surface-inverted));border-color:var(--ac-stepper-non-interactive-active-border,var(--a-surface-inverted));color:var(--ac-stepper-non-interactive-active-text,var(--a-text-on-inverted))}:where(.navds-stepper__step--non-interactive:hover) .navds-stepper__circle{background-color:transparent}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active:hover) .navds-stepper__circle{background-color:var(--ac-stepper-non-interactive-active-bg,var(--a-surface-inverted))}:where(.navds-stepper__step--completed.navds-stepper__step--active) .navds-stepper__circle{background-color:inherit;color:var(--ac-stepper-active-completed,var(--a-text-action-selected))}:where(.navds-stepper__step--completed.navds-stepper__step--active) .navds-stepper__circle--success{background-color:var(--ac-stepper-active-completed,var(--a-surface-action-selected));color:var(--a-text-on-action)}:where(.navds-stepper__step--non-interactive,.navds-stepper__step--non-interactive:hover) .navds-stepper__circle--success{background-color:var(--ac-stepper-non-interactive-completed-bg,var(--a-surface-neutral));color:var(--a-text-on-inverted)}:where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__circle--success{background-color:var(--ac-stepper-non-interactive-active-completed,var(--a-surface-inverted));color:var(--a-text-on-inverted)}:where(.navds-stepper__step--completed.navds-stepper__step--active.navds-stepper__step--non-interactive) .navds-stepper__circle{color:var(--ac-stepper-non-interactive-active-completed,var(--a-text-default))}:where(.navds-stepper__step--completed.navds-stepper__step--active.navds-stepper__step--non-interactive) .navds-stepper__circle--success{color:var(--ac-stepper-non-interactive-active-completed,var(--a-text-on-inverted))}
@@ -193,19 +193,18 @@
193
193
  font-size: 1.25rem;
194
194
  }
195
195
 
196
- .navds-table__toggle-expand-button:hover .navds-table__expandable-icon,
197
- .navds-table__expandable-icon--filled {
198
- display: none;
199
- }
200
-
201
- .navds-table__toggle-expand-button:hover .navds-table__expandable-icon--filled {
202
- display: block;
196
+ .navds-table__toggle-expand-button:hover .navds-table__expandable-icon {
197
+ transform: translateY(1px);
203
198
  }
204
199
 
205
200
  .navds-table__toggle-expand-cell--open .navds-table__expandable-icon {
206
201
  transform: rotate(180deg);
207
202
  }
208
203
 
204
+ .navds-table__toggle-expand-cell--open .navds-table__toggle-expand-button:hover .navds-table__expandable-icon {
205
+ transform: translateY(-1px) rotate(180deg);
206
+ }
207
+
209
208
  .navds-table__expanded-row-cell {
210
209
  padding: 0;
211
210
  }
@@ -1 +1 @@
1
- .navds-table{border-collapse:collapse;display:table;width:100%}.navds-table__header{display:table-header-group}.navds-table__body{display:table-row-group}.navds-table__row{display:table-row}.navds-table__body .navds-table__row--shade-on-hover:hover{background-color:var(--ac-table-row-hover,var(--a-bg-subtle))}.navds-table__row--selected{background-color:var(--ac-table-row-selected,var(--a-surface-action-subtle))}.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover{background-color:var(--ac-table-row-selected-hover,var(--a-surface-action-subtle-hover))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)){background-color:transparent}.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table__data-cell,.navds-table__header-cell{border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default));display:table-cell;padding:var(--a-spacing-4) var(--a-spacing-3);text-align:left}.navds-table__header .navds-table__data-cell,.navds-table__header .navds-table__header-cell{border-bottom-width:2px}.navds-table__data-cell--align-right,.navds-table__header-cell--align-right{text-align:right}.navds-table__data-cell--align-center,.navds-table__header-cell--align-center{text-align:center}:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell,:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell{border-color:var(--ac-table-cell-hover-border,var(--a-border-strong))}:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell{border-bottom-color:transparent}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table .navds-checkbox .navds-checkbox__input{top:-12px}.navds-table .navds-checkbox--small .navds-checkbox__input{top:-6px}.navds-table .navds-checkbox .navds-checkbox__label,.navds-table__header-cell[aria-sort]{padding:0}.navds-table__sort-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--ac-table-sort-button-text,var(--a-text-action));cursor:pointer;display:flex;font-weight:inherit;gap:var(--a-spacing-2);line-height:inherit;margin:0;padding:var(--a-spacing-4) var(--a-spacing-3);width:100%}.navds-table--small .navds-table__sort-button{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table__sort-button:hover{background-color:var(--ac-table-sort-button-hover-bg,var(--a-bg-subtle))}.navds-table__sort-button:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}.navds-table__header-cell[aria-sort=ascending] .navds-table__sort-button,.navds-table__header-cell[aria-sort=descending] .navds-table__sort-button{background-color:var(--ac-table-sort-button-sorted-bg,var(--a-surface-selected));color:var(--a-table-sort-button-sorted-text,var(--a-text-action-on-action-subtle))}.navds-table__header-cell--align-right .navds-table__sort-button{justify-content:flex-end}.navds-table__header-cell--align-center .navds-table__sort-button{justify-content:center}.navds-table__sort-button svg{flex-shrink:0;font-size:1rem}.navds-table__expandable-row:not(.navds-table__expandable-row--open) .navds-table__data-cell{transition:border-bottom-color .19s cubic-bezier(.6,.04,.98,.335)}.navds-table__expandable-row--open .navds-table__data-cell{border-bottom-color:transparent}.navds-table__expandable-row--open .navds-table__header-cell{border-color:var(--ac-table-row-border,var(--a-border-default))}.navds-table__expandable-row--open .navds-table__toggle-expand-cell--open{border-color:transparent}.navds-table__toggle-expand-cell{padding:0;width:56px}.navds-table--small .navds-table__toggle-expand-cell{padding:0;width:36px}.navds-table__toggle-expand-button{all:unset;align-items:center;cursor:pointer;display:flex;padding:var(--a-spacing-4)}.navds-table--small .navds-table__toggle-expand-button{padding:var(--a-spacing-2)}.navds-table__toggle-expand-button:focus{box-shadow:inset var(--a-shadow-focus)}.navds-table__expandable-icon{font-size:1.5rem}.navds-table--small .navds-table__expandable-icon{font-size:1.25rem}.navds-table__expandable-icon--filled,.navds-table__toggle-expand-button:hover .navds-table__expandable-icon{display:none}.navds-table__toggle-expand-button:hover .navds-table__expandable-icon--filled{display:block}.navds-table__toggle-expand-cell--open .navds-table__expandable-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.navds-table__expanded-row-cell{padding:0}.navds-table__expanded-row-cell:empty{display:none}.navds-table__expanded-row-collapse:not([style*="height: 0px;"]){border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default))}.navds-table__expanded-row-content{padding:var(--a-spacing-4) 4.25rem}.navds-table--small .navds-table__expanded-row-content{padding:var(--a-spacing-2) var(--a-spacing-12)}
1
+ .navds-table{border-collapse:collapse;display:table;width:100%}.navds-table__header{display:table-header-group}.navds-table__body{display:table-row-group}.navds-table__row{display:table-row}.navds-table__body .navds-table__row--shade-on-hover:hover{background-color:var(--ac-table-row-hover,var(--a-bg-subtle))}.navds-table__row--selected{background-color:var(--ac-table-row-selected,var(--a-surface-action-subtle))}.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover{background-color:var(--ac-table-row-selected-hover,var(--a-surface-action-subtle-hover))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)){background-color:transparent}.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table__data-cell,.navds-table__header-cell{border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default));display:table-cell;padding:var(--a-spacing-4) var(--a-spacing-3);text-align:left}.navds-table__header .navds-table__data-cell,.navds-table__header .navds-table__header-cell{border-bottom-width:2px}.navds-table__data-cell--align-right,.navds-table__header-cell--align-right{text-align:right}.navds-table__data-cell--align-center,.navds-table__header-cell--align-center{text-align:center}:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell,:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell{border-color:var(--ac-table-cell-hover-border,var(--a-border-strong))}:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell{border-bottom-color:transparent}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table .navds-checkbox .navds-checkbox__input{top:-12px}.navds-table .navds-checkbox--small .navds-checkbox__input{top:-6px}.navds-table .navds-checkbox .navds-checkbox__label,.navds-table__header-cell[aria-sort]{padding:0}.navds-table__sort-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--ac-table-sort-button-text,var(--a-text-action));cursor:pointer;display:flex;font-weight:inherit;gap:var(--a-spacing-2);line-height:inherit;margin:0;padding:var(--a-spacing-4) var(--a-spacing-3);width:100%}.navds-table--small .navds-table__sort-button{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table__sort-button:hover{background-color:var(--ac-table-sort-button-hover-bg,var(--a-bg-subtle))}.navds-table__sort-button:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}.navds-table__header-cell[aria-sort=ascending] .navds-table__sort-button,.navds-table__header-cell[aria-sort=descending] .navds-table__sort-button{background-color:var(--ac-table-sort-button-sorted-bg,var(--a-surface-selected));color:var(--a-table-sort-button-sorted-text,var(--a-text-action-on-action-subtle))}.navds-table__header-cell--align-right .navds-table__sort-button{justify-content:flex-end}.navds-table__header-cell--align-center .navds-table__sort-button{justify-content:center}.navds-table__sort-button svg{flex-shrink:0;font-size:1rem}.navds-table__expandable-row:not(.navds-table__expandable-row--open) .navds-table__data-cell{transition:border-bottom-color .19s cubic-bezier(.6,.04,.98,.335)}.navds-table__expandable-row--open .navds-table__data-cell{border-bottom-color:transparent}.navds-table__expandable-row--open .navds-table__header-cell{border-color:var(--ac-table-row-border,var(--a-border-default))}.navds-table__expandable-row--open .navds-table__toggle-expand-cell--open{border-color:transparent}.navds-table__toggle-expand-cell{padding:0;width:56px}.navds-table--small .navds-table__toggle-expand-cell{padding:0;width:36px}.navds-table__toggle-expand-button{all:unset;align-items:center;cursor:pointer;display:flex;padding:var(--a-spacing-4)}.navds-table--small .navds-table__toggle-expand-button{padding:var(--a-spacing-2)}.navds-table__toggle-expand-button:focus{box-shadow:inset var(--a-shadow-focus)}.navds-table__expandable-icon{font-size:1.5rem}.navds-table--small .navds-table__expandable-icon{font-size:1.25rem}.navds-table__toggle-expand-button:hover .navds-table__expandable-icon{-webkit-transform:translateY(1px);transform:translateY(1px)}.navds-table__toggle-expand-cell--open .navds-table__expandable-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.navds-table__toggle-expand-cell--open .navds-table__toggle-expand-button:hover .navds-table__expandable-icon{-webkit-transform:translateY(-1px) rotate(180deg);transform:translateY(-1px) rotate(180deg)}.navds-table__expanded-row-cell{padding:0}.navds-table__expanded-row-cell:empty{display:none}.navds-table__expanded-row-collapse:not([style*="height: 0px;"]){border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default))}.navds-table__expanded-row-content{padding:var(--a-spacing-4) 4.25rem}.navds-table--small .navds-table__expanded-row-content{padding:var(--a-spacing-2) var(--a-spacing-12)}
@@ -49,7 +49,7 @@
49
49
  align-items: center;
50
50
  background: none;
51
51
  border: none;
52
- color: var(--ac-tabs-text, var(--a-text-subtle));
52
+ color: var(--ac-tabs-text, var(--a-text-default));
53
53
  cursor: pointer;
54
54
  }
55
55
 
@@ -1 +1 @@
1
- .navds-tabs__tablist-wrapper{box-shadow:inset 0 -1px 0 0 var(--ac-tabs-border,var(--a-border-divider));display:flex;width:100%}.navds-tabs__tablist{-ms-overflow-style:none;display:flex;max-width:100%;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;width:auto}.navds-tabs__tablist::-webkit-scrollbar{display:none}.navds-tabs__scroll-button{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:var(--a-spacing-3) var(--a-spacing-4);width:44px}.navds-tabs__scroll-button--hidden{visibility:hidden}.navds-tabs__scroll-button svg{flex-shrink:0;font-size:1.25rem}.navds-tabs--small .navds-tabs__scroll-button{padding:.375rem var(--a-spacing-4);width:32px}.navds-tabs__tab{align-items:center;background:none;border:none;color:var(--ac-tabs-text,var(--a-text-subtle));cursor:pointer;display:inline-flex;justify-content:center;min-height:48px;padding:var(--a-spacing-3) var(--a-spacing-4)}.navds-tabs__tab:hover{box-shadow:inset 0 -3px 0 0 var(--ac-tabs-hover-border,var(--a-border-subtle-hover))}.navds-tabs__tab[aria-selected=true]{box-shadow:inset 0 -3px 0 0 var(--ac-tabs-selected-border,var(--a-border-action));color:var(--ac-tabs-selected-text,var(--a-text-default))}.navds-tabs__tab:focus{box-shadow:inset var(--a-shadow-focus);color:var(--ac-tabs-focus-text,var(--a-text-default));outline:none}.navds-tabs__tab-inner{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-tabs__tab-inner svg{flex-shrink:0}.navds-tabs__tab-icon--top>.navds-tabs__tab-inner{flex-direction:column;gap:0}.navds-tabs__tab--small{min-height:32px;padding:.375rem var(--a-spacing-4)}.navds-tabs__tab--small.navds-tabs__tab-icon--top,.navds-tabs__tab-icon--top{padding:var(--a-spacing-1) var(--a-spacing-4)}.navds-tabs__tab svg,.navds-tabs__tab--small.navds-tabs__tab--icon-only svg,.navds-tabs__tab--small.navds-tabs__tab-icon--top svg{font-size:1.25rem}.navds-tabs__tab--small svg{font-size:1rem}.navds-tabs__tab--icon-only svg,.navds-tabs__tab-icon--top svg{font-size:1.5rem}.navds-tabs__tabpanel:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}
1
+ .navds-tabs__tablist-wrapper{box-shadow:inset 0 -1px 0 0 var(--ac-tabs-border,var(--a-border-divider));display:flex;width:100%}.navds-tabs__tablist{-ms-overflow-style:none;display:flex;max-width:100%;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;width:auto}.navds-tabs__tablist::-webkit-scrollbar{display:none}.navds-tabs__scroll-button{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:var(--a-spacing-3) var(--a-spacing-4);width:44px}.navds-tabs__scroll-button--hidden{visibility:hidden}.navds-tabs__scroll-button svg{flex-shrink:0;font-size:1.25rem}.navds-tabs--small .navds-tabs__scroll-button{padding:.375rem var(--a-spacing-4);width:32px}.navds-tabs__tab{align-items:center;background:none;border:none;color:var(--ac-tabs-text,var(--a-text-default));cursor:pointer;display:inline-flex;justify-content:center;min-height:48px;padding:var(--a-spacing-3) var(--a-spacing-4)}.navds-tabs__tab:hover{box-shadow:inset 0 -3px 0 0 var(--ac-tabs-hover-border,var(--a-border-subtle-hover))}.navds-tabs__tab[aria-selected=true]{box-shadow:inset 0 -3px 0 0 var(--ac-tabs-selected-border,var(--a-border-action));color:var(--ac-tabs-selected-text,var(--a-text-default))}.navds-tabs__tab:focus{box-shadow:inset var(--a-shadow-focus);color:var(--ac-tabs-focus-text,var(--a-text-default));outline:none}.navds-tabs__tab-inner{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-tabs__tab-inner svg{flex-shrink:0}.navds-tabs__tab-icon--top>.navds-tabs__tab-inner{flex-direction:column;gap:0}.navds-tabs__tab--small{min-height:32px;padding:.375rem var(--a-spacing-4)}.navds-tabs__tab--small.navds-tabs__tab-icon--top,.navds-tabs__tab-icon--top{padding:var(--a-spacing-1) var(--a-spacing-4)}.navds-tabs__tab svg,.navds-tabs__tab--small.navds-tabs__tab--icon-only svg,.navds-tabs__tab--small.navds-tabs__tab-icon--top svg{font-size:1.25rem}.navds-tabs__tab--small svg{font-size:1rem}.navds-tabs__tab--icon-only svg,.navds-tabs__tab-icon--top svg{font-size:1.5rem}.navds-tabs__tabpanel:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}
@@ -360,64 +360,150 @@
360
360
  .navds-accordion__item:focus-within {
361
361
  position: relative;
362
362
  }
363
+ /*************************
364
+ * Header *
365
+ *************************/
363
366
  .navds-accordion__header {
367
+ --__ac-accordion-header-shadow-color: var(--ac-accordion-header-border, var(--a-border-divider));
368
+ --__ac-accordion-header-shadow: inset 2px 0 0 0 var(--a-transparent), inset -2px 0 0 0 var(--a-transparent),
369
+ inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color);
370
+
364
371
  width: 100%;
365
372
  display: flex;
366
- justify-content: space-between;
373
+ justify-content: flex-start;
367
374
  align-items: flex-start;
368
375
  gap: var(--a-spacing-2);
369
- padding: 14px var(--a-spacing-3) var(--a-spacing-3);
376
+ padding: var(--a-spacing-3);
370
377
  margin: 0;
371
378
  text-align: left;
372
379
  background: var(--ac-accordion-header-bg, var(--a-surface-transparent));
373
380
  cursor: pointer;
374
381
  border: none;
375
- border-bottom: 2px solid var(--ac-accordion-header-border, var(--a-border-divider));
382
+ position: relative;
383
+ box-shadow: var(--__ac-accordion-header-shadow);
384
+ z-index: 1;
385
+ }
386
+ .navds-accordion__header:hover {
387
+ background-color: var(--ac-accordion-header-bg-hover, var(--a-surface-hover));
388
+ text-decoration: underline;
389
+ color: var(--ac-accordion-header-text-hover, inherit);
390
+ }
391
+ .navds-accordion--small .navds-accordion__header {
392
+ padding: var(--a-spacing-2) var(--a-spacing-3);
393
+ }
394
+ .navds-accordion--medium .navds-accordion__header {
395
+ padding: var(--a-spacing-3);
376
396
  }
377
- .navds-accordion__header:focus {
397
+ .navds-accordion--large .navds-accordion__header {
398
+ padding: var(--a-spacing-4) var(--a-spacing-3);
399
+ }
400
+ .navds-accordion__item:last-child > :where(.navds-accordion__header) {
401
+ box-shadow: var(--__ac-accordion-header-shadow), inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color);
402
+ }
403
+ .navds-accordion__item:last-child:where(.navds-accordion__item--open) :where(.navds-accordion__header) {
404
+ box-shadow: inset 2px 0 0 0 var(--a-transparent), inset -2px 0 0 0 var(--a-transparent), inset 0 2px 0 0 var(--a-transparent),
405
+ inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color);
406
+ }
407
+ .navds-accordion__item:last-child:where(.navds-accordion__item--open) {
408
+ box-shadow: inset 2px 0 0 0 var(--a-transparent), inset -2px 0 0 0 var(--a-transparent), inset 0 2px 0 0 var(--a-transparent),
409
+ inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color);
410
+ }
411
+ .navds-accordion__item--open > :where(.navds-accordion__header) {
412
+ box-shadow: var(--__ac-accordion-header-shadow);
413
+ }
414
+ .navds-accordion__header:focus-visible {
378
415
  outline: none;
379
416
  box-shadow: var(--a-shadow-focus);
417
+ border-radius: var(--a-border-radius-large);
380
418
  }
381
- .navds-accordion__header:hover {
382
- color: var(--ac-accordion-header-text-hover, var(--a-text-action-on-action-subtle));
383
- border-color: var(--ac-accordion-header-border-hover, var(--a-border-default));
384
- background: var(--ac-accordion-header-bg-hover, var(--a-surface-transparent));
419
+ @supports not selector(:focus-visible) {
420
+ .navds-accordion__header:focus {
421
+ outline: none;
422
+ box-shadow: var(--a-shadow-focus);
423
+ border-radius: var(--a-border-radius-large);
424
+ }
385
425
  }
386
426
  .navds-accordion__header-content {
387
427
  overflow: hidden;
388
428
  text-overflow: ellipsis;
389
429
  }
390
- .navds-accordion__item--open > .navds-accordion__header {
391
- background-color: var(--ac-accordion-header-bg-open, var(--ac-accordion-item-bg-open, var(--a-surface-action-subtle)));
392
- border-color: var(--ac-accordion-item-border-open, var(--a-surface-action-subtle));
393
- }
394
- .navds-accordion__item--open > :where(.navds-accordion__header:hover) {
395
- background-color: var(--ac-accordion-header-bg-open-hover, var(--a-surface-action-subtle));
396
- }
397
- .navds-accordion__content {
398
- padding: var(--a-spacing-3) var(--a-spacing-3) 18px;
399
- border-bottom: 2px solid var(--ac-accordion-content-border, var(--a-border-divider));
430
+ /*************************
431
+ * Icon *
432
+ *************************/
433
+ .navds-accordion__icon-wrapper {
434
+ display: grid;
435
+ place-content: center;
436
+ border-radius: var(--a-border-radius-medium);
437
+ height: var(--a-spacing-6);
438
+ width: var(--a-spacing-6);
439
+ align-self: center;
400
440
  }
401
- .navds-accordion__item--open > .navds-accordion__header:hover + * .navds-accordion__content {
402
- border-color: var(--ac-accordion-content-border-open, var(--a-border-default));
441
+ .navds-accordion__header:hover > .navds-accordion__icon-wrapper {
442
+ background-color: var(--ac-accordion-header-icon-bg-hover, var(--a-surface-neutral-subtle-hover));
403
443
  }
404
- .navds-accordion__expand-icon {
444
+ .navds-accordion__header-chevron {
445
+ border-radius: var(--a-border-radius-medium);
405
446
  font-size: 1.5rem;
406
447
  height: 1.75rem;
407
448
  flex-shrink: 0;
449
+ transition: transform 150ms ease-in-out;
450
+ align-self: center;
408
451
  }
409
- .navds-accordion__item--open > .navds-accordion__header > .navds-accordion__expand-icon {
410
- transform: rotateZ(180deg);
452
+ :where(.navds-accordion__header):hover > :where(.navds-accordion__icon-wrapper) > :where(.navds-accordion__header-chevron) {
453
+ transform: translateY(1px);
411
454
  }
412
- .navds-accordion__expand-icon--filled {
413
- display: none;
455
+ .navds-accordion__item--open
456
+ > :where(.navds-accordion__header)
457
+ > :where(.navds-accordion__icon-wrapper)
458
+ > :where(.navds-accordion__header-chevron) {
459
+ transform: translateY(0) rotate(-180deg);
414
460
  }
415
- .navds-accordion__header:hover > .navds-accordion__expand-icon.navds-accordion__expand-icon--filled {
416
- display: inherit;
461
+ .navds-accordion__item--open
462
+ > :where(.navds-accordion__header):hover
463
+ > :where(.navds-accordion__icon-wrapper)
464
+ > :where(.navds-accordion__header-chevron) {
465
+ transform: translateY(-1px) rotate(-180deg);
466
+ }
467
+ /*************************
468
+ * Variant/Default *
469
+ *************************/
470
+ .navds-accordion__item--open {
471
+ background-color: var(--ac-accordion-item-bg-open, var(--a-transparent));
472
+ }
473
+ /*************************
474
+ * Variant/Neutral *
475
+ *************************/
476
+ .navds-accordion__item--open.navds-accordion__item--neutral {
477
+ background-color: var(--ac-accordion-neutral-item-bg-open, var(--a-surface-neutral-subtle));
478
+ }
479
+ /*************************
480
+ * Content *
481
+ *************************/
482
+ .navds-accordion__content {
483
+ padding: 0 var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-11);
484
+ animation: fadeAccordionContent 250ms ease;
417
485
  }
418
- .navds-accordion__header:hover > .navds-accordion__expand-icon {
486
+ .navds-accordion__content--closed {
419
487
  display: none;
420
488
  }
489
+ .navds-accordion__item--no-animation :where(.navds-accordion__content) {
490
+ animation: none;
491
+ }
492
+ @keyframes fadeAccordionContent {
493
+ 0% {
494
+ opacity: 0.25;
495
+ transform: translateY(-8px);
496
+ }
497
+
498
+ 40% {
499
+ opacity: 0.7;
500
+ }
501
+
502
+ 100% {
503
+ opacity: 1;
504
+ transform: translateY(0);
505
+ }
506
+ }
421
507
  .navds-alert {
422
508
  border-radius: var(--a-border-radius-medium);
423
509
  border: 1px solid;
@@ -443,7 +529,6 @@
443
529
  background: radial-gradient(circle, var(--a-surface-default) 50%, 0, transparent);
444
530
  }
445
531
  .navds-alert--small > .navds-alert__icon {
446
- font-size: 1.25rem;
447
532
  height: var(--a-font-line-height-large);
448
533
  }
449
534
  .navds-alert--error {
@@ -531,9 +616,10 @@
531
616
  gap: var(--a-spacing-2);
532
617
  }
533
618
  .navds-button--small {
534
- --__ac-button-padding: 0.375rem var(--a-spacing-3);
619
+ --__ac-button-padding: var(--a-spacing-1) var(--a-spacing-3);
535
620
 
536
621
  padding: var(--ac-button-padding-small, var(--__ac-button-padding));
622
+ min-height: 2rem;
537
623
  }
538
624
  .navds-button--xsmall {
539
625
  --__ac-button-padding: var(--a-spacing-05) var(--a-spacing-2);
@@ -547,12 +633,12 @@
547
633
  padding: var(--ac-button-padding-icon-only, var(--__ac-button-padding));
548
634
  }
549
635
  .navds-button--small.navds-button--icon-only {
550
- --__ac-button-padding: 0.375rem;
636
+ --__ac-button-padding: var(--a-spacing-1);
551
637
 
552
638
  padding: var(--ac-button-padding-icon-only-small, var(--__ac-button-padding));
553
639
  }
554
640
  .navds-button--xsmall.navds-button--icon-only {
555
- --__ac-button-padding: var(--a-spacing-1);
641
+ --__ac-button-padding: var(--a-spacing-05);
556
642
 
557
643
  padding: var(--ac-button-padding-icon-only-xsmall, var(--__ac-button-padding));
558
644
  }
@@ -577,13 +663,11 @@
577
663
  }
578
664
  .navds-button--small .navds-button__icon {
579
665
  --ac-button-icon-margin: -2px;
580
-
581
- font-size: 1.25rem;
582
666
  }
583
667
  .navds-button--xsmall .navds-button__icon {
584
668
  --ac-button-icon-margin: -2px;
585
669
 
586
- font-size: 1rem;
670
+ font-size: 1.25rem;
587
671
  }
588
672
  /*************************
589
673
  * .navds-button--primary *
@@ -938,6 +1022,9 @@
938
1022
  .navds-chips__toggle:active:focus-visible {
939
1023
  box-shadow: inset 0 0 0 1px var(--a-surface-default), 0 0 0 2px var(--ac-chip-toggle-focus, var(--a-border-focus));
940
1024
  }
1025
+ .navds-chips__removable {
1026
+ gap: 0;
1027
+ }
941
1028
  .navds-chips__removable--action {
942
1029
  background-color: var(--ac-chip-removable-action-bg, var(--a-surface-action-selected));
943
1030
  color: var(--ac-chip-removable-action-text, var(--a-text-on-action));
@@ -950,27 +1037,28 @@
950
1037
  .navds-chips__removable-icon {
951
1038
  width: 1.5rem;
952
1039
  height: 1.5rem;
1040
+ font-size: 1.25rem;
953
1041
  display: grid;
954
1042
  place-items: center;
955
1043
  border-radius: var(--a-border-radius-full);
956
1044
  }
957
1045
  .navds-chips__toggle-icon {
958
- width: 1.25rem;
959
- height: 1.25rem;
1046
+ width: 1.5rem;
1047
+ height: 1.5rem;
960
1048
  display: grid;
961
1049
  place-items: center;
962
1050
  border-radius: var(--a-border-radius-full);
963
1051
  }
964
1052
  .navds-chips--small .navds-chips__toggle-icon {
965
- width: 1rem;
966
- height: 1rem;
1053
+ width: 1.25rem;
1054
+ height: 1.25rem;
967
1055
  }
968
1056
  .navds-chips--small .navds-chips__removable-icon {
969
1057
  width: 1.25rem;
970
1058
  height: 1.25rem;
971
1059
  }
972
1060
  .navds-chips--small .navds-chips__removable-icon > svg {
973
- width: 0.75rem;
1061
+ width: 1rem;
974
1062
  }
975
1063
  .navds-chips__removable--action:focus-visible {
976
1064
  box-shadow: inset 0 0 0 1px var(--a-surface-default), 0 0 0 2px var(--a-border-focus);
@@ -989,7 +1077,7 @@
989
1077
  padding-left: 0.375rem;
990
1078
  }
991
1079
  .navds-chips--icon-right {
992
- padding-right: var(--a-spacing-1);
1080
+ padding-right: 0.375rem;
993
1081
  }
994
1082
  .navds-chips--small .navds-chips--icon-right {
995
1083
  padding-right: var(--a-spacing-05);
@@ -1142,12 +1230,12 @@
1142
1230
  .navds-expansioncard__content-inner {
1143
1231
  animation: fadeExpansionCard 250ms ease;
1144
1232
  }
1145
- .navds-expansioncard--no-fade :where(.navds-expansioncard__content-inner) {
1233
+ .navds-expansioncard--no-animation :where(.navds-expansioncard__content-inner) {
1146
1234
  animation: none;
1147
1235
  }
1148
1236
  @keyframes fadeExpansionCard {
1149
1237
  0% {
1150
- opacity: 0;
1238
+ opacity: 0.25;
1151
1239
  transform: translateY(-8px);
1152
1240
  }
1153
1241
 
@@ -1507,8 +1595,8 @@
1507
1595
  }
1508
1596
  .navds-select__chevron {
1509
1597
  position: absolute;
1510
- font-size: 1rem;
1511
- right: 0.5rem;
1598
+ font-size: 1.5rem;
1599
+ right: var(--a-spacing-2);
1512
1600
  pointer-events: none;
1513
1601
  align-self: center;
1514
1602
  }
@@ -1516,6 +1604,9 @@
1516
1604
  min-height: 32px;
1517
1605
  padding: 0 2rem 0 0.25rem;
1518
1606
  }
1607
+ .navds-form-field--small .navds-select__chevron {
1608
+ right: 0.375rem;
1609
+ }
1519
1610
  /**
1520
1611
  Error handling
1521
1612
  */
@@ -1605,7 +1696,7 @@
1605
1696
  position: absolute;
1606
1697
  top: var(--a-spacing-3);
1607
1698
  left: 0;
1608
- border-radius: var(--a-border-radius-medium);
1699
+ border-radius: var(--a-border-radius-full);
1609
1700
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
1610
1701
  }
1611
1702
  .navds-switch--small > .navds-switch__track {
@@ -1638,7 +1729,7 @@
1638
1729
  .navds-switch__thumb {
1639
1730
  background-color: var(--ac-switch-thumb-bg, var(--a-surface-default));
1640
1731
  color: var(--ac-switch-thumb-icon, var(--a-icon-subtle));
1641
- border-radius: var(--a-border-radius-small);
1732
+ border-radius: var(--a-border-radius-full);
1642
1733
  width: 20px;
1643
1734
  height: 20px;
1644
1735
  position: absolute;
@@ -1868,7 +1959,7 @@
1868
1959
  cursor: pointer;
1869
1960
  background: none;
1870
1961
  border: none;
1871
- font-size: 1rem;
1962
+ font-size: 1.25rem;
1872
1963
  padding: 0;
1873
1964
  }
1874
1965
  .navds-form-field--small .navds-search__button-clear {
@@ -2387,7 +2478,8 @@
2387
2478
  gap: var(--a-spacing-2);
2388
2479
  }
2389
2480
  .navds-date__caption-button,
2390
- .navds-date__caption-button:disabled {
2481
+ .navds-date__caption-button:disabled,
2482
+ .navds-date__caption-button:disabled:hover {
2391
2483
  color: var(--ac-date-caption-text, var(--a-text-default));
2392
2484
  }
2393
2485
  .navds-date__field-input {
@@ -2730,28 +2822,31 @@
2730
2822
  .navds-read-more__content {
2731
2823
  margin-top: var(--a-spacing-1);
2732
2824
  border-left: 2px solid var(--ac-read-more-line, var(--a-border-divider));
2825
+ margin-left: 13px;
2826
+ padding-left: 13px;
2827
+ }
2828
+ .navds-read-more--small .navds-read-more__content {
2733
2829
  margin-left: 11px;
2734
2830
  padding-left: 11px;
2735
2831
  }
2832
+ .navds-read-more__content--closed {
2833
+ display: none;
2834
+ }
2736
2835
  .navds-read-more__expand-icon {
2737
- font-size: 1.25rem;
2738
- height: 1.5rem;
2836
+ font-size: 1.5rem;
2739
2837
  flex-shrink: 0;
2740
2838
  }
2741
2839
  .navds-read-more--small .navds-read-more__expand-icon {
2742
- height: 1.25rem;
2840
+ font-size: 1.25rem;
2841
+ }
2842
+ .navds-read-more__button:hover > .navds-read-more__expand-icon {
2843
+ transform: translateY(1px);
2743
2844
  }
2744
2845
  .navds-read-more--open > .navds-read-more__button > .navds-read-more__expand-icon {
2745
2846
  transform: rotate(-180deg);
2746
2847
  }
2747
- .navds-read-more__expand-icon--filled {
2748
- display: none;
2749
- }
2750
- .navds-read-more__button:hover > .navds-read-more__expand-icon.navds-read-more__expand-icon--filled {
2751
- display: inherit;
2752
- }
2753
- .navds-read-more__button:hover > .navds-read-more__expand-icon {
2754
- display: none;
2848
+ .navds-read-more--open > .navds-read-more__button:hover > .navds-read-more__expand-icon {
2849
+ transform: translateY(-1px) rotate(-180deg);
2755
2850
  }
2756
2851
  .navds-stepper {
2757
2852
  --navds-stepper-circle-size: 1.75rem;
@@ -2844,6 +2939,8 @@ button.navds-stepper__step {
2844
2939
  border: none;
2845
2940
  background: none;
2846
2941
  font-size: 28px;
2942
+ color: var(--a-text-on-action);
2943
+ background-color: var(--ac-stepper-text, var(--a-surface-action));
2847
2944
  }
2848
2945
  .navds-stepper__content {
2849
2946
  min-width: fit-content;
@@ -2916,6 +3013,10 @@ button.navds-stepper__step {
2916
3013
  :where(.navds-stepper__step:not(.navds-stepper__step--active):hover) .navds-stepper__circle {
2917
3014
  background-color: var(--ac-stepper-hover-bg, var(--a-surface-action-subtle-hover));
2918
3015
  }
3016
+ :where(.navds-stepper__step:not(.navds-stepper__step--active):hover) .navds-stepper__circle--success {
3017
+ color: var(--ac-stepper-hover-bg, var(--a-surface-action-subtle-hover));
3018
+ background-color: var(--ac-stepper-text, var(--a-surface-action));
3019
+ }
2919
3020
  /* Non-interactive */
2920
3021
  :where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__content {
2921
3022
  color: var(--ac-stepper-non-interactive-active, var(--a-text-default));
@@ -2938,9 +3039,25 @@ button.navds-stepper__step {
2938
3039
  background-color: inherit;
2939
3040
  color: var(--ac-stepper-active-completed, var(--a-text-action-selected));
2940
3041
  }
3042
+ :where(.navds-stepper__step--completed.navds-stepper__step--active) .navds-stepper__circle--success {
3043
+ color: var(--a-text-on-action);
3044
+ background-color: var(--ac-stepper-active-completed, var(--a-surface-action-selected));
3045
+ }
3046
+ :where(.navds-stepper__step--non-interactive, .navds-stepper__step--non-interactive:hover) .navds-stepper__circle--success {
3047
+ color: var(--a-text-on-inverted);
3048
+ background-color: var(--ac-stepper-non-interactive-completed-bg, var(--a-surface-neutral));
3049
+ }
3050
+ :where(.navds-stepper__step--non-interactive.navds-stepper__step--active) .navds-stepper__circle--success {
3051
+ color: var(--a-text-on-inverted);
3052
+ background-color: var(--ac-stepper-non-interactive-active-completed, var(--a-surface-inverted));
3053
+ }
2941
3054
  :where(.navds-stepper__step--completed.navds-stepper__step--active.navds-stepper__step--non-interactive) .navds-stepper__circle {
2942
3055
  color: var(--ac-stepper-non-interactive-active-completed, var(--a-text-default));
2943
3056
  }
3057
+ :where(.navds-stepper__step--completed.navds-stepper__step--active.navds-stepper__step--non-interactive)
3058
+ .navds-stepper__circle--success {
3059
+ color: var(--ac-stepper-non-interactive-active-completed, var(--a-text-on-inverted));
3060
+ }
2944
3061
  .navds-table {
2945
3062
  width: 100%;
2946
3063
  border-collapse: collapse;
@@ -3096,16 +3213,15 @@ button.navds-stepper__step {
3096
3213
  .navds-table--small .navds-table__expandable-icon {
3097
3214
  font-size: 1.25rem;
3098
3215
  }
3099
- .navds-table__toggle-expand-button:hover .navds-table__expandable-icon,
3100
- .navds-table__expandable-icon--filled {
3101
- display: none;
3102
- }
3103
- .navds-table__toggle-expand-button:hover .navds-table__expandable-icon--filled {
3104
- display: block;
3216
+ .navds-table__toggle-expand-button:hover .navds-table__expandable-icon {
3217
+ transform: translateY(1px);
3105
3218
  }
3106
3219
  .navds-table__toggle-expand-cell--open .navds-table__expandable-icon {
3107
3220
  transform: rotate(180deg);
3108
3221
  }
3222
+ .navds-table__toggle-expand-cell--open .navds-table__toggle-expand-button:hover .navds-table__expandable-icon {
3223
+ transform: translateY(-1px) rotate(180deg);
3224
+ }
3109
3225
  .navds-table__expanded-row-cell {
3110
3226
  padding: 0;
3111
3227
  }
@@ -3165,7 +3281,7 @@ button.navds-stepper__step {
3165
3281
  align-items: center;
3166
3282
  background: none;
3167
3283
  border: none;
3168
- color: var(--ac-tabs-text, var(--a-text-subtle));
3284
+ color: var(--ac-tabs-text, var(--a-text-default));
3169
3285
  cursor: pointer;
3170
3286
  }
3171
3287
  .navds-tabs__tab:hover {