@navikt/ds-css 8.13.1 → 8.14.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/dist/component/lookup.css +55 -0
- package/dist/component/lookup.min.css +1 -0
- package/dist/components.css +50 -0
- 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 +51 -1
- package/dist/index.min.css +1 -1
- package/package.json +2 -2
- package/src/index.css +1 -0
- package/src/lookup.css +47 -0
|
@@ -0,0 +1,55 @@
|
|
|
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;
|
|
2
|
+
|
|
3
|
+
@layer aksel.components.modules {
|
|
4
|
+
.aksel-lookup-trigger {
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
text-underline-offset: round(.1em, 1px);
|
|
7
|
+
-webkit-text-decoration: underline dotted;
|
|
8
|
+
text-decoration: underline dotted;
|
|
9
|
+
text-decoration-thickness: round(.1em, 1px);
|
|
10
|
+
-webkit-text-decoration-color: var(--ax-border-default);
|
|
11
|
+
text-decoration-color: var(--ax-border-default);
|
|
12
|
+
border-radius: var(--ax-radius-4);
|
|
13
|
+
padding-inline: var(--ax-space-1);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.aksel-lookup-trigger:hover {
|
|
17
|
+
background: var(--ax-bg-moderate-hoverA);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.aksel-lookup-trigger:focus-visible {
|
|
21
|
+
outline: 3px solid var(--ax-border-focus);
|
|
22
|
+
outline-offset: 2px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@media (forced-colors: active) {
|
|
26
|
+
.aksel-lookup-trigger:hover {
|
|
27
|
+
color: highlight;
|
|
28
|
+
background-color: highlighttext;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.aksel-lookup__content {
|
|
33
|
+
max-width: min(65ch, calc(100vw - var(--ax-space-24)));
|
|
34
|
+
position: relative;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.aksel-lookup__content:focus-visible {
|
|
38
|
+
outline: 3px solid var(--ax-border-focus);
|
|
39
|
+
outline-offset: 2px;
|
|
40
|
+
border-radius: var(--ax-radius-4);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.aksel-lookup__title {
|
|
44
|
+
margin-block-end: var(--ax-space-8);
|
|
45
|
+
margin-inline-end: var(--ax-space-28);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.aksel-lookup__close-button {
|
|
49
|
+
top: var(--ax-space-16);
|
|
50
|
+
right: var(--ax-space-16);
|
|
51
|
+
position: absolute;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@layer aksel.layout;
|
|
@@ -0,0 +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-lookup-trigger{cursor:pointer;text-underline-offset:round(.1em,1px);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:round(.1em,1px);-webkit-text-decoration-color:var(--ax-border-default);text-decoration-color:var(--ax-border-default);border-radius:var(--ax-radius-4);padding-inline:var(--ax-space-1)}.aksel-lookup-trigger:hover{background:var(--ax-bg-moderate-hoverA)}.aksel-lookup-trigger:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:2px}@media(forced-colors:active){.aksel-lookup-trigger:hover{color:highlight;background-color:highlighttext}}.aksel-lookup__content{max-width:min(65ch,calc(100vw - var(--ax-space-24)));position:relative}.aksel-lookup__content:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:2px;border-radius:var(--ax-radius-4)}.aksel-lookup__title{margin-block-end:var(--ax-space-8);margin-inline-end:var(--ax-space-28)}.aksel-lookup__close-button{top:var(--ax-space-16);right:var(--ax-space-16);position:absolute}}@layer aksel.layout;
|
package/dist/components.css
CHANGED
|
@@ -5636,6 +5636,56 @@
|
|
|
5636
5636
|
display: none;
|
|
5637
5637
|
}
|
|
5638
5638
|
|
|
5639
|
+
.aksel-lookup-trigger {
|
|
5640
|
+
cursor: pointer;
|
|
5641
|
+
text-underline-offset: round(.1em, 1px);
|
|
5642
|
+
-webkit-text-decoration: underline dotted;
|
|
5643
|
+
text-decoration: underline dotted;
|
|
5644
|
+
text-decoration-thickness: round(.1em, 1px);
|
|
5645
|
+
-webkit-text-decoration-color: var(--ax-border-default);
|
|
5646
|
+
text-decoration-color: var(--ax-border-default);
|
|
5647
|
+
border-radius: var(--ax-radius-4);
|
|
5648
|
+
padding-inline: var(--ax-space-1);
|
|
5649
|
+
}
|
|
5650
|
+
|
|
5651
|
+
.aksel-lookup-trigger:hover {
|
|
5652
|
+
background: var(--ax-bg-moderate-hoverA);
|
|
5653
|
+
}
|
|
5654
|
+
|
|
5655
|
+
.aksel-lookup-trigger:focus-visible {
|
|
5656
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5657
|
+
outline-offset: 2px;
|
|
5658
|
+
}
|
|
5659
|
+
|
|
5660
|
+
@media (forced-colors: active) {
|
|
5661
|
+
.aksel-lookup-trigger:hover {
|
|
5662
|
+
color: highlight;
|
|
5663
|
+
background-color: highlighttext;
|
|
5664
|
+
}
|
|
5665
|
+
}
|
|
5666
|
+
|
|
5667
|
+
.aksel-lookup__content {
|
|
5668
|
+
max-width: min(65ch, calc(100vw - var(--ax-space-24)));
|
|
5669
|
+
position: relative;
|
|
5670
|
+
}
|
|
5671
|
+
|
|
5672
|
+
.aksel-lookup__content:focus-visible {
|
|
5673
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5674
|
+
outline-offset: 2px;
|
|
5675
|
+
border-radius: var(--ax-radius-4);
|
|
5676
|
+
}
|
|
5677
|
+
|
|
5678
|
+
.aksel-lookup__title {
|
|
5679
|
+
margin-block-end: var(--ax-space-8);
|
|
5680
|
+
margin-inline-end: var(--ax-space-28);
|
|
5681
|
+
}
|
|
5682
|
+
|
|
5683
|
+
.aksel-lookup__close-button {
|
|
5684
|
+
top: var(--ax-space-16);
|
|
5685
|
+
right: var(--ax-space-16);
|
|
5686
|
+
position: absolute;
|
|
5687
|
+
}
|
|
5688
|
+
|
|
5639
5689
|
.aksel-tag {
|
|
5640
5690
|
--__axc-tag-icon-size: 1.5rem;
|
|
5641
5691
|
--__axc-tag-icon-margin: -2px;
|