@navikt/ds-css 5.3.5 → 5.4.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 +12 -0
- package/button.css +66 -34
- package/config/_mappings.d.ts +1 -0
- package/config/_mappings.js +14 -4
- package/copybutton.css +24 -17
- package/dist/component/button.css +66 -34
- package/dist/component/button.min.css +3 -1
- package/dist/component/copybutton.css +24 -17
- package/dist/component/copybutton.min.css +1 -1
- package/dist/component/form.css +94 -62
- package/dist/component/form.min.css +1 -1
- package/dist/component/index.css +331 -229
- package/dist/component/index.min.css +7 -5
- package/dist/component/primitives.css +169 -0
- package/dist/component/primitives.min.css +9 -0
- package/dist/component/typography.css +60 -10
- package/dist/component/typography.min.css +1 -1
- package/dist/components.css +1390 -238
- package/dist/components.min.css +7 -5
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +331 -229
- package/dist/index.min.css +7 -5
- package/form/error-summary.css +1 -0
- package/form/fieldset.css +6 -2
- package/form/form.css +6 -2
- package/form/search.css +38 -22
- package/form/text-field.css +24 -15
- package/form/textarea.css +32 -21
- package/index.css +1 -2
- package/package.json +2 -2
- package/primitives/index.css +3 -0
- package/primitives/responsive.css +51 -0
- package/typography.css +12 -12
- package/dist/component/hgrid.min.css +0 -7
- package/dist/component/stack.min.css +0 -3
- package/hgrid.css +0 -57
- package/stack.css +0 -59
- /package/{dist/component → primitives}/hgrid.css +0 -0
- /package/{dist/component → primitives}/stack.css +0 -0
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
.navds-hgrid {
|
|
2
|
+
--__ac-hgrid-columns-xs: initial;
|
|
3
|
+
--__ac-hgrid-columns-sm: initial;
|
|
4
|
+
--__ac-hgrid-columns-md: initial;
|
|
5
|
+
--__ac-hgrid-columns-lg: initial;
|
|
6
|
+
--__ac-hgrid-columns-xl: initial;
|
|
7
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-xs);
|
|
8
|
+
--__ac-hgrid-gap-xs: initial;
|
|
9
|
+
--__ac-hgrid-gap-sm: initial;
|
|
10
|
+
--__ac-hgrid-gap-md: initial;
|
|
11
|
+
--__ac-hgrid-gap-lg: initial;
|
|
12
|
+
--__ac-hgrid-gap-xl: initial;
|
|
13
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-xs);
|
|
14
|
+
--__ac-hgrid-align: initial;
|
|
15
|
+
|
|
16
|
+
display: grid;
|
|
17
|
+
grid-template-columns: var(--__ac-hgrid-columns);
|
|
18
|
+
gap: var(--__ac-hgrid-gap);
|
|
19
|
+
align-items: var(--__ac-hgrid-align);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@media (min-width: 480px) {
|
|
23
|
+
.navds-hgrid {
|
|
24
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs));
|
|
25
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs));
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@media (min-width: 768px) {
|
|
30
|
+
.navds-hgrid {
|
|
31
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs)));
|
|
32
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs)));
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@media (min-width: 1024px) {
|
|
37
|
+
.navds-hgrid {
|
|
38
|
+
--__ac-hgrid-columns: var(
|
|
39
|
+
--__ac-hgrid-columns-lg,
|
|
40
|
+
var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs)))
|
|
41
|
+
);
|
|
42
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))));
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@media (min-width: 1280px) {
|
|
47
|
+
.navds-hgrid {
|
|
48
|
+
--__ac-hgrid-columns: var(
|
|
49
|
+
--__ac-hgrid-columns-xl,
|
|
50
|
+
var(--__ac-hgrid-columns-lg, var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs))))
|
|
51
|
+
);
|
|
52
|
+
--__ac-hgrid-gap: var(
|
|
53
|
+
--__ac-hgrid-gap-xl,
|
|
54
|
+
var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))))
|
|
55
|
+
);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.navds-stack {
|
|
60
|
+
--__ac-stack-align: initial;
|
|
61
|
+
--__ac-stack-justify: initial;
|
|
62
|
+
--__ac-stack-direction: initial;
|
|
63
|
+
--__ac-stack-wrap: initial;
|
|
64
|
+
--__ac-stack-gap-xs: initial;
|
|
65
|
+
--__ac-stack-gap-sm: initial;
|
|
66
|
+
--__ac-stack-gap-md: initial;
|
|
67
|
+
--__ac-stack-gap-lg: initial;
|
|
68
|
+
--__ac-stack-gap-xl: initial;
|
|
69
|
+
--__ac-stack-gap: var(--__ac-stack-gap-xs);
|
|
70
|
+
|
|
71
|
+
gap: var(--__ac-stack-gap);
|
|
72
|
+
display: flex;
|
|
73
|
+
align-items: var(--__ac-stack-align);
|
|
74
|
+
justify-content: var(--__ac-stack-justify);
|
|
75
|
+
flex-flow: var(--__ac-stack-direction) var(--__ac-stack-wrap);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.navds-stack__spacer {
|
|
79
|
+
flex: 1;
|
|
80
|
+
justify-self: stretch;
|
|
81
|
+
align-self: stretch;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.navds-stack > .navds-stack__spacer {
|
|
85
|
+
margin-block-start: calc(var(--__ac-stack-gap) * -1);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.navds-hstack > .navds-stack__spacer {
|
|
89
|
+
margin-inline-start: calc(var(--__ac-stack-gap) * -1);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
@media (min-width: 480px) {
|
|
93
|
+
.navds-stack {
|
|
94
|
+
--__ac-stack-gap: var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs));
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
@media (min-width: 768px) {
|
|
99
|
+
.navds-stack {
|
|
100
|
+
--__ac-stack-gap: var(--__ac-stack-gap-md, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs)));
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
@media (min-width: 1024px) {
|
|
105
|
+
.navds-stack {
|
|
106
|
+
--__ac-stack-gap: var(--__ac-stack-gap-lg, var(--__ac-stack-gap-md, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs))));
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
@media (min-width: 1280px) {
|
|
111
|
+
.navds-stack {
|
|
112
|
+
--__ac-stack-gap: var(
|
|
113
|
+
--__ac-stack-gap-xl,
|
|
114
|
+
var(--__ac-stack-gap-lg, var(--__ac-stack-gap-md, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs))))
|
|
115
|
+
);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.navds-responsive {
|
|
120
|
+
display: none;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
@media (min-width: 480px) {
|
|
124
|
+
.navds-responsive__above--sm {
|
|
125
|
+
display: revert;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
@media (max-width: 479px) {
|
|
130
|
+
.navds-responsive__below--sm {
|
|
131
|
+
display: revert;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
@media (min-width: 768px) {
|
|
136
|
+
.navds-responsive__above--md {
|
|
137
|
+
display: revert;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
@media (max-width: 767px) {
|
|
142
|
+
.navds-responsive__below--md {
|
|
143
|
+
display: revert;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
@media (min-width: 1024px) {
|
|
148
|
+
.navds-responsive__above--lg {
|
|
149
|
+
display: revert;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
@media (max-width: 1023px) {
|
|
154
|
+
.navds-responsive__below--lg {
|
|
155
|
+
display: revert;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
@media (min-width: 1280px) {
|
|
160
|
+
.navds-responsive__above--xl {
|
|
161
|
+
display: revert;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
@media (max-width: 1279px) {
|
|
166
|
+
.navds-responsive__below--xl {
|
|
167
|
+
display: revert;
|
|
168
|
+
}
|
|
169
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
.navds-hgrid{--__ac-hgrid-columns-xs:initial;--__ac-hgrid-columns-sm:initial;--__ac-hgrid-columns-md:initial;--__ac-hgrid-columns-lg:initial;--__ac-hgrid-columns-xl:initial;--__ac-hgrid-columns:var(--__ac-hgrid-columns-xs);--__ac-hgrid-gap-xs:initial;--__ac-hgrid-gap-sm:initial;--__ac-hgrid-gap-md:initial;--__ac-hgrid-gap-lg:initial;--__ac-hgrid-gap-xl:initial;--__ac-hgrid-gap:var(--__ac-hgrid-gap-xs);--__ac-hgrid-align:initial;align-items:var(--__ac-hgrid-align);display:grid;gap:var(--__ac-hgrid-gap);grid-template-columns:var(--__ac-hgrid-columns)}@media (min-width:480px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs));--__ac-hgrid-gap:var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs))}}@media (min-width:768px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs)));--__ac-hgrid-gap:var(--__ac-hgrid-gap-md,var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs)))}}@media (min-width:1024px){.navds-hgrid{--__ac-hgrid-columns:var(
|
|
2
|
+
--__ac-hgrid-columns-lg,var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs)))
|
|
3
|
+
);--__ac-hgrid-gap:var(--__ac-hgrid-gap-lg,var(--__ac-hgrid-gap-md,var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs))))}}@media (min-width:1280px){.navds-hgrid{--__ac-hgrid-columns:var(
|
|
4
|
+
--__ac-hgrid-columns-xl,var(--__ac-hgrid-columns-lg,var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs))))
|
|
5
|
+
);--__ac-hgrid-gap:var(
|
|
6
|
+
--__ac-hgrid-gap-xl,var(--__ac-hgrid-gap-lg,var(--__ac-hgrid-gap-md,var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs))))
|
|
7
|
+
)}}.navds-stack{--__ac-stack-align:initial;--__ac-stack-justify:initial;--__ac-stack-direction:initial;--__ac-stack-wrap:initial;--__ac-stack-gap-xs:initial;--__ac-stack-gap-sm:initial;--__ac-stack-gap-md:initial;--__ac-stack-gap-lg:initial;--__ac-stack-gap-xl:initial;--__ac-stack-gap:var(--__ac-stack-gap-xs);align-items:var(--__ac-stack-align);display:flex;flex-flow:var(--__ac-stack-direction) var(--__ac-stack-wrap);gap:var(--__ac-stack-gap);justify-content:var(--__ac-stack-justify)}.navds-stack__spacer{align-self:stretch;flex:1;justify-self:stretch}.navds-stack>.navds-stack__spacer{-webkit-margin-before:calc(var(--__ac-stack-gap)*-1);margin-block-start:calc(var(--__ac-stack-gap)*-1)}.navds-hstack>.navds-stack__spacer{-webkit-margin-start:calc(var(--__ac-stack-gap)*-1);margin-inline-start:calc(var(--__ac-stack-gap)*-1)}@media (min-width:480px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-sm,var(--__ac-stack-gap-xs))}}@media (min-width:768px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-md,var(--__ac-stack-gap-sm,var(--__ac-stack-gap-xs)))}}@media (min-width:1024px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-lg,var(--__ac-stack-gap-md,var(--__ac-stack-gap-sm,var(--__ac-stack-gap-xs))))}}@media (min-width:1280px){.navds-stack{--__ac-stack-gap:var(
|
|
8
|
+
--__ac-stack-gap-xl,var(--__ac-stack-gap-lg,var(--__ac-stack-gap-md,var(--__ac-stack-gap-sm,var(--__ac-stack-gap-xs))))
|
|
9
|
+
)}}.navds-responsive{display:none}@media (min-width:480px){.navds-responsive__above--sm{display:revert}}@media (max-width:479px){.navds-responsive__below--sm{display:revert}}@media (min-width:768px){.navds-responsive__above--md{display:revert}}@media (max-width:767px){.navds-responsive__below--md{display:revert}}@media (min-width:1024px){.navds-responsive__above--lg{display:revert}}@media (max-width:1023px){.navds-responsive__below--lg{display:revert}}@media (min-width:1280px){.navds-responsive__above--xl{display:revert}}@media (max-width:1279px){.navds-responsive__below--xl{display:revert}}
|
|
@@ -1,25 +1,42 @@
|
|
|
1
|
+
[data-theme="dark"] {
|
|
2
|
+
--__ac-typo-error-text: var(--a-red-300);
|
|
3
|
+
--__ac-typo-text-subtle: var(--a-gray-300);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
[data-theme="light"] {
|
|
7
|
+
--__ac-typo-error-text: initial;
|
|
8
|
+
--__ac-typo-text-subtle: initial;
|
|
9
|
+
}
|
|
10
|
+
|
|
1
11
|
/* Heading */
|
|
12
|
+
|
|
2
13
|
.navds-heading {
|
|
3
14
|
font-weight: var(--a-font-weight-bold);
|
|
4
15
|
margin: 0;
|
|
5
16
|
}
|
|
17
|
+
|
|
6
18
|
.navds-heading--xlarge {
|
|
7
19
|
font-size: var(--a-font-size-heading-2xlarge);
|
|
8
20
|
letter-spacing: -0.01em;
|
|
9
21
|
line-height: var(--a-font-line-height-heading-2xlarge);
|
|
10
22
|
}
|
|
23
|
+
|
|
11
24
|
.navds-heading--xlarge.navds-typo--spacing {
|
|
12
25
|
margin-bottom: var(--a-spacing-5);
|
|
13
26
|
}
|
|
27
|
+
|
|
14
28
|
.navds-heading--large {
|
|
15
29
|
font-size: var(--a-font-size-heading-xlarge);
|
|
16
30
|
letter-spacing: -0.008em;
|
|
17
31
|
line-height: var(--a-font-line-height-heading-xlarge);
|
|
18
32
|
}
|
|
33
|
+
|
|
19
34
|
.navds-heading--large.navds-typo--spacing {
|
|
20
35
|
margin-bottom: var(--a-spacing-4);
|
|
21
36
|
}
|
|
37
|
+
|
|
22
38
|
/* Mobile scale */
|
|
39
|
+
|
|
23
40
|
@media (max-width: 480px) {
|
|
24
41
|
.navds-heading--xlarge {
|
|
25
42
|
font-size: var(--a-font-size-heading-xlarge);
|
|
@@ -41,31 +58,39 @@
|
|
|
41
58
|
margin-bottom: var(--a-spacing-3);
|
|
42
59
|
}
|
|
43
60
|
}
|
|
61
|
+
|
|
44
62
|
.navds-heading--medium {
|
|
45
63
|
font-size: var(--a-font-size-heading-medium);
|
|
46
64
|
letter-spacing: -0.002em;
|
|
47
65
|
line-height: var(--a-font-line-height-heading-medium);
|
|
48
66
|
}
|
|
67
|
+
|
|
49
68
|
.navds-heading--medium.navds-typo--spacing {
|
|
50
69
|
margin-bottom: var(--a-spacing-3);
|
|
51
70
|
}
|
|
71
|
+
|
|
52
72
|
.navds-heading--small {
|
|
53
73
|
font-size: var(--a-font-size-heading-small);
|
|
54
74
|
letter-spacing: -0.001em;
|
|
55
75
|
line-height: var(--a-font-line-height-heading-small);
|
|
56
76
|
}
|
|
77
|
+
|
|
57
78
|
.navds-heading--small.navds-typo--spacing {
|
|
58
79
|
margin-bottom: var(--a-spacing-3);
|
|
59
80
|
}
|
|
81
|
+
|
|
60
82
|
.navds-heading--xsmall {
|
|
61
83
|
font-size: var(--a-font-size-heading-xsmall);
|
|
62
84
|
letter-spacing: -0.001em;
|
|
63
85
|
line-height: var(--a-font-line-height-heading-xsmall);
|
|
64
86
|
}
|
|
87
|
+
|
|
65
88
|
.navds-heading--xsmall.navds-typo--spacing {
|
|
66
89
|
margin-bottom: var(--a-spacing-3);
|
|
67
90
|
}
|
|
91
|
+
|
|
68
92
|
/* Ingress */
|
|
93
|
+
|
|
69
94
|
.navds-ingress {
|
|
70
95
|
font-size: var(--a-font-size-xlarge);
|
|
71
96
|
font-weight: var(--a-font-weight-regular);
|
|
@@ -73,10 +98,13 @@
|
|
|
73
98
|
line-height: var(--a-font-line-height-xlarge);
|
|
74
99
|
margin: 0;
|
|
75
100
|
}
|
|
101
|
+
|
|
76
102
|
.navds-ingress.navds-typo--spacing {
|
|
77
103
|
margin-bottom: var(--a-spacing-10);
|
|
78
104
|
}
|
|
105
|
+
|
|
79
106
|
/* Body */
|
|
107
|
+
|
|
80
108
|
.navds-body-long {
|
|
81
109
|
font-size: var(--a-font-size-large);
|
|
82
110
|
font-weight: var(--a-font-weight-regular);
|
|
@@ -84,25 +112,31 @@
|
|
|
84
112
|
line-height: var(--a-font-line-height-xlarge);
|
|
85
113
|
margin: 0;
|
|
86
114
|
}
|
|
115
|
+
|
|
87
116
|
.navds-body-long.navds-typo--spacing {
|
|
88
117
|
margin-bottom: var(--a-spacing-7);
|
|
89
118
|
}
|
|
119
|
+
|
|
90
120
|
.navds-body-long--large {
|
|
91
121
|
font-size: var(--a-font-size-xlarge);
|
|
92
122
|
letter-spacing: -0.0013em;
|
|
93
123
|
line-height: var(--a-font-line-height-xlarge);
|
|
94
124
|
}
|
|
125
|
+
|
|
95
126
|
.navds-body-long--large.navds-typo--spacing {
|
|
96
127
|
margin-bottom: var(--a-spacing-10);
|
|
97
128
|
}
|
|
129
|
+
|
|
98
130
|
.navds-body-long--small {
|
|
99
131
|
font-size: var(--a-font-size-medium);
|
|
100
132
|
letter-spacing: 0.002em;
|
|
101
133
|
line-height: var(--a-font-line-height-large);
|
|
102
134
|
}
|
|
135
|
+
|
|
103
136
|
.navds-body-long--small.navds-typo--spacing {
|
|
104
137
|
margin-bottom: var(--a-spacing-6);
|
|
105
138
|
}
|
|
139
|
+
|
|
106
140
|
.navds-body-short {
|
|
107
141
|
font-size: var(--a-font-size-large);
|
|
108
142
|
font-weight: var(--a-font-weight-regular);
|
|
@@ -110,26 +144,33 @@
|
|
|
110
144
|
line-height: var(--a-font-line-height-large);
|
|
111
145
|
margin: 0;
|
|
112
146
|
}
|
|
147
|
+
|
|
113
148
|
.navds-body-short.navds-typo--spacing {
|
|
114
149
|
margin-bottom: var(--a-spacing-3);
|
|
115
150
|
}
|
|
151
|
+
|
|
116
152
|
.navds-body-short--large {
|
|
117
153
|
font-size: var(--a-font-size-xlarge);
|
|
118
154
|
letter-spacing: -0.0013em;
|
|
119
155
|
line-height: var(--a-font-line-height-large);
|
|
120
156
|
}
|
|
157
|
+
|
|
121
158
|
.navds-body-short--large.navds-typo--spacing {
|
|
122
159
|
margin-bottom: var(--a-spacing-4);
|
|
123
160
|
}
|
|
161
|
+
|
|
124
162
|
.navds-body-short--small {
|
|
125
163
|
font-size: var(--a-font-size-medium);
|
|
126
164
|
letter-spacing: 0.002em;
|
|
127
165
|
line-height: var(--a-font-line-height-medium);
|
|
128
166
|
}
|
|
167
|
+
|
|
129
168
|
.navds-body-short--small.navds-typo--spacing {
|
|
130
169
|
margin-bottom: var(--a-spacing-2);
|
|
131
170
|
}
|
|
171
|
+
|
|
132
172
|
/* Label */
|
|
173
|
+
|
|
133
174
|
.navds-label {
|
|
134
175
|
font-size: var(--a-font-size-large);
|
|
135
176
|
font-weight: var(--a-font-weight-bold);
|
|
@@ -137,60 +178,72 @@
|
|
|
137
178
|
line-height: var(--a-font-line-height-large);
|
|
138
179
|
margin: 0;
|
|
139
180
|
}
|
|
181
|
+
|
|
140
182
|
.navds-label.navds-typo--spacing {
|
|
141
183
|
margin-bottom: var(--a-spacing-3);
|
|
142
184
|
}
|
|
185
|
+
|
|
143
186
|
.navds-label--small {
|
|
144
187
|
font-size: var(--a-font-size-medium);
|
|
145
188
|
letter-spacing: 0.002em;
|
|
146
189
|
line-height: var(--a-font-line-height-medium);
|
|
147
190
|
}
|
|
191
|
+
|
|
148
192
|
.navds-label--small.navds-typo--spacing {
|
|
149
193
|
margin-bottom: var(--a-spacing-2);
|
|
150
194
|
}
|
|
195
|
+
|
|
151
196
|
/* Small text */
|
|
197
|
+
|
|
152
198
|
.navds-detail {
|
|
153
199
|
font-size: var(--a-font-size-small);
|
|
154
200
|
letter-spacing: 0.004em;
|
|
155
201
|
line-height: var(--a-font-line-height-medium);
|
|
156
202
|
margin: 0;
|
|
157
203
|
}
|
|
204
|
+
|
|
158
205
|
.navds-detail.navds-typo--spacing {
|
|
159
206
|
margin-bottom: var(--a-spacing-2);
|
|
160
207
|
}
|
|
208
|
+
|
|
161
209
|
.navds-detail.navds-typo--uppercase {
|
|
162
210
|
text-transform: uppercase;
|
|
163
211
|
}
|
|
212
|
+
|
|
164
213
|
.navds-detail--small {
|
|
165
214
|
font-weight: var(--a-font-weight-regular);
|
|
166
215
|
}
|
|
216
|
+
|
|
167
217
|
.navds-detail--small.navds-typo--spacing {
|
|
168
218
|
margin-bottom: var(--a-spacing-2);
|
|
169
219
|
}
|
|
170
|
-
|
|
171
|
-
[data-theme="dark"] .navds-error-message {
|
|
172
|
-
--a-text-danger: var(--a-red-300);
|
|
173
|
-
}
|
|
220
|
+
|
|
174
221
|
.navds-error-message {
|
|
175
|
-
color: var(--ac-typo-error-text, var(--a-text-danger));
|
|
222
|
+
color: var(--ac-typo-error-text, var(--__ac-typo-error-text, var(--a-text-danger)));
|
|
176
223
|
}
|
|
224
|
+
|
|
177
225
|
.navds-typo--truncate {
|
|
178
226
|
overflow: hidden;
|
|
179
227
|
white-space: nowrap;
|
|
180
228
|
text-overflow: ellipsis;
|
|
181
229
|
}
|
|
230
|
+
|
|
182
231
|
.navds-typo--semibold {
|
|
183
232
|
font-weight: var(--a-font-weight-bold);
|
|
184
233
|
}
|
|
234
|
+
|
|
185
235
|
.navds-typo--align-start {
|
|
186
236
|
text-align: start;
|
|
187
237
|
}
|
|
238
|
+
|
|
188
239
|
.navds-typo--align-center {
|
|
189
240
|
text-align: center;
|
|
190
241
|
}
|
|
242
|
+
|
|
191
243
|
.navds-typo--align-end {
|
|
192
244
|
text-align: end;
|
|
193
245
|
}
|
|
246
|
+
|
|
194
247
|
.navds-typo--visually-hidden {
|
|
195
248
|
border: 0 !important;
|
|
196
249
|
clip: rect(0, 0, 0, 0) !important;
|
|
@@ -203,10 +256,7 @@
|
|
|
203
256
|
white-space: nowrap !important;
|
|
204
257
|
width: 1px !important;
|
|
205
258
|
}
|
|
259
|
+
|
|
206
260
|
.navds-typo--color-subtle {
|
|
207
|
-
color: var(--a-text-subtle);
|
|
208
|
-
}
|
|
209
|
-
[data-theme="dark"].navds-typo--color-subtle,
|
|
210
|
-
[data-theme="dark"] .navds-typo--color-subtle {
|
|
211
|
-
--a-text-subtle: var(--a-gray-300);
|
|
261
|
+
color: var(--__ac-typo-text-subtle, var(--a-text-subtle));
|
|
212
262
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-heading{font-weight:var(--a-font-weight-bold);margin:0}.navds-heading--xlarge{font-size:var(--a-font-size-heading-2xlarge);letter-spacing:-.01em;line-height:var(--a-font-line-height-heading-2xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-5)}.navds-heading--large{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}@media (max-width:480px){.navds-heading--xlarge{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-heading--large{font-size:var(--a-font-size-heading-large);letter-spacing:-.004em;line-height:var(--a-font-line-height-heading-large)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}}.navds-heading--medium{font-size:var(--a-font-size-heading-medium);letter-spacing:-.002em;line-height:var(--a-font-line-height-heading-medium)}.navds-heading--medium.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--small{font-size:var(--a-font-size-heading-small);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-small)}.navds-heading--small.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--xsmall{font-size:var(--a-font-size-heading-xsmall);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-xsmall)}.navds-heading--xsmall.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-ingress{font-size:var(--a-font-size-xlarge);font-weight:var(--a-font-weight-regular);letter-spacing:-.001em;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-ingress.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-body-long.navds-typo--spacing{margin-bottom:var(--a-spacing-7)}.navds-body-long--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-long--large.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-large)}.navds-body-long--small.navds-typo--spacing{margin-bottom:var(--a-spacing-6)}.navds-body-short{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-body-short.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-body-short--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-large)}.navds-body-short--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-body-short--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-body-short--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-label{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-bold);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-label.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-label--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-label--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail{font-size:var(--a-font-size-small);letter-spacing:.004em;line-height:var(--a-font-line-height-medium);margin:0}.navds-detail.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail.navds-typo--uppercase{text-transform:uppercase}.navds-detail--small{font-weight:var(--a-font-weight-regular)}.navds-detail--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}
|
|
1
|
+
[data-theme=dark]{--__ac-typo-error-text:var(--a-red-300);--__ac-typo-text-subtle:var(--a-gray-300)}[data-theme=light]{--__ac-typo-error-text:initial;--__ac-typo-text-subtle:initial}.navds-heading{font-weight:var(--a-font-weight-bold);margin:0}.navds-heading--xlarge{font-size:var(--a-font-size-heading-2xlarge);letter-spacing:-.01em;line-height:var(--a-font-line-height-heading-2xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-5)}.navds-heading--large{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}@media (max-width:480px){.navds-heading--xlarge{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-heading--large{font-size:var(--a-font-size-heading-large);letter-spacing:-.004em;line-height:var(--a-font-line-height-heading-large)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}}.navds-heading--medium{font-size:var(--a-font-size-heading-medium);letter-spacing:-.002em;line-height:var(--a-font-line-height-heading-medium)}.navds-heading--medium.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--small{font-size:var(--a-font-size-heading-small);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-small)}.navds-heading--small.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--xsmall{font-size:var(--a-font-size-heading-xsmall);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-xsmall)}.navds-heading--xsmall.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-ingress{font-size:var(--a-font-size-xlarge);font-weight:var(--a-font-weight-regular);letter-spacing:-.001em;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-ingress.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-body-long.navds-typo--spacing{margin-bottom:var(--a-spacing-7)}.navds-body-long--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-long--large.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-large)}.navds-body-long--small.navds-typo--spacing{margin-bottom:var(--a-spacing-6)}.navds-body-short{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-body-short.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-body-short--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-large)}.navds-body-short--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-body-short--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-body-short--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-label{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-bold);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-label.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-label--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-label--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail{font-size:var(--a-font-size-small);letter-spacing:.004em;line-height:var(--a-font-line-height-medium);margin:0}.navds-detail.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail.navds-typo--uppercase{text-transform:uppercase}.navds-detail--small{font-weight:var(--a-font-weight-regular)}.navds-detail--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-error-message{color:var(--ac-typo-error-text,var(--__ac-typo-error-text,var(--a-text-danger)))}.navds-typo--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navds-typo--semibold{font-weight:var(--a-font-weight-bold)}.navds-typo--align-start{text-align:start}.navds-typo--align-center{text-align:center}.navds-typo--align-end{text-align:end}.navds-typo--visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;top:0!important;white-space:nowrap!important;width:1px!important}.navds-typo--color-subtle{color:var(--__ac-typo-text-subtle,var(--a-text-subtle))}
|