@navikt/ds-css 1.3.34 → 1.3.37-alpha.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.
Files changed (46) hide show
  1. package/dist/index.css +17 -11
  2. package/package.json +6 -4
  3. package/CHANGELOG.md +0 -13
  4. package/LICENCE +0 -31
  5. package/accordion.css +0 -77
  6. package/alert.css +0 -72
  7. package/baseline/Source-Sans-Pro-600.css +0 -7
  8. package/baseline/Source-Sans-Pro-italic.css +0 -7
  9. package/baseline/Source-Sans-Pro-regular.css +0 -7
  10. package/baseline/baseline.css +0 -62
  11. package/baseline/print.css +0 -75
  12. package/baseline/utility.css +0 -46
  13. package/button.css +0 -277
  14. package/chat.css +0 -89
  15. package/content-container.css +0 -17
  16. package/date.css +0 -218
  17. package/form/confirmation-panel.css +0 -35
  18. package/form/error-summary.css +0 -39
  19. package/form/fieldset.css +0 -24
  20. package/form/form.css +0 -29
  21. package/form/index.css +0 -13
  22. package/form/radio-checkbox.css +0 -182
  23. package/form/search.css +0 -163
  24. package/form/select.css +0 -69
  25. package/form/switch.css +0 -189
  26. package/form/text-field.css +0 -92
  27. package/form/textarea.css +0 -92
  28. package/grid.css +0 -217
  29. package/guide-panel.css +0 -77
  30. package/help-text.css +0 -56
  31. package/index.css +0 -27
  32. package/link-panel.css +0 -45
  33. package/link.css +0 -54
  34. package/loader.css +0 -124
  35. package/modal.css +0 -67
  36. package/pagination.css +0 -66
  37. package/panel.css +0 -16
  38. package/popover.css +0 -59
  39. package/read-more.css +0 -63
  40. package/stepper.css +0 -222
  41. package/table.css +0 -236
  42. package/tabs.css +0 -113
  43. package/tag.css +0 -51
  44. package/toggle-group.css +0 -85
  45. package/tooltip.css +0 -53
  46. package/typography.css +0 -197
package/typography.css DELETED
@@ -1,197 +0,0 @@
1
- :root,
2
- :host,
3
- [data-theme="light"] {
4
- --navds-error-message-color-text: var(--navds-semantic-color-feedback-danger-text);
5
- }
6
-
7
- [data-theme="dark"] {
8
- --navds-error-message-color-text: var(--navds-global-color-red-300);
9
- }
10
-
11
- /* Heading */
12
- .navds-heading {
13
- font-weight: var(--navds-font-weight-bold);
14
- margin: 0;
15
- }
16
-
17
- .navds-heading--xlarge {
18
- font-size: var(--navds-font-size-heading-2xlarge);
19
- letter-spacing: -0.01em;
20
- line-height: var(--navds-font-line-height-heading-2xlarge);
21
- }
22
-
23
- .navds-heading--xlarge.navds-typo--spacing {
24
- margin-bottom: var(--navds-spacing-5);
25
- }
26
-
27
- .navds-heading--large {
28
- font-size: var(--navds-font-size-heading-xlarge);
29
- letter-spacing: -0.008em;
30
- line-height: var(--navds-font-line-height-heading-xlarge);
31
- }
32
-
33
- .navds-heading--large.navds-typo--spacing {
34
- margin-bottom: var(--navds-spacing-4);
35
- }
36
-
37
- /* Mobile scale */
38
- @media (max-width: 480px) {
39
- .navds-heading--xlarge {
40
- font-size: var(--navds-font-size-heading-xlarge);
41
- letter-spacing: -0.008em;
42
- line-height: var(--navds-font-line-height-heading-xlarge);
43
- }
44
-
45
- .navds-heading--xlarge.navds-typo--spacing {
46
- margin-bottom: var(--navds-spacing-4);
47
- }
48
-
49
- .navds-heading--large {
50
- font-size: var(--navds-font-size-heading-large);
51
- letter-spacing: -0.004em;
52
- line-height: var(--navds-font-line-height-heading-large);
53
- }
54
-
55
- .navds-heading--large.navds-typo--spacing {
56
- margin-bottom: var(--navds-spacing-3);
57
- }
58
- }
59
-
60
- .navds-heading--medium {
61
- font-size: var(--navds-font-size-heading-medium);
62
- letter-spacing: -0.002em;
63
- line-height: var(--navds-font-line-height-heading-medium);
64
- }
65
-
66
- .navds-heading--medium.navds-typo--spacing {
67
- margin-bottom: var(--navds-spacing-3);
68
- }
69
-
70
- .navds-heading--small {
71
- font-size: var(--navds-font-size-heading-small);
72
- letter-spacing: -0.001em;
73
- line-height: var(--navds-font-line-height-heading-small);
74
- }
75
-
76
- .navds-heading--small.navds-typo--spacing {
77
- margin-bottom: var(--navds-spacing-3);
78
- }
79
-
80
- .navds-heading--xsmall {
81
- font-size: var(--navds-font-size-heading-xsmall);
82
- letter-spacing: -0.001em;
83
- line-height: var(--navds-font-line-height-heading-xsmall);
84
- }
85
-
86
- .navds-heading--xsmall.navds-typo--spacing {
87
- margin-bottom: var(--navds-spacing-3);
88
- }
89
-
90
- /* Ingress */
91
- .navds-ingress {
92
- font-size: var(--navds-font-size-xlarge);
93
- font-weight: var(--navds-font-weight-regular);
94
- letter-spacing: -0.001em;
95
- line-height: var(--navds-font-line-height-xlarge);
96
- margin: 0;
97
- }
98
-
99
- .navds-ingress.navds-typo--spacing {
100
- margin-bottom: var(--navds-spacing-10);
101
- }
102
-
103
- /* Body */
104
- .navds-body-long {
105
- font-size: var(--navds-font-size-large);
106
- font-weight: var(--navds-font-weight-regular);
107
- letter-spacing: 0;
108
- line-height: var(--navds-font-line-height-xlarge);
109
- margin: 0;
110
- }
111
-
112
- .navds-body-long.navds-typo--spacing {
113
- margin-bottom: var(--navds-spacing-7);
114
- }
115
-
116
- .navds-body-long--small {
117
- font-size: var(--navds-font-size-medium);
118
- letter-spacing: 0.002em;
119
- line-height: var(--navds-font-line-height-large);
120
- }
121
-
122
- .navds-body-long--small.navds-typo--spacing {
123
- margin-bottom: var(--navds-spacing-6);
124
- }
125
-
126
- .navds-body-short {
127
- font-size: var(--navds-font-size-large);
128
- font-weight: var(--navds-font-weight-regular);
129
- letter-spacing: 0;
130
- line-height: var(--navds-font-line-height-large);
131
- margin: 0;
132
- }
133
-
134
- .navds-body-short.navds-typo--spacing {
135
- margin-bottom: var(--navds-spacing-3);
136
- }
137
-
138
- .navds-body-short--small {
139
- font-size: var(--navds-font-size-medium);
140
- letter-spacing: 0.002em;
141
- line-height: var(--navds-font-line-height-medium);
142
- }
143
-
144
- .navds-body-short--small.navds-typo--spacing {
145
- margin-bottom: var(--navds-spacing-2);
146
- }
147
-
148
- /* Label */
149
- .navds-label {
150
- font-size: var(--navds-font-size-large);
151
- font-weight: var(--navds-font-weight-bold);
152
- letter-spacing: 0;
153
- line-height: var(--navds-font-line-height-large);
154
- margin: 0;
155
- }
156
-
157
- .navds-label.navds-typo--spacing {
158
- margin-bottom: var(--navds-spacing-3);
159
- }
160
-
161
- .navds-label--small {
162
- font-size: var(--navds-font-size-medium);
163
- letter-spacing: 0.002em;
164
- line-height: var(--navds-font-line-height-medium);
165
- }
166
-
167
- .navds-label--small.navds-typo--spacing {
168
- margin-bottom: var(--navds-spacing-2);
169
- }
170
-
171
- /* Small text */
172
- .navds-detail {
173
- font-size: var(--navds-font-size-small);
174
- letter-spacing: 0.004em;
175
- line-height: var(--navds-font-line-height-medium);
176
- margin: 0;
177
- }
178
-
179
- .navds-detail.navds-typo--spacing {
180
- margin-bottom: var(--navds-spacing-2);
181
- }
182
-
183
- .navds-detail.navds-typo--uppercase {
184
- text-transform: uppercase;
185
- }
186
-
187
- .navds-detail--small {
188
- font-weight: var(--navds-font-weight-regular);
189
- }
190
-
191
- .navds-detail--small.navds-typo--spacing {
192
- margin-bottom: var(--navds-spacing-2);
193
- }
194
-
195
- .navds-error-message {
196
- color: var(--navds-error-message-color-text);
197
- }