@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.
- package/CHANGELOG.md +28 -0
- package/accordion.css +126 -29
- package/alert.css +0 -1
- package/button.css +5 -6
- package/chips.css +11 -6
- package/date.css +2 -1
- package/dist/component/accordion.css +131 -29
- package/dist/component/accordion.min.css +1 -1
- package/dist/component/alert.css +0 -1
- package/dist/component/alert.min.css +1 -1
- package/dist/component/button.css +5 -6
- package/dist/component/button.min.css +1 -1
- package/dist/component/chips.css +11 -6
- package/dist/component/chips.min.css +1 -1
- package/dist/component/date.css +2 -1
- package/dist/component/date.min.css +1 -1
- package/dist/component/expansioncard.css +2 -2
- package/dist/component/expansioncard.min.css +1 -1
- package/dist/component/form.css +8 -5
- package/dist/component/form.min.css +1 -1
- package/dist/component/index.css +184 -68
- package/dist/component/index.min.css +2 -2
- package/dist/component/readmore.css +17 -13
- package/dist/component/readmore.min.css +1 -1
- package/dist/component/stepper.css +27 -0
- package/dist/component/stepper.min.css +1 -1
- package/dist/component/table.css +6 -7
- package/dist/component/table.min.css +1 -1
- package/dist/component/tabs.css +1 -1
- package/dist/component/tabs.min.css +1 -1
- package/dist/components.css +183 -67
- package/dist/components.min.css +2 -2
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +184 -68
- package/dist/index.min.css +2 -2
- package/expansioncard.css +2 -2
- package/form/search.css +1 -1
- package/form/select.css +6 -2
- package/form/switch.css +2 -2
- package/package.json +2 -2
- package/read-more.css +17 -13
- package/stepper.css +27 -0
- package/table.css +6 -7
- package/tabs.css +1 -1
- 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))}
|
package/dist/component/table.css
CHANGED
|
@@ -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
|
-
|
|
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-
|
|
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)}
|
package/dist/component/tabs.css
CHANGED
|
@@ -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-
|
|
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}
|
package/dist/components.css
CHANGED
|
@@ -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:
|
|
373
|
+
justify-content: flex-start;
|
|
367
374
|
align-items: flex-start;
|
|
368
375
|
gap: var(--a-spacing-2);
|
|
369
|
-
padding:
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
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
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
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-
|
|
402
|
-
|
|
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-
|
|
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-
|
|
410
|
-
transform:
|
|
452
|
+
:where(.navds-accordion__header):hover > :where(.navds-accordion__icon-wrapper) > :where(.navds-accordion__header-chevron) {
|
|
453
|
+
transform: translateY(1px);
|
|
411
454
|
}
|
|
412
|
-
.navds-
|
|
413
|
-
|
|
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-
|
|
416
|
-
|
|
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-
|
|
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:
|
|
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:
|
|
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-
|
|
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:
|
|
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.
|
|
959
|
-
height: 1.
|
|
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:
|
|
966
|
-
height:
|
|
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:
|
|
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:
|
|
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-
|
|
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:
|
|
1511
|
-
right:
|
|
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-
|
|
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-
|
|
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:
|
|
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.
|
|
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
|
-
|
|
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
|
|
2748
|
-
|
|
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
|
-
|
|
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-
|
|
3284
|
+
color: var(--ac-tabs-text, var(--a-text-default));
|
|
3169
3285
|
cursor: pointer;
|
|
3170
3286
|
}
|
|
3171
3287
|
.navds-tabs__tab:hover {
|