@nordcode/ui 2.2.1 → 2.2.2

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 (73) hide show
  1. package/CHANGELOG.md +60 -54
  2. package/package.json +79 -79
  3. package/src/assets/icons/ArrowRightSolid.svelte +0 -0
  4. package/src/assets/icons/arrow-right-solid.svg +0 -0
  5. package/src/styles/utils/theme.css +1 -1
  6. package/.idea/copilot.data.migration.agent.xml +0 -6
  7. package/.idea/copilot.data.migration.ask.xml +0 -6
  8. package/.idea/copilot.data.migration.ask2agent.xml +0 -6
  9. package/.idea/copilot.data.migration.edit.xml +0 -6
  10. package/.idea/modules.xml +0 -8
  11. package/.idea/ui.iml +0 -9
  12. package/.idea/vcs.xml +0 -6
  13. package/out/bundle.css +0 -1469
  14. package/out/bundle_configless.css +0 -1253
  15. package/out/colors.css +0 -82
  16. package/out/complete.css +0 -2871
  17. package/out/complete_configless.css +0 -2655
  18. package/out/src/assets/fonts/DMMono-Regular.woff +0 -0
  19. package/out/src/assets/fonts/DMMono-Regular.woff2 +0 -0
  20. package/out/src/assets/fonts/fonts.css +0 -7
  21. package/out/src/assets/icons/ArrowRightSolid.svelte +0 -1
  22. package/out/src/assets/icons/arrow-right-solid.svg +0 -1
  23. package/out/src/assets/icons/favicon.png +0 -0
  24. package/out/src/assets/icons/favicon.svg +0 -8
  25. package/out/src/assets/logos/nordcode-logo-icon.svg +0 -3
  26. package/out/src/assets/logos/nordcode-logo.svg +0 -17
  27. package/out/src/modules/copyButtons/ts/copyButtons.ts +0 -9
  28. package/out/src/modules/dialogs/svelte/dialog.svelte +0 -27
  29. package/out/src/modules/dialogs/ts/LICENCE +0 -171
  30. package/out/src/modules/dialogs/ts/dialogs.ts +0 -111
  31. package/out/src/modules/notifications/js/notifications.js +0 -294
  32. package/out/src/modules/notifications/svelte/NotificationCenter.svelte +0 -18
  33. package/out/src/modules/notifications/svelte/NotificationTemplate.svelte +0 -16
  34. package/out/src/modules/sectionObserver/ts/sectionOberserver.ts +0 -34
  35. package/out/src/styles/bundle.css +0 -7
  36. package/out/src/styles/bundle_configless.css +0 -5
  37. package/out/src/styles/complete.css +0 -5
  38. package/out/src/styles/complete_configless.css +0 -5
  39. package/out/src/styles/components/alerts.css +0 -20
  40. package/out/src/styles/components/badges.css +0 -14
  41. package/out/src/styles/components/breadcrumbs.css +0 -37
  42. package/out/src/styles/components/bundle.css +0 -13
  43. package/out/src/styles/components/buttons.css +0 -260
  44. package/out/src/styles/components/card.css +0 -55
  45. package/out/src/styles/components/dialogs.css +0 -138
  46. package/out/src/styles/components/forms.css +0 -41
  47. package/out/src/styles/components/gallery.css +0 -66
  48. package/out/src/styles/components/icons.css +0 -60
  49. package/out/src/styles/components/inputs/base.css +0 -249
  50. package/out/src/styles/components/inputs/bundle.css +0 -5
  51. package/out/src/styles/components/inputs/fields.css +0 -76
  52. package/out/src/styles/components/inputs/segmented.css +0 -114
  53. package/out/src/styles/components/inputs/switch.css +0 -42
  54. package/out/src/styles/components/inputs/tag-select.css +0 -41
  55. package/out/src/styles/components/lists.css +0 -40
  56. package/out/src/styles/components/notifications.css +0 -135
  57. package/out/src/styles/components/tables.css +0 -7
  58. package/out/src/styles/config/bundle.css +0 -2
  59. package/out/src/styles/config/config.css +0 -700
  60. package/out/src/styles/config/extras.css +0 -12
  61. package/out/src/styles/exceptions/bundle.css +0 -3
  62. package/out/src/styles/exceptions/misc.css +0 -21
  63. package/out/src/styles/exceptions/spacings.css +0 -15
  64. package/out/src/styles/exceptions/typography.css +0 -57
  65. package/out/src/styles/theme/colors.css +0 -165
  66. package/out/src/styles/theme/colors_processed.css +0 -87
  67. package/out/src/styles/utils/base.css +0 -415
  68. package/out/src/styles/utils/bundle.css +0 -6
  69. package/out/src/styles/utils/easings.css +0 -364
  70. package/out/src/styles/utils/layouts.css +0 -281
  71. package/out/src/styles/utils/media.css +0 -55
  72. package/out/src/styles/utils/reset.css +0 -145
  73. package/out/src/styles/utils/theme.css +0 -125
package/out/src/styles/config/extras.css DELETED
@@ -1,12 +0,0 @@
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
- }
package/out/src/styles/exceptions/bundle.css DELETED
@@ -1,3 +0,0 @@
1
- @import "./misc.css";
2
- @import "./typography.css";
3
- @import "./spacings.css";
package/out/src/styles/exceptions/misc.css DELETED
@@ -1,21 +0,0 @@
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/out/src/styles/exceptions/spacings.css DELETED
@@ -1,15 +0,0 @@
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/out/src/styles/exceptions/typography.css DELETED
@@ -1,57 +0,0 @@
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/out/src/styles/theme/colors.css DELETED
@@ -1,165 +0,0 @@
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(:root) {
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
- --shadow-color: light-dark(var(--shadow-color-light), var(--shadow-color-dark));
161
- --triangle-down-url: light-dark(var(--triangle-down-url-light),
162
- var(--triangle-down-url-dark));
163
- --triangle-up-url: light-dark(var(--triangle-up-url-light), var(--triangle-up-url-dark));
164
- }
165
- }
package/out/src/styles/theme/colors_processed.css DELETED
@@ -1,87 +0,0 @@
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
- }