@navikt/ds-css 8.10.4 → 8.10.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/component/alert.css +5 -1
- package/dist/component/alert.min.css +1 -1
- package/dist/component/button.css +19 -4
- package/dist/component/button.min.css +1 -1
- package/dist/components.css +24 -5
- package/dist/components.min.css +1 -1
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +25 -6
- package/dist/index.min.css +1 -1
- package/package.json +3 -3
- package/src/alert.css +7 -3
- package/src/button.css +31 -6
- package/src/data-table.css +52 -26
package/dist/component/alert.css
CHANGED
|
@@ -199,7 +199,7 @@
|
|
|
199
199
|
color: var(--ax-text-default);
|
|
200
200
|
align-items: flex-start;
|
|
201
201
|
gap: var(--ax-space-8);
|
|
202
|
-
padding: var(--ax-space-
|
|
202
|
+
padding: var(--ax-space-16) var(--ax-space-20);
|
|
203
203
|
display: flex;
|
|
204
204
|
}
|
|
205
205
|
|
|
@@ -207,6 +207,10 @@
|
|
|
207
207
|
margin-top: var(--ax-space-2);
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
+
.aksel-base-alert[data-size="small"] .aksel-base-alert__message {
|
|
211
|
+
padding: var(--ax-space-12) var(--ax-space-16);
|
|
212
|
+
}
|
|
213
|
+
|
|
210
214
|
.aksel-base-alert[data-size="small"] .aksel-base-alert__message > .aksel-base-alert__icon {
|
|
211
215
|
margin-top: 0;
|
|
212
216
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-alert{border-radius:var(--ax-radius-12);padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-12);border:1px solid;border-color:var(--ax-border-default);background-color:var(--ax-bg-moderate);align-items:center;display:flex}.aksel-alert>.aksel-alert__icon{color:var(--ax-text-decoration)}@media(forced-colors:active){.aksel-alert{color:canvastext;background-color:canvas;border:1px solid canvastext}}.aksel-alert__wrapper--maxwidth{max-width:43.5rem}.aksel-alert__icon{height:var(--ax-font-line-height-xlarge);flex-shrink:0;align-self:flex-start;font-size:1.5rem}.aksel-alert--small{padding:var(--ax-space-12) var(--ax-space-16);gap:var(--ax-space-8)}.aksel-alert--small>.aksel-alert__icon{height:var(--ax-font-line-height-large);margin-block-start:0}.aksel-alert--full-width{border-radius:0}.aksel-alert--inline{background-color:#0000;border:none;padding:0}.aksel-alert__button-wrapper{flex-flow:row;flex:1;justify-content:flex-end;align-self:flex-start;display:flex}.aksel-alert--close-button>.aksel-alert__wrapper,.aksel-alert--close-button>.aksel-alert__icon{margin-block-start:var(--ax-space-2)}.aksel-alert--close-button.aksel-alert--small{align-items:flex-start}.aksel-alert--close-button.aksel-alert--small>.aksel-alert__wrapper,.aksel-alert--close-button.aksel-alert--small>.aksel-alert__icon{margin-block-start:var(--ax-space-4)}.aksel-base-alert{border-radius:var(--ax-radius-12);--__axc-base-alert-pi: var(--ax-space-20);--__axc-base-alert-content-p: var(--ax-space-12) var(--__axc-base-alert-pi) var(--ax-space-16) var(--__axc-base-alert-pi);--__axc-base-alert-header-max-width: 37.5rem;--__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);--__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);--__axc-global-alert-alignment: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));height:fit-content;display:grid;overflow:clip}.aksel-base-alert[data-centered=false]{--__axc-global-alert-alignment: var(--ax-space-20)}.aksel-base-alert[data-size=small]{--__axc-base-alert-content-p: var(--ax-space-8) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);--__axc-base-alert-header-icon-margin-block-start: var(--ax-space-6);--__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-2)}.aksel-base-alert[data-size=small][data-centered=false]{--__axc-global-alert-alignment: var(--ax-space-16)}.aksel-base-alert[data-variant=moderate]{outline:1px solid var(--ax-border-default);outline-offset:-1px}.aksel-base-alert[data-variant=moderate][data-size=small]{--__axc-base-alert-pi: var(--ax-space-16)}.aksel-base-alert[data-variant=strong]{outline:2px solid var(--ax-border-default);outline-offset:-2px}.aksel-base-alert[data-variant=strong][data-color=neutral]{outline-color:var(--ax-border-strong)}.aksel-base-alert[data-global=true]{border-radius:0}.aksel-base-alert__header{align-items:flex-start;gap:var(--ax-space-8);padding:0 var(--__axc-base-alert-pi);border-bottom:1px solid;display:flex}.aksel-base-alert[data-global=true] .aksel-base-alert__header{padding-inline:var(--__axc-global-alert-alignment)}.aksel-base-alert[data-variant=moderate] .aksel-base-alert__header{background:var(--ax-bg-moderate);color:var(--ax-text-default);border-color:var(--ax-border-subtleA);padding-top:var(--ax-space-1)}.aksel-base-alert[data-variant=strong] .aksel-base-alert__header{background:var(--ax-bg-strong);color:var(--ax-text-contrast);border-bottom:none}.aksel-base-alert__header:only-child{border-bottom:none}.aksel-base-alert__icon{margin-top:var(--__axc-base-alert-header-icon-margin-block-start);font-size:1.5rem;display:grid}.aksel-base-alert__title{padding-block:var(--ax-space-6)}.aksel-base-alert__content{padding:var(--__axc-base-alert-content-p);background-color:var(--ax-bg-default)}.aksel-base-alert__content[data-color]{color:var(--ax-text-neutral)}.aksel-base-alert[data-global=true] .aksel-base-alert__content{padding-inline:var(--__axc-global-alert-alignment)}.aksel-base-alert__close-button{margin-left:auto;z-index:1;margin-block-start:var(--__axc-base-alert-header-close-button-margin-block-start)}.aksel-base-alert__close-button:focus-visible{outline-color:var(--ax-bg-default)}.aksel-base-alert__close-button.aksel-base-alert__close-button.aksel-base-alert__close-button{color:var(--ax-text-neutral-contrast)}.aksel-base-alert__message{border-radius:var(--ax-radius-12);outline:1px solid var(--ax-border-default);outline-offset:-1px;background:var(--ax-bg-moderate);height:fit-content;color:var(--ax-text-default);align-items:flex-start;gap:var(--ax-space-8);padding:var(--ax-space-
|
|
1
|
+
@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-alert{border-radius:var(--ax-radius-12);padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-12);border:1px solid;border-color:var(--ax-border-default);background-color:var(--ax-bg-moderate);align-items:center;display:flex}.aksel-alert>.aksel-alert__icon{color:var(--ax-text-decoration)}@media(forced-colors:active){.aksel-alert{color:canvastext;background-color:canvas;border:1px solid canvastext}}.aksel-alert__wrapper--maxwidth{max-width:43.5rem}.aksel-alert__icon{height:var(--ax-font-line-height-xlarge);flex-shrink:0;align-self:flex-start;font-size:1.5rem}.aksel-alert--small{padding:var(--ax-space-12) var(--ax-space-16);gap:var(--ax-space-8)}.aksel-alert--small>.aksel-alert__icon{height:var(--ax-font-line-height-large);margin-block-start:0}.aksel-alert--full-width{border-radius:0}.aksel-alert--inline{background-color:#0000;border:none;padding:0}.aksel-alert__button-wrapper{flex-flow:row;flex:1;justify-content:flex-end;align-self:flex-start;display:flex}.aksel-alert--close-button>.aksel-alert__wrapper,.aksel-alert--close-button>.aksel-alert__icon{margin-block-start:var(--ax-space-2)}.aksel-alert--close-button.aksel-alert--small{align-items:flex-start}.aksel-alert--close-button.aksel-alert--small>.aksel-alert__wrapper,.aksel-alert--close-button.aksel-alert--small>.aksel-alert__icon{margin-block-start:var(--ax-space-4)}.aksel-base-alert{border-radius:var(--ax-radius-12);--__axc-base-alert-pi: var(--ax-space-20);--__axc-base-alert-content-p: var(--ax-space-12) var(--__axc-base-alert-pi) var(--ax-space-16) var(--__axc-base-alert-pi);--__axc-base-alert-header-max-width: 37.5rem;--__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);--__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);--__axc-global-alert-alignment: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));height:fit-content;display:grid;overflow:clip}.aksel-base-alert[data-centered=false]{--__axc-global-alert-alignment: var(--ax-space-20)}.aksel-base-alert[data-size=small]{--__axc-base-alert-content-p: var(--ax-space-8) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);--__axc-base-alert-header-icon-margin-block-start: var(--ax-space-6);--__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-2)}.aksel-base-alert[data-size=small][data-centered=false]{--__axc-global-alert-alignment: var(--ax-space-16)}.aksel-base-alert[data-variant=moderate]{outline:1px solid var(--ax-border-default);outline-offset:-1px}.aksel-base-alert[data-variant=moderate][data-size=small]{--__axc-base-alert-pi: var(--ax-space-16)}.aksel-base-alert[data-variant=strong]{outline:2px solid var(--ax-border-default);outline-offset:-2px}.aksel-base-alert[data-variant=strong][data-color=neutral]{outline-color:var(--ax-border-strong)}.aksel-base-alert[data-global=true]{border-radius:0}.aksel-base-alert__header{align-items:flex-start;gap:var(--ax-space-8);padding:0 var(--__axc-base-alert-pi);border-bottom:1px solid;display:flex}.aksel-base-alert[data-global=true] .aksel-base-alert__header{padding-inline:var(--__axc-global-alert-alignment)}.aksel-base-alert[data-variant=moderate] .aksel-base-alert__header{background:var(--ax-bg-moderate);color:var(--ax-text-default);border-color:var(--ax-border-subtleA);padding-top:var(--ax-space-1)}.aksel-base-alert[data-variant=strong] .aksel-base-alert__header{background:var(--ax-bg-strong);color:var(--ax-text-contrast);border-bottom:none}.aksel-base-alert__header:only-child{border-bottom:none}.aksel-base-alert__icon{margin-top:var(--__axc-base-alert-header-icon-margin-block-start);font-size:1.5rem;display:grid}.aksel-base-alert__title{padding-block:var(--ax-space-6)}.aksel-base-alert__content{padding:var(--__axc-base-alert-content-p);background-color:var(--ax-bg-default)}.aksel-base-alert__content[data-color]{color:var(--ax-text-neutral)}.aksel-base-alert[data-global=true] .aksel-base-alert__content{padding-inline:var(--__axc-global-alert-alignment)}.aksel-base-alert__close-button{margin-left:auto;z-index:1;margin-block-start:var(--__axc-base-alert-header-close-button-margin-block-start)}.aksel-base-alert__close-button:focus-visible{outline-color:var(--ax-bg-default)}.aksel-base-alert__close-button.aksel-base-alert__close-button.aksel-base-alert__close-button{color:var(--ax-text-neutral-contrast)}.aksel-base-alert__message{border-radius:var(--ax-radius-12);outline:1px solid var(--ax-border-default);outline-offset:-1px;background:var(--ax-bg-moderate);height:fit-content;color:var(--ax-text-default);align-items:flex-start;gap:var(--ax-space-8);padding:var(--ax-space-16) var(--ax-space-20);display:flex}.aksel-base-alert__message>.aksel-base-alert__icon{margin-top:var(--ax-space-2)}.aksel-base-alert[data-size=small] .aksel-base-alert__message{padding:var(--ax-space-12) var(--ax-space-16)}.aksel-base-alert[data-size=small] .aksel-base-alert__message>.aksel-base-alert__icon{margin-top:0}}@layer aksel.layout;
|
|
@@ -43,14 +43,17 @@
|
|
|
43
43
|
|
|
44
44
|
.aksel-button[data-variant="secondary"] {
|
|
45
45
|
--__axc-button-border-color: var(--ax-border-default);
|
|
46
|
-
color: var(--ax-text-subtle);
|
|
47
46
|
background-color: rgba(0, 0, 0, 0);
|
|
48
47
|
}
|
|
49
48
|
|
|
50
|
-
.aksel-button[data-variant="secondary"][data-color="neutral"], [data-color="neutral"]
|
|
49
|
+
.aksel-button[data-variant="secondary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="secondary"]:not([data-color]) {
|
|
51
50
|
color: var(--ax-text-default);
|
|
52
51
|
}
|
|
53
52
|
|
|
53
|
+
.aksel-button[data-variant="secondary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="secondary"] {
|
|
54
|
+
color: var(--ax-text-subtle);
|
|
55
|
+
}
|
|
56
|
+
|
|
54
57
|
.aksel-button[data-variant="secondary"]:hover {
|
|
55
58
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
56
59
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
@@ -70,14 +73,17 @@
|
|
|
70
73
|
}
|
|
71
74
|
|
|
72
75
|
.aksel-button[data-variant="tertiary"] {
|
|
73
|
-
color: var(--ax-text-subtle);
|
|
74
76
|
background-color: rgba(0, 0, 0, 0);
|
|
75
77
|
}
|
|
76
78
|
|
|
77
|
-
.aksel-button[data-variant="tertiary"][data-color="neutral"], [data-color="neutral"]
|
|
79
|
+
.aksel-button[data-variant="tertiary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
|
|
78
80
|
color: var(--ax-text-default);
|
|
79
81
|
}
|
|
80
82
|
|
|
83
|
+
.aksel-button[data-variant="tertiary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="tertiary"]:not([data-pressed="true"]) {
|
|
84
|
+
color: var(--ax-text-subtle);
|
|
85
|
+
}
|
|
86
|
+
|
|
81
87
|
.aksel-button[data-variant="tertiary"]:hover {
|
|
82
88
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
83
89
|
}
|
|
@@ -219,6 +225,15 @@
|
|
|
219
225
|
border-color: highlight;
|
|
220
226
|
}
|
|
221
227
|
|
|
228
|
+
.aksel-button[data-variant="tertiary"][data-pressed="true"] {
|
|
229
|
+
color: selecteditemtext;
|
|
230
|
+
background-color: selecteditem;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.aksel-button[data-variant="tertiary"][data-pressed="true"] span {
|
|
234
|
+
forced-color-adjust: none;
|
|
235
|
+
}
|
|
236
|
+
|
|
222
237
|
.aksel-button:not(:disabled):hover span {
|
|
223
238
|
forced-color-adjust: none;
|
|
224
239
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader;@layer aksel.components.core.button{.aksel-button{--__axc-button-icon-size: 1.5rem;--__axc-button-icon-margin: -4px;--__axc-button-border-color: transparent;--__axc-button-border-width: 2px;padding:var(--ax-space-12) var(--ax-space-20);border-radius:var(--ax-radius-8);cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-8);box-shadow:inset 0 0 0 var(--__axc-button-border-width) var(--__axc-button-border-color);background:none;border:none;text-decoration:none;display:inline-flex}.aksel-button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-button[data-variant=primary]{background-color:var(--ax-bg-strong);color:var(--ax-text-contrast)}.aksel-button[data-variant=primary]:hover{background-color:var(--ax-bg-strong-hover)}.aksel-button[data-variant=primary]:active{background-color:var(--ax-bg-strong-pressed)}.aksel-button[data-variant=primary]:is(:disabled,.aksel-button--disabled){background-color:var(--ax-bg-strong)}.aksel-button[data-variant=secondary]{--__axc-button-border-color: var(--ax-border-default);
|
|
1
|
+
@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader;@layer aksel.components.core.button{.aksel-button{--__axc-button-icon-size: 1.5rem;--__axc-button-icon-margin: -4px;--__axc-button-border-color: transparent;--__axc-button-border-width: 2px;padding:var(--ax-space-12) var(--ax-space-20);border-radius:var(--ax-radius-8);cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-8);box-shadow:inset 0 0 0 var(--__axc-button-border-width) var(--__axc-button-border-color);background:none;border:none;text-decoration:none;display:inline-flex}.aksel-button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-button[data-variant=primary]{background-color:var(--ax-bg-strong);color:var(--ax-text-contrast)}.aksel-button[data-variant=primary]:hover{background-color:var(--ax-bg-strong-hover)}.aksel-button[data-variant=primary]:active{background-color:var(--ax-bg-strong-pressed)}.aksel-button[data-variant=primary]:is(:disabled,.aksel-button--disabled){background-color:var(--ax-bg-strong)}.aksel-button[data-variant=secondary]{--__axc-button-border-color: var(--ax-border-default);background-color:#0000}.aksel-button[data-variant=secondary][data-color=neutral],[data-color=neutral] .aksel-button[data-variant=secondary]:not([data-color]){color:var(--ax-text-default)}.aksel-button[data-variant=secondary],[data-color=neutral] [data-color]:not([data-color=neutral]) .aksel-button[data-variant=secondary]{color:var(--ax-text-subtle)}.aksel-button[data-variant=secondary]:hover{--__axc-button-border-color: var(--ax-border-strong);background-color:var(--ax-bg-moderate-hoverA)}.aksel-button[data-variant=secondary]:active{background-color:var(--ax-bg-moderate-pressedA)}.aksel-button[data-variant=secondary]:is(:disabled,.aksel-button--disabled){color:var(--ax-text-subtle);background-color:#0000}.aksel-button[data-variant=secondary]:is(:disabled,.aksel-button--disabled)[data-color=neutral],[data-color=neutral]>.aksel-button[data-variant=secondary]:is(:disabled,.aksel-button--disabled):not([data-color]){color:var(--ax-text-default)}.aksel-button[data-variant=tertiary]{background-color:#0000}.aksel-button[data-variant=tertiary][data-color=neutral],[data-color=neutral] .aksel-button[data-variant=tertiary]:not([data-color],[data-pressed=true]){color:var(--ax-text-default)}.aksel-button[data-variant=tertiary],[data-color=neutral] [data-color]:not([data-color=neutral]) .aksel-button[data-variant=tertiary]:not([data-pressed=true]){color:var(--ax-text-subtle)}.aksel-button[data-variant=tertiary]:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-button[data-variant=tertiary]:active{background-color:var(--ax-bg-moderate-pressedA)}.aksel-button[data-variant=tertiary][data-pressed=true]{background-color:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast)}.aksel-button[data-variant=tertiary]:is(:disabled,.aksel-button--disabled){color:var(--ax-text-subtle);background-color:#0000}.aksel-button[data-variant=tertiary]:is(:disabled,.aksel-button--disabled)[data-color=neutral],[data-color=neutral]>.aksel-button[data-variant=tertiary]:is(:disabled,.aksel-button--disabled):not([data-color]){color:var(--ax-text-default)}.aksel-button--small,.aksel-button--xsmall{--__axc-button-icon-margin: -2px}.aksel-button--small{padding:var(--ax-space-4) var(--ax-space-12);gap:var(--ax-space-6);min-width:2rem;min-height:2rem}.aksel-button--xsmall{padding:var(--ax-space-2) var(--ax-space-8);gap:var(--ax-space-4);--__axc-button-icon-size: 1.25rem}@supports not selector(:focus-visible){.aksel-button:focus{outline:3px solid var(--ax-border-focus)}}.aksel-button__icon{font-size:var(--__axc-button-icon-size);display:flex}.aksel-button__icon:first-child{margin-left:var(--__axc-button-icon-margin)}.aksel-button__icon:last-child{margin-right:var(--__axc-button-icon-margin)}.aksel-button--icon-only .aksel-button__icon{margin:0}.aksel-button--icon-only{padding:var(--ax-space-12)}.aksel-button--icon-only.aksel-button--small{padding:var(--ax-space-4)}.aksel-button--icon-only.aksel-button--xsmall{padding:var(--ax-space-2)}.aksel-button:where(:disabled,.aksel-button--disabled){cursor:not-allowed}.aksel-button:not(.aksel-button--loading):where(:disabled,.aksel-button--disabled){opacity:var(--ax-opacity-disabled)}.aksel-button>.aksel-loader{position:absolute}.aksel-button .aksel-loader .aksel-loader__foreground{stroke:currentColor}.aksel-button[data-variant=primary] .aksel-loader .aksel-loader__background{stroke:#ffffff4d}.aksel-button--loading>:not(.aksel-loader){visibility:hidden}@media(forced-colors:active){.aksel-button:not(.aksel-button--loading):where(:disabled,.aksel-button--disabled){opacity:1;color:graytext}.aksel-button{color:buttontext;background-color:buttonface;border:1px solid rgba(0,0,0,0)}.aksel-button[data-variant=primary]:not(:disabled){color:highlighttext;background-color:highlight}.aksel-button[data-variant=primary]:not(:disabled) span{forced-color-adjust:none}.aksel-button[data-variant=primary]:not(:disabled):where(a){color:highlighttext;background-color:linktext}.aksel-button[data-variant=primary]:not(:disabled):where(a) span{forced-color-adjust:none}.aksel-button[data-variant=primary]:not(:disabled):hover{color:highlight;background-color:highlighttext;border-color:highlight}.aksel-button:hover:not(:disabled),.aksel-button[data-variant=primary]:where(a):hover:not(:disabled){color:highlight;box-shadow:none;background-color:highlighttext;border-color:highlight}.aksel-button[data-variant=tertiary][data-pressed=true]{color:selecteditemtext;background-color:selecteditem}.aksel-button[data-variant=tertiary][data-pressed=true] span{forced-color-adjust:none}.aksel-button:not(:disabled):hover span{forced-color-adjust:none}.aksel-button .aksel-loader .aksel-loader__foreground{stroke:canvas}.aksel-button[data-variant=primary] .aksel-loader .aksel-loader__background{stroke:canvastext}}}@layer aksel.components.form,aksel.components.modules,aksel.layout;
|
package/dist/components.css
CHANGED
|
@@ -585,14 +585,17 @@
|
|
|
585
585
|
|
|
586
586
|
.aksel-button[data-variant="secondary"] {
|
|
587
587
|
--__axc-button-border-color: var(--ax-border-default);
|
|
588
|
-
color: var(--ax-text-subtle);
|
|
589
588
|
background-color: rgba(0, 0, 0, 0);
|
|
590
589
|
}
|
|
591
590
|
|
|
592
|
-
.aksel-button[data-variant="secondary"][data-color="neutral"], [data-color="neutral"]
|
|
591
|
+
.aksel-button[data-variant="secondary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="secondary"]:not([data-color]) {
|
|
593
592
|
color: var(--ax-text-default);
|
|
594
593
|
}
|
|
595
594
|
|
|
595
|
+
.aksel-button[data-variant="secondary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="secondary"] {
|
|
596
|
+
color: var(--ax-text-subtle);
|
|
597
|
+
}
|
|
598
|
+
|
|
596
599
|
.aksel-button[data-variant="secondary"]:hover {
|
|
597
600
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
598
601
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
@@ -612,14 +615,17 @@
|
|
|
612
615
|
}
|
|
613
616
|
|
|
614
617
|
.aksel-button[data-variant="tertiary"] {
|
|
615
|
-
color: var(--ax-text-subtle);
|
|
616
618
|
background-color: rgba(0, 0, 0, 0);
|
|
617
619
|
}
|
|
618
620
|
|
|
619
|
-
.aksel-button[data-variant="tertiary"][data-color="neutral"], [data-color="neutral"]
|
|
621
|
+
.aksel-button[data-variant="tertiary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
|
|
620
622
|
color: var(--ax-text-default);
|
|
621
623
|
}
|
|
622
624
|
|
|
625
|
+
.aksel-button[data-variant="tertiary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="tertiary"]:not([data-pressed="true"]) {
|
|
626
|
+
color: var(--ax-text-subtle);
|
|
627
|
+
}
|
|
628
|
+
|
|
623
629
|
.aksel-button[data-variant="tertiary"]:hover {
|
|
624
630
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
625
631
|
}
|
|
@@ -761,6 +767,15 @@
|
|
|
761
767
|
border-color: highlight;
|
|
762
768
|
}
|
|
763
769
|
|
|
770
|
+
.aksel-button[data-variant="tertiary"][data-pressed="true"] {
|
|
771
|
+
color: selecteditemtext;
|
|
772
|
+
background-color: selecteditem;
|
|
773
|
+
}
|
|
774
|
+
|
|
775
|
+
.aksel-button[data-variant="tertiary"][data-pressed="true"] span {
|
|
776
|
+
forced-color-adjust: none;
|
|
777
|
+
}
|
|
778
|
+
|
|
764
779
|
.aksel-button:not(:disabled):hover span {
|
|
765
780
|
forced-color-adjust: none;
|
|
766
781
|
}
|
|
@@ -3052,7 +3067,7 @@
|
|
|
3052
3067
|
color: var(--ax-text-default);
|
|
3053
3068
|
align-items: flex-start;
|
|
3054
3069
|
gap: var(--ax-space-8);
|
|
3055
|
-
padding: var(--ax-space-
|
|
3070
|
+
padding: var(--ax-space-16) var(--ax-space-20);
|
|
3056
3071
|
display: flex;
|
|
3057
3072
|
}
|
|
3058
3073
|
|
|
@@ -3060,6 +3075,10 @@
|
|
|
3060
3075
|
margin-top: var(--ax-space-2);
|
|
3061
3076
|
}
|
|
3062
3077
|
|
|
3078
|
+
.aksel-base-alert[data-size="small"] .aksel-base-alert__message {
|
|
3079
|
+
padding: var(--ax-space-12) var(--ax-space-16);
|
|
3080
|
+
}
|
|
3081
|
+
|
|
3063
3082
|
.aksel-base-alert[data-size="small"] .aksel-base-alert__message > .aksel-base-alert__icon {
|
|
3064
3083
|
margin-top: 0;
|
|
3065
3084
|
}
|