@nordcode/ui 1.0.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.
Files changed (66) hide show
  1. package/CHANGELOG.md +157 -0
  2. package/LICENSE.md +661 -0
  3. package/README.md +90 -0
  4. package/index.html +1169 -0
  5. package/out/bundle.css +1400 -0
  6. package/out/bundle_configless.css +1135 -0
  7. package/out/colors.css +87 -0
  8. package/out/complete.css +2647 -0
  9. package/out/complete_configless.css +2382 -0
  10. package/package.json +73 -0
  11. package/src/assets/fonts/DMMono-Regular.woff +0 -0
  12. package/src/assets/fonts/DMMono-Regular.woff2 +0 -0
  13. package/src/assets/fonts/fonts.css +7 -0
  14. package/src/assets/icons/ArrowRightSolid.svelte +1 -0
  15. package/src/assets/icons/arrow-right-solid.svg +1 -0
  16. package/src/assets/icons/favicon.png +0 -0
  17. package/src/assets/icons/favicon.svg +8 -0
  18. package/src/assets/logos/nordcode-logo-icon.svg +3 -0
  19. package/src/assets/logos/nordcode-logo.svg +17 -0
  20. package/src/modules/copyButtons/ts/copyButtons.ts +9 -0
  21. package/src/modules/dialogs/svelte/dialog.svelte +27 -0
  22. package/src/modules/dialogs/ts/LICENCE +171 -0
  23. package/src/modules/dialogs/ts/dialogs.ts +111 -0
  24. package/src/modules/notifications/js/notifications.js +294 -0
  25. package/src/modules/notifications/svelte/NotificationCenter.svelte +18 -0
  26. package/src/modules/notifications/svelte/NotificationTemplate.svelte +16 -0
  27. package/src/modules/sectionObserver/ts/sectionOberserver.ts +34 -0
  28. package/src/styles/bundle.css +7 -0
  29. package/src/styles/bundle_configless.css +5 -0
  30. package/src/styles/complete.css +5 -0
  31. package/src/styles/complete_configless.css +5 -0
  32. package/src/styles/components/badges.css +14 -0
  33. package/src/styles/components/breadcrumbs.css +37 -0
  34. package/src/styles/components/bundle.css +12 -0
  35. package/src/styles/components/buttons.css +256 -0
  36. package/src/styles/components/card.css +55 -0
  37. package/src/styles/components/dialogs.css +116 -0
  38. package/src/styles/components/forms.css +47 -0
  39. package/src/styles/components/gallery.css +66 -0
  40. package/src/styles/components/icons.css +60 -0
  41. package/src/styles/components/inputs/base.css +258 -0
  42. package/src/styles/components/inputs/bundle.css +5 -0
  43. package/src/styles/components/inputs/fields.css +79 -0
  44. package/src/styles/components/inputs/segmented.css +123 -0
  45. package/src/styles/components/inputs/switch.css +42 -0
  46. package/src/styles/components/inputs/tag-select.css +44 -0
  47. package/src/styles/components/lists.css +40 -0
  48. package/src/styles/components/notifications.css +137 -0
  49. package/src/styles/components/tables.css +7 -0
  50. package/src/styles/config/bundle.css +2 -0
  51. package/src/styles/config/config.css +828 -0
  52. package/src/styles/config/extras.css +18 -0
  53. package/src/styles/exceptions/bundle.css +3 -0
  54. package/src/styles/exceptions/misc.css +21 -0
  55. package/src/styles/exceptions/spacings.css +15 -0
  56. package/src/styles/exceptions/typography.css +57 -0
  57. package/src/styles/theme/colors.css +178 -0
  58. package/src/styles/theme/colors_processed.css +87 -0
  59. package/src/styles/utils/base.css +406 -0
  60. package/src/styles/utils/bundle.css +6 -0
  61. package/src/styles/utils/easings.css +364 -0
  62. package/src/styles/utils/layouts.css +298 -0
  63. package/src/styles/utils/media.css +55 -0
  64. package/src/styles/utils/reset.css +128 -0
  65. package/src/styles/utils/theme.css +120 -0
  66. package/transform.js +71 -0
package/src/styles/config/extras.css ADDED
@@ -0,0 +1,18 @@
1
+ @layer config {
2
+ :where(html) {
3
+ --button-height-base: 2.5rem;
4
+ --button-height-small: 2rem;
5
+
6
+ --font-family-link: var(--font-family-default);
7
+ --font-family-button: var(--font-family-default);
8
+
9
+ --input-height-base: 2.5rem;
10
+ --input-height-small: 2rem;
11
+
12
+ --triangle-down-url-dark: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 84L12.7609 19.5L87.2391 19.5L50 84Z' fill='%23fff4f5'/%3E%3C/svg%3E");
13
+ --triangle-up-url-dark: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 16L87.2391 80.5H12.7609L50 16Z' fill='%23fff4f5'/%3E%3C/svg%3E%0A");
14
+
15
+ --triangle-down-url-light: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 84L12.7609 19.5L87.2391 19.5L50 84Z' fill='%231a0004'/%3E%3C/svg%3E");
16
+ --triangle-up-url-light: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 16L87.2391 80.5H12.7609L50 16Z' fill='%231a0004'/%3E%3C/svg%3E%0A");
17
+ }
18
+ }
package/src/styles/exceptions/bundle.css ADDED
@@ -0,0 +1,3 @@
1
+ @import "./misc.css";
2
+ @import "./typography.css";
3
+ @import "./spacings.css";
package/src/styles/exceptions/misc.css ADDED
@@ -0,0 +1,21 @@
1
+ :where(.text-assistive, .sr-only) {
2
+ border: 0;
3
+ clip: rect(0 0 0 0);
4
+ height: 0;
5
+ margin: 0;
6
+ overflow: hidden;
7
+ padding: 0;
8
+ position: absolute;
9
+ width: 1px;
10
+ white-space: nowrap;
11
+ }
12
+
13
+ :where(.break-word) {
14
+ overflow-wrap: break-word;
15
+ max-inline-size: 100%;
16
+ hyphens: auto;
17
+ }
18
+
19
+ .full-width {
20
+ inline-size: 100%;
21
+ }
package/src/styles/exceptions/spacings.css ADDED
@@ -0,0 +1,15 @@
1
+ .mt-base {
2
+ margin-block-start: var(--spacing-base);
3
+ }
4
+
5
+ .mt-auto {
6
+ margin-block-start: auto;
7
+ }
8
+
9
+ .ml-auto {
10
+ margin-inline-start: auto;
11
+ }
12
+
13
+ .mr-auto {
14
+ margin-inline-end: auto;
15
+ }
package/src/styles/exceptions/typography.css ADDED
@@ -0,0 +1,57 @@
1
+ .nc-hint {
2
+ color: var(--color-text-muted);
3
+ font-size: var(--font-size-small);
4
+ line-height: var(--line-height-base);
5
+ }
6
+
7
+ .nc-slub {
8
+ color: var(--color-text-subtle);
9
+ text-transform: uppercase;
10
+ letter-spacing: var(--tracking-wide);
11
+ font-weight: var(--font-weight-active);
12
+ font-size: var(--font-size-smallest);
13
+ }
14
+
15
+ .allcaps {
16
+ text-transform: capitalize;
17
+ }
18
+
19
+ .strong {
20
+ font-weight: var(--font-weight-strong);
21
+ }
22
+
23
+ .font-mono {
24
+ font-family: var(--font-family-mono);
25
+ }
26
+
27
+ .font-sans {
28
+ font-family: var(--font-family-sans);
29
+ }
30
+
31
+ .font-serif {
32
+ font-family: var(--font-family-serif);
33
+ }
34
+
35
+ .font-size-display {
36
+ font-size: var(--font-size-display);
37
+ }
38
+
39
+ .font-size-largest {
40
+ font-size: var(--font-size-largest);
41
+ }
42
+
43
+ .font-size-large {
44
+ font-size: var(--font-size-large);
45
+ }
46
+
47
+ .font-size-base {
48
+ font-size: var(--font-size-base);
49
+ }
50
+
51
+ .font-size-small {
52
+ font-size: var(--font-size-small);
53
+ }
54
+
55
+ .font-size-smallest {
56
+ font-size: var(--font-size-smallest);
57
+ }
package/src/styles/theme/colors.css ADDED
@@ -0,0 +1,178 @@
1
+ @layer theme {
2
+ :where(html) {
3
+ color-scheme: light dark;
4
+ }
5
+
6
+ :where([data-theme="light"]) {
7
+ color-scheme: light;
8
+ }
9
+
10
+ :where([data-theme="dark"]) {
11
+ color-scheme: dark;
12
+ }
13
+
14
+ :where(*) {
15
+ --l-brand-primary: light-dark(var(--l-brand-primary-light), var(--l-brand-primary-dark));
16
+
17
+ --color-brand-primary-emphasis: light-dark(var(--color-brand-primary-emphasis-light),
18
+ var(--color-brand-primary-emphasis-dark));
19
+
20
+ --color-brand-primary-base: light-dark(var(--color-brand-primary-base-light),
21
+ var(--color-brand-primary-base-dark));
22
+
23
+ --color-brand-primary-surface: light-dark(var(--color-brand-primary-surface-light),
24
+ var(--color-brand-primary-surface-dark));
25
+
26
+ --color-brand-primary-hover: light-dark(var(--color-brand-primary-hover-light),
27
+ var(--color-brand-primary-hover-light));
28
+
29
+ --color-brand-primary-contrast-lightness: light-dark(var(--color-brand-primary-contrast-lightness-light),
30
+ var(--color-brand-primary-contrast-lightness-dark));
31
+
32
+ --color-brand-primary-contrast: light-dark(var(--color-brand-primary-contrast-light),
33
+ var(--color-brand-primary-contrast-dark));
34
+
35
+ --color-brand-secondary-emphasis: light-dark(var(--color-brand-secondary-emphasis-light),
36
+ var(--color-brand-secondary-emphasis-dark));
37
+
38
+ --color-brand-secondary-base: light-dark(var(--color-brand-secondary-base-light),
39
+ var(--color-brand-secondary-base-dark));
40
+
41
+ --color-brand-secondary-surface: light-dark(var(--color-brand-secondary-surface-light),
42
+ var(--color-brand-secondary-surface-dark));
43
+
44
+ --color-brand-secondary-hover: light-dark(var(--color-brand-secondary-hover-light),
45
+ var(--color-brand-secondary-hover-dark));
46
+
47
+ --color-brand-secondary-contrast: light-dark(var(--color-brand-secondary-contrast-light),
48
+ var(--color-brand-secondary-contrast-dark));
49
+
50
+ --color-text-base: light-dark(var(--color-text-base-light), var(--color-text-base-dark));
51
+
52
+ --color-text-muted: light-dark(var(--color-text-muted-light), var(--color-text-muted-dark));
53
+
54
+ --color-text-subtle: light-dark(var(--color-text-subtle-light),
55
+ var(--color-text-subtle-dark));
56
+
57
+ --color-text-on-emphasis: light-dark(var(--color-text-on-emphasis-light),
58
+ var(--color-text-on-emphasis-dark));
59
+
60
+ --color-text-hover: light-dark(var(--color-text-hover-light), var(--color-text-hover-dark));
61
+
62
+ --color-surface-base: light-dark(var(--color-surface-base-light),
63
+ var(--color-surface-base-dark));
64
+
65
+ --color-surface-muted: light-dark(var(--color-surface-muted-light),
66
+ var(--color-surface-muted-dark));
67
+
68
+ --color-surface-subtle: light-dark(var(--color-surface-subtle-light),
69
+ var(--color-surface-subtle-dark));
70
+
71
+ --color-surface-emphasis: light-dark(var(--color-surface-emphasis-light),
72
+ var(--color-surface-emphasis-dark));
73
+
74
+ --color-border-base: light-dark(var(--color-border-base-light),
75
+ var(--color-border-base-dark));
76
+
77
+ --color-border-muted: light-dark(var(--color-border-muted-light),
78
+ var(--color-border-muted-dark));
79
+
80
+ --color-border-subtle: light-dark(var(--color-border-subtle-light),
81
+ var(--color-border-subtle-dark));
82
+
83
+ --color-border-on-emphasis: light-dark(var(--color-border-on-emphasis-light),
84
+ var(--color-border-on-emphasis-dark));
85
+
86
+ --color-border-hover: light-dark(var(--color-border-hover-light),
87
+ var(--color-border-hover-dark));
88
+
89
+ --color-status-info-emphasis: light-dark(var(--color-status-info-emphasis-light),
90
+ var(--color-status-info-emphasis-dark));
91
+
92
+ --color-status-info-base: light-dark(var(--color-status-info-base-light),
93
+ var(--color-status-info-base-dark));
94
+
95
+ --color-status-info-surface: light-dark(var(--color-status-info-surface-light),
96
+ var(--color-status-info-surface-dark));
97
+
98
+ --color-status-info-hover: light-dark(var(--color-status-info-hover-light),
99
+ var(--color-status-info-hover-light));
100
+
101
+ --color-status-info-contrast-lightness: light-dark(var(--color-status-info-contrast-lightness-light),
102
+ var(--color-status-info-contrast-lightness-dark));
103
+
104
+ --color-status-info-contrast: light-dark(var(--color-status-info-contrast-light),
105
+ var(--color-status-info-contrast-dark));
106
+
107
+ --color-status-success-emphasis: light-dark(var(--color-status-success-emphasis-light),
108
+ var(--color-status-success-emphasis-dark));
109
+
110
+ --color-status-success-base: light-dark(var(--color-status-success-base-light),
111
+ var(--color-status-success-base-dark));
112
+
113
+ --color-status-success-surface: light-dark(var(--color-status-success-surface-light),
114
+ var(--color-status-success-surface-dark));
115
+
116
+ --color-status-success-hover: light-dark(var(--color-status-success-hover-light),
117
+ var(--color-status-success-hover-light));
118
+
119
+ --color-status-success-contrast-lightness: light-dark(var(--color-status-success-contrast-lightness-light),
120
+ var(--color-status-success-contrast-lightness-dark));
121
+
122
+ --color-status-success-contrast: light-dark(var(--color-status-success-contrast-light),
123
+ var(--color-status-success-contrast-dark));
124
+
125
+ --color-status-warning-emphasis: light-dark(var(--color-status-warning-emphasis-light),
126
+ var(--color-status-warning-emphasis-dark));
127
+
128
+ --color-status-warning-base: light-dark(var(--color-status-warning-base-light),
129
+ var(--color-status-warning-base-dark));
130
+
131
+ --color-status-warning-surface: light-dark(var(--color-status-warning-surface-light),
132
+ var(--color-status-warning-surface-dark));
133
+
134
+ --color-status-warning-hover: light-dark(var(--color-status-warning-hover-light),
135
+ var(--color-status-warning-hover-light));
136
+
137
+ --color-status-warning-contrast-lightness: light-dark(var(--color-status-warning-contrast-lightness-light),
138
+ var(--color-status-warning-contrast-lightness-dark));
139
+
140
+ --color-status-warning-contrast: light-dark(var(--color-status-warning-contrast-light),
141
+ var(--color-status-warning-contrast-dark));
142
+
143
+ --color-status-danger-emphasis: light-dark(var(--color-status-danger-emphasis-light),
144
+ var(--color-status-danger-emphasis-dark));
145
+
146
+ --color-status-danger-base: light-dark(var(--color-status-danger-base-light),
147
+ var(--color-status-danger-base-dark));
148
+
149
+ --color-status-danger-surface: light-dark(var(--color-status-danger-surface-light),
150
+ var(--color-status-danger-surface-dark));
151
+
152
+ --color-status-danger-hover: light-dark(var(--color-status-danger-hover-light),
153
+ var(--color-status-danger-hover-light));
154
+
155
+ --color-status-danger-contrast-lightness: light-dark(var(--color-status-danger-contrast-lightness-light),
156
+ var(--color-status-danger-contrast-lightness-dark));
157
+
158
+ --color-status-danger-contrast: light-dark(var(--color-status-danger-contrast-light),
159
+ var(--color-status-danger-contrast-dark));
160
+
161
+ --shadow-color: light-dark(var(--shadow-color-light), var(--shadow-color-dark));
162
+
163
+ --shadow-inset: light-dark(var(--shadow-inset-light), var(--shadow-inset-dark));
164
+
165
+ --shadow-nearest: light-dark(var(--shadow-nearest-light), var(--shadow-nearest-dark));
166
+
167
+ --shadow-near: light-dark(var(--shadow-near-light), var(--shadow-near-dark));
168
+
169
+ --shadow-medium: light-dark(var(--shadow-medium-light), var(--shadow-medium-dark));
170
+
171
+ --shadow-far: light-dark(var(--shadow-far-light), var(--shadow-far-dark));
172
+
173
+ --triangle-down-url: light-dark(var(--triangle-down-url-light),
174
+ var(--triangle-down-url-dark));
175
+
176
+ --triangle-up-url: light-dark(var(--triangle-up-url-light), var(--triangle-up-url-dark));
177
+ }
178
+ }
package/src/styles/theme/colors_processed.css ADDED
@@ -0,0 +1,87 @@
1
+ @layer theme {
2
+ :where(html) {
3
+ --lightningcss-light: initial;
4
+ --lightningcss-dark: ;
5
+ color-scheme: light dark;
6
+ }
7
+
8
+ @media (prefers-color-scheme: dark) {
9
+ :where(html) {
10
+ --lightningcss-light: ;
11
+ --lightningcss-dark: initial;
12
+ }
13
+ }
14
+
15
+ :where([data-theme="light"]) {
16
+ --lightningcss-light: initial;
17
+ --lightningcss-dark: ;
18
+ color-scheme: light;
19
+ }
20
+
21
+ :where([data-theme="dark"]) {
22
+ --lightningcss-light: ;
23
+ --lightningcss-dark: initial;
24
+ color-scheme: dark;
25
+ }
26
+
27
+ :where(*) {
28
+ --l-brand-primary: var(--lightningcss-light, var(--l-brand-primary-light)) var(--lightningcss-dark, var(--l-brand-primary-dark));
29
+ --color-brand-primary-emphasis: var(--lightningcss-light, var(--color-brand-primary-emphasis-light)) var(--lightningcss-dark, var(--color-brand-primary-emphasis-dark));
30
+ --color-brand-primary-base: var(--lightningcss-light, var(--color-brand-primary-base-light)) var(--lightningcss-dark, var(--color-brand-primary-base-dark));
31
+ --color-brand-primary-surface: var(--lightningcss-light, var(--color-brand-primary-surface-light)) var(--lightningcss-dark, var(--color-brand-primary-surface-dark));
32
+ --color-brand-primary-hover: var(--lightningcss-light, var(--color-brand-primary-hover-light)) var(--lightningcss-dark, var(--color-brand-primary-hover-light));
33
+ --color-brand-primary-contrast-lightness: var(--lightningcss-light, var(--color-brand-primary-contrast-lightness-light)) var(--lightningcss-dark, var(--color-brand-primary-contrast-lightness-dark));
34
+ --color-brand-primary-contrast: var(--lightningcss-light, var(--color-brand-primary-contrast-light)) var(--lightningcss-dark, var(--color-brand-primary-contrast-dark));
35
+ --color-brand-secondary-emphasis: var(--lightningcss-light, var(--color-brand-secondary-emphasis-light)) var(--lightningcss-dark, var(--color-brand-secondary-emphasis-dark));
36
+ --color-brand-secondary-base: var(--lightningcss-light, var(--color-brand-secondary-base-light)) var(--lightningcss-dark, var(--color-brand-secondary-base-dark));
37
+ --color-brand-secondary-surface: var(--lightningcss-light, var(--color-brand-secondary-surface-light)) var(--lightningcss-dark, var(--color-brand-secondary-surface-dark));
38
+ --color-brand-secondary-hover: var(--lightningcss-light, var(--color-brand-secondary-hover-light)) var(--lightningcss-dark, var(--color-brand-secondary-hover-dark));
39
+ --color-brand-secondary-contrast: var(--lightningcss-light, var(--color-brand-secondary-contrast-light)) var(--lightningcss-dark, var(--color-brand-secondary-contrast-dark));
40
+ --color-text-base: var(--lightningcss-light, var(--color-text-base-light)) var(--lightningcss-dark, var(--color-text-base-dark));
41
+ --color-text-muted: var(--lightningcss-light, var(--color-text-muted-light)) var(--lightningcss-dark, var(--color-text-muted-dark));
42
+ --color-text-subtle: var(--lightningcss-light, var(--color-text-subtle-light)) var(--lightningcss-dark, var(--color-text-subtle-dark));
43
+ --color-text-on-emphasis: var(--lightningcss-light, var(--color-text-on-emphasis-light)) var(--lightningcss-dark, var(--color-text-on-emphasis-dark));
44
+ --color-text-hover: var(--lightningcss-light, var(--color-text-hover-light)) var(--lightningcss-dark, var(--color-text-hover-dark));
45
+ --color-surface-base: var(--lightningcss-light, var(--color-surface-base-light)) var(--lightningcss-dark, var(--color-surface-base-dark));
46
+ --color-surface-muted: var(--lightningcss-light, var(--color-surface-muted-light)) var(--lightningcss-dark, var(--color-surface-muted-dark));
47
+ --color-surface-subtle: var(--lightningcss-light, var(--color-surface-subtle-light)) var(--lightningcss-dark, var(--color-surface-subtle-dark));
48
+ --color-surface-emphasis: var(--lightningcss-light, var(--color-surface-emphasis-light)) var(--lightningcss-dark, var(--color-surface-emphasis-dark));
49
+ --color-border-base: var(--lightningcss-light, var(--color-border-base-light)) var(--lightningcss-dark, var(--color-border-base-dark));
50
+ --color-border-muted: var(--lightningcss-light, var(--color-border-muted-light)) var(--lightningcss-dark, var(--color-border-muted-dark));
51
+ --color-border-subtle: var(--lightningcss-light, var(--color-border-subtle-light)) var(--lightningcss-dark, var(--color-border-subtle-dark));
52
+ --color-border-on-emphasis: var(--lightningcss-light, var(--color-border-on-emphasis-light)) var(--lightningcss-dark, var(--color-border-on-emphasis-dark));
53
+ --color-border-hover: var(--lightningcss-light, var(--color-border-hover-light)) var(--lightningcss-dark, var(--color-border-hover-dark));
54
+ --color-status-info-emphasis: var(--lightningcss-light, var(--color-status-info-emphasis-light)) var(--lightningcss-dark, var(--color-status-info-emphasis-dark));
55
+ --color-status-info-base: var(--lightningcss-light, var(--color-status-info-base-light)) var(--lightningcss-dark, var(--color-status-info-base-dark));
56
+ --color-status-info-surface: var(--lightningcss-light, var(--color-status-info-surface-light)) var(--lightningcss-dark, var(--color-status-info-surface-dark));
57
+ --color-status-info-hover: var(--lightningcss-light, var(--color-status-info-hover-light)) var(--lightningcss-dark, var(--color-status-info-hover-light));
58
+ --color-status-info-contrast-lightness: var(--lightningcss-light, var(--color-status-info-contrast-lightness-light)) var(--lightningcss-dark, var(--color-status-info-contrast-lightness-dark));
59
+ --color-status-info-contrast: var(--lightningcss-light, var(--color-status-info-contrast-light)) var(--lightningcss-dark, var(--color-status-info-contrast-dark));
60
+ --color-status-success-emphasis: var(--lightningcss-light, var(--color-status-success-emphasis-light)) var(--lightningcss-dark, var(--color-status-success-emphasis-dark));
61
+ --color-status-success-base: var(--lightningcss-light, var(--color-status-success-base-light)) var(--lightningcss-dark, var(--color-status-success-base-dark));
62
+ --color-status-success-surface: var(--lightningcss-light, var(--color-status-success-surface-light)) var(--lightningcss-dark, var(--color-status-success-surface-dark));
63
+ --color-status-success-hover: var(--lightningcss-light, var(--color-status-success-hover-light)) var(--lightningcss-dark, var(--color-status-success-hover-light));
64
+ --color-status-success-contrast-lightness: var(--lightningcss-light, var(--color-status-success-contrast-lightness-light)) var(--lightningcss-dark, var(--color-status-success-contrast-lightness-dark));
65
+ --color-status-success-contrast: var(--lightningcss-light, var(--color-status-success-contrast-light)) var(--lightningcss-dark, var(--color-status-success-contrast-dark));
66
+ --color-status-warning-emphasis: var(--lightningcss-light, var(--color-status-warning-emphasis-light)) var(--lightningcss-dark, var(--color-status-warning-emphasis-dark));
67
+ --color-status-warning-base: var(--lightningcss-light, var(--color-status-warning-base-light)) var(--lightningcss-dark, var(--color-status-warning-base-dark));
68
+ --color-status-warning-surface: var(--lightningcss-light, var(--color-status-warning-surface-light)) var(--lightningcss-dark, var(--color-status-warning-surface-dark));
69
+ --color-status-warning-hover: var(--lightningcss-light, var(--color-status-warning-hover-light)) var(--lightningcss-dark, var(--color-status-warning-hover-light));
70
+ --color-status-warning-contrast-lightness: var(--lightningcss-light, var(--color-status-warning-contrast-lightness-light)) var(--lightningcss-dark, var(--color-status-warning-contrast-lightness-dark));
71
+ --color-status-warning-contrast: var(--lightningcss-light, var(--color-status-warning-contrast-light)) var(--lightningcss-dark, var(--color-status-warning-contrast-dark));
72
+ --color-status-danger-emphasis: var(--lightningcss-light, var(--color-status-danger-emphasis-light)) var(--lightningcss-dark, var(--color-status-danger-emphasis-dark));
73
+ --color-status-danger-base: var(--lightningcss-light, var(--color-status-danger-base-light)) var(--lightningcss-dark, var(--color-status-danger-base-dark));
74
+ --color-status-danger-surface: var(--lightningcss-light, var(--color-status-danger-surface-light)) var(--lightningcss-dark, var(--color-status-danger-surface-dark));
75
+ --color-status-danger-hover: var(--lightningcss-light, var(--color-status-danger-hover-light)) var(--lightningcss-dark, var(--color-status-danger-hover-light));
76
+ --color-status-danger-contrast-lightness: var(--lightningcss-light, var(--color-status-danger-contrast-lightness-light)) var(--lightningcss-dark, var(--color-status-danger-contrast-lightness-dark));
77
+ --color-status-danger-contrast: var(--lightningcss-light, var(--color-status-danger-contrast-light)) var(--lightningcss-dark, var(--color-status-danger-contrast-dark));
78
+ --shadow-color: var(--lightningcss-light, var(--shadow-color-light)) var(--lightningcss-dark, var(--shadow-color-dark));
79
+ --shadow-inset: var(--lightningcss-light, var(--shadow-inset-light)) var(--lightningcss-dark, var(--shadow-inset-dark));
80
+ --shadow-nearest: var(--lightningcss-light, var(--shadow-nearest-light)) var(--lightningcss-dark, var(--shadow-nearest-dark));
81
+ --shadow-near: var(--lightningcss-light, var(--shadow-near-light)) var(--lightningcss-dark, var(--shadow-near-dark));
82
+ --shadow-medium: var(--lightningcss-light, var(--shadow-medium-light)) var(--lightningcss-dark, var(--shadow-medium-dark));
83
+ --shadow-far: var(--lightningcss-light, var(--shadow-far-light)) var(--lightningcss-dark, var(--shadow-far-dark));
84
+ --triangle-down-url: var(--lightningcss-light, var(--triangle-down-url-light)) var(--lightningcss-dark, var(--triangle-down-url-dark));
85
+ --triangle-up-url: var(--lightningcss-light, var(--triangle-up-url-light)) var(--lightningcss-dark, var(--triangle-up-url-dark));
86
+ }
87
+ }