@navikt/ds-css 8.1.0 → 8.2.1
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 +8 -0
- package/dist/component/actionmenu.css +6 -1
- package/dist/component/actionmenu.min.css +1 -1
- package/dist/components.css +6 -1
- 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 +7 -2
- package/dist/index.min.css +1 -1
- package/package.json +3 -3
- package/src/action-menu.css +13 -6
- package/src/data-table.css +58 -0
- package/src/data-toolbar.css +18 -0
package/CHANGELOG.md
CHANGED
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
pointer-events: none;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.aksel-action-menu__item
|
|
85
|
+
.aksel-action-menu__item[data-marker="left"] {
|
|
86
86
|
--__axc-action-menu-item-pl: var(--ax-space-24);
|
|
87
87
|
}
|
|
88
88
|
|
|
@@ -131,6 +131,11 @@
|
|
|
131
131
|
font-size: 18px;
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
+
.aksel-action-menu__marker-icon.aksel-action-menu__marker--right {
|
|
135
|
+
margin-left: 0;
|
|
136
|
+
padding-left: 0;
|
|
137
|
+
}
|
|
138
|
+
|
|
134
139
|
.aksel-action-menu__shortcut {
|
|
135
140
|
background-color: var(--ax-bg-neutral-moderateA);
|
|
136
141
|
color: var(--ax-text-neutral);
|
|
@@ -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-action-menu__content{border-radius:var(--ax-radius-12);border:1px solid var(--ax-border-neutral-subtleA);box-shadow:var(--ax-shadow-dialog);transition:transform .25s cubic-bezier(0,0,0,1) allow-discrete;overflow:hidden}@starting-style{.aksel-action-menu__content[data-state=open][data-side=bottom]{transform:translateY(-4px)}}@starting-style{.aksel-action-menu__content[data-state=open][data-side=top]{transform:translateY(4px)}}@starting-style{.aksel-action-menu__content[data-state=open][data-side=right]{transform:translate(-4px)}}@starting-style{.aksel-action-menu__content[data-state=open][data-side=left]{transform:translate(4px)}}.aksel-action-menu__content>.aksel-action-menu__content-inner{--__axc-action-menu-content-p: var(--ax-space-8);--__axc-action-menu-item-pr: var(--ax-space-8);--__axc-action-menu-item-pl: var(--ax-space-8);--__axc-action-menu-item-height: 2rem;border-radius:var(--ax-radius-12);background-color:var(--ax-bg-raised);min-width:128px;max-width:min(95vw,640px);transform-origin:var(--__axc-action-menu-content-transform-origin);padding:var(--__axc-action-menu-content-p);max-height:var(--__axc-action-menu-content-available-height);animation-duration:.16s;animation-timing-function:cubic-bezier(.16,1,.3,1);overflow:auto}.aksel-action-menu__item{align-items:center;gap:var(--ax-space-8);min-height:var(--__axc-action-menu-item-height);cursor:default;border-radius:var(--ax-radius-8);padding-left:var(--__axc-action-menu-item-pl);padding-right:var(--__axc-action-menu-item-pr);font-size:var(--ax-font-size-medium);scroll-margin-block:var(--__axc-action-menu-content-p);color:var(--ax-text-neutral);line-height:1.5;text-decoration:none;display:flex;position:relative}.aksel-action-menu__item svg{flex-shrink:0}.aksel-action-menu__item:focus{background-color:var(--ax-bg-moderate-hoverA);color:var(--ax-text-neutral);outline:none}.aksel-action-menu__item[aria-disabled=true]{opacity:.5;pointer-events:none}.aksel-action-menu__item
|
|
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-action-menu__content{border-radius:var(--ax-radius-12);border:1px solid var(--ax-border-neutral-subtleA);box-shadow:var(--ax-shadow-dialog);transition:transform .25s cubic-bezier(0,0,0,1) allow-discrete;overflow:hidden}@starting-style{.aksel-action-menu__content[data-state=open][data-side=bottom]{transform:translateY(-4px)}}@starting-style{.aksel-action-menu__content[data-state=open][data-side=top]{transform:translateY(4px)}}@starting-style{.aksel-action-menu__content[data-state=open][data-side=right]{transform:translate(-4px)}}@starting-style{.aksel-action-menu__content[data-state=open][data-side=left]{transform:translate(4px)}}.aksel-action-menu__content>.aksel-action-menu__content-inner{--__axc-action-menu-content-p: var(--ax-space-8);--__axc-action-menu-item-pr: var(--ax-space-8);--__axc-action-menu-item-pl: var(--ax-space-8);--__axc-action-menu-item-height: 2rem;border-radius:var(--ax-radius-12);background-color:var(--ax-bg-raised);min-width:128px;max-width:min(95vw,640px);transform-origin:var(--__axc-action-menu-content-transform-origin);padding:var(--__axc-action-menu-content-p);max-height:var(--__axc-action-menu-content-available-height);animation-duration:.16s;animation-timing-function:cubic-bezier(.16,1,.3,1);overflow:auto}.aksel-action-menu__item{align-items:center;gap:var(--ax-space-8);min-height:var(--__axc-action-menu-item-height);cursor:default;border-radius:var(--ax-radius-8);padding-left:var(--__axc-action-menu-item-pl);padding-right:var(--__axc-action-menu-item-pr);font-size:var(--ax-font-size-medium);scroll-margin-block:var(--__axc-action-menu-content-p);color:var(--ax-text-neutral);line-height:1.5;text-decoration:none;display:flex;position:relative}.aksel-action-menu__item svg{flex-shrink:0}.aksel-action-menu__item:focus{background-color:var(--ax-bg-moderate-hoverA);color:var(--ax-text-neutral);outline:none}.aksel-action-menu__item[aria-disabled=true]{opacity:.5;pointer-events:none}.aksel-action-menu__item[data-marker=left]{--__axc-action-menu-item-pl: var(--ax-space-24)}.aksel-action-menu__sub-trigger{--__axc-action-menu-item-pr: var(--ax-space-2)}.aksel-action-menu__sub-trigger[data-state=open]{background-color:var(--ax-bg-neutral-moderate-pressedA)}.aksel-action-menu__sub-trigger:focus{background-color:var(--ax-bg-moderate-hoverA)}.aksel-action-menu__item--danger{color:var(--ax-text-danger-subtle)}.aksel-action-menu__item--danger:focus{background-color:var(--ax-bg-danger-moderate-hoverA);color:var(--ax-text-danger-subtle)}.aksel-action-menu__marker{align-items:center;gap:var(--ax-space-4);display:flex}.aksel-action-menu__marker--right{padding-left:var(--ax-space-16);margin-left:auto}.aksel-action-menu__marker--left{width:var(--__axc-action-menu-item-pl);justify-content:center;display:inline-flex;position:absolute;left:0}.aksel-action-menu__marker-icon svg{flex-shrink:0;font-size:18px}.aksel-action-menu__marker-icon.aksel-action-menu__marker--right{margin-left:0;padding-left:0}.aksel-action-menu__shortcut{background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral);border-radius:var(--ax-radius-2);padding:0 var(--ax-space-4);min-width:1.125rem;height:1.125rem;line-height:1;font-size:var(--ax-font-size-small);justify-content:center;align-items:center;display:inline-flex}.aksel-action-menu__label{min-height:calc(var(--__axc-action-menu-item-height) - 6px);padding-right:var(--__axc-action-menu-item-pr);padding-left:var(--__axc-action-menu-item-pl);color:var(--ax-text-neutral-subtle);border-radius:var(--ax-radius-4);-webkit-user-select:none;user-select:none;cursor:default;font-size:var(--ax-font-size-small);align-items:center;display:flex}.aksel-action-menu__divider{height:1px;margin-block:var(--ax-space-8);background-color:var(--ax-border-neutral-subtleA)}.aksel-action-menu__indicator-icon--unchecked,.aksel-action-menu__indicator-icon--checked,.aksel-action-menu__indicator-icon--indeterminate{display:none}.aksel-action-menu__indicator{place-content:center;display:grid}.aksel-action-menu__indicator[data-state=unchecked] .aksel-action-menu__indicator-icon--unchecked,.aksel-action-menu__indicator[data-state=checked] .aksel-action-menu__indicator-icon--checked,.aksel-action-menu__indicator[data-state=indeterminate] .aksel-action-menu__indicator-icon--indeterminate{display:block}.aksel-action-menu__indicator-icon{font-size:14px}}@layer aksel.layout;
|
package/dist/components.css
CHANGED
|
@@ -4116,7 +4116,7 @@
|
|
|
4116
4116
|
pointer-events: none;
|
|
4117
4117
|
}
|
|
4118
4118
|
|
|
4119
|
-
.aksel-action-menu__item
|
|
4119
|
+
.aksel-action-menu__item[data-marker="left"] {
|
|
4120
4120
|
--__axc-action-menu-item-pl: var(--ax-space-24);
|
|
4121
4121
|
}
|
|
4122
4122
|
|
|
@@ -4165,6 +4165,11 @@
|
|
|
4165
4165
|
font-size: 18px;
|
|
4166
4166
|
}
|
|
4167
4167
|
|
|
4168
|
+
.aksel-action-menu__marker-icon.aksel-action-menu__marker--right {
|
|
4169
|
+
margin-left: 0;
|
|
4170
|
+
padding-left: 0;
|
|
4171
|
+
}
|
|
4172
|
+
|
|
4168
4173
|
.aksel-action-menu__shortcut {
|
|
4169
4174
|
background-color: var(--ax-bg-neutral-moderateA);
|
|
4170
4175
|
color: var(--ax-text-neutral);
|