@schalkneethling/miyagi-core 4.4.2 → 4.4.4

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 (115) hide show
  1. package/README.md +7 -2
  2. package/api/app.js +16 -16
  3. package/api/index.js +263 -262
  4. package/bin/miyagi.js +1 -1
  5. package/dist/css/iframe.css +6 -30
  6. package/frontend/assets/css/iframe/accordion-tabs.css +39 -39
  7. package/frontend/assets/css/iframe/jsontree.js.css +149 -149
  8. package/frontend/assets/css/iframe/prism.css +45 -45
  9. package/frontend/assets/css/iframe/styleguide/colors.css +27 -27
  10. package/frontend/assets/css/iframe/styleguide/fonts.css +23 -23
  11. package/frontend/assets/css/iframe/styleguide/index.css +58 -58
  12. package/frontend/assets/css/iframe/styleguide/spacings.css +10 -10
  13. package/frontend/assets/css/iframe.css +191 -191
  14. package/frontend/assets/css/main/menu/config-switcher.css +21 -21
  15. package/frontend/assets/css/main/menu/config-switchers.css +34 -34
  16. package/frontend/assets/css/main/menu/goto.css +16 -16
  17. package/frontend/assets/css/main/menu/nav.css +49 -49
  18. package/frontend/assets/css/main/menu/search.css +34 -34
  19. package/frontend/assets/css/main/menu/title.css +18 -18
  20. package/frontend/assets/css/main/menu.css +89 -89
  21. package/frontend/assets/css/main/reset.css +47 -47
  22. package/frontend/assets/css/main.css +41 -41
  23. package/frontend/assets/css/shared.css +16 -16
  24. package/frontend/assets/css/tokens.css +108 -107
  25. package/frontend/assets/js/_accordion-tabs.js +392 -392
  26. package/frontend/assets/js/_goto.js +59 -59
  27. package/frontend/assets/js/_iframe-links.js +14 -14
  28. package/frontend/assets/js/_is-triggered.js +3 -3
  29. package/frontend/assets/js/_main.js +369 -369
  30. package/frontend/assets/js/_mock-data.js +8 -8
  31. package/frontend/assets/js/_prism.js +1082 -1081
  32. package/frontend/assets/js/_search.js +186 -186
  33. package/frontend/assets/js/_socket.js +44 -44
  34. package/frontend/assets/js/config-switcher/development-mode.js +38 -38
  35. package/frontend/assets/js/config-switcher/index.js +55 -55
  36. package/frontend/assets/js/config-switcher/text-direction.js +22 -22
  37. package/frontend/assets/js/config-switcher/theme.js +68 -68
  38. package/frontend/assets/js/iframe.build.js +25 -25
  39. package/frontend/assets/js/iframe.js +38 -38
  40. package/frontend/assets/js/jsontree.js +979 -976
  41. package/frontend/assets/js/main.build.js +29 -29
  42. package/frontend/assets/js/main.js +31 -31
  43. package/frontend/assets/js/styleguide/color-converter.js +652 -652
  44. package/frontend/assets/js/styleguide/index.js +100 -100
  45. package/lib/build/index.js +1014 -1020
  46. package/lib/cli/app.js +16 -16
  47. package/lib/cli/component.js +50 -50
  48. package/lib/cli/doctor.js +130 -121
  49. package/lib/cli/drupal-assets.js +163 -157
  50. package/lib/cli/lint.js +196 -196
  51. package/lib/cli/run.js +150 -146
  52. package/lib/config.js +86 -86
  53. package/lib/constants/lint-log-levels.js +6 -6
  54. package/lib/drupal/load-assets-config.js +59 -60
  55. package/lib/drupal/resolve-library-assets.js +132 -141
  56. package/lib/errors.js +20 -20
  57. package/lib/generator/component.js +124 -124
  58. package/lib/generator/mocks.js +156 -156
  59. package/lib/helpers.js +68 -68
  60. package/lib/i18n/en.js +93 -93
  61. package/lib/i18n/index.js +8 -8
  62. package/lib/index.js +13 -13
  63. package/lib/init/args.js +153 -153
  64. package/lib/init/config.js +452 -438
  65. package/lib/init/engines.js +41 -41
  66. package/lib/init/index.js +83 -83
  67. package/lib/init/rendering.js +3 -3
  68. package/lib/init/static.js +90 -90
  69. package/lib/init/twing/cache.js +27 -27
  70. package/lib/init/twing/functions.js +37 -37
  71. package/lib/init/views.js +5 -5
  72. package/lib/logger.js +72 -72
  73. package/lib/mocks/get.js +88 -88
  74. package/lib/mocks/index.js +2 -2
  75. package/lib/mocks/resolve/ref.js +447 -447
  76. package/lib/mocks/resolve/tpl.js +218 -218
  77. package/lib/mocks/resolve.js +154 -154
  78. package/lib/render/helpers/resolve-assets.js +29 -39
  79. package/lib/render/helpers.js +27 -27
  80. package/lib/render/index.js +18 -18
  81. package/lib/render/views/iframe/component.docs.js +50 -50
  82. package/lib/render/views/iframe/component.js +249 -248
  83. package/lib/render/views/iframe/design-tokens/colors.js +38 -38
  84. package/lib/render/views/iframe/design-tokens/index.js +3 -3
  85. package/lib/render/views/iframe/design-tokens/sizes.js +35 -35
  86. package/lib/render/views/iframe/design-tokens/typography.js +37 -37
  87. package/lib/render/views/iframe/docs.js +42 -42
  88. package/lib/render/views/iframe/index.js +28 -28
  89. package/lib/render/views/iframe/variation.js +89 -89
  90. package/lib/render/views/iframe/variation.standalone.js +69 -68
  91. package/lib/render/views/main/component.docs.js +38 -38
  92. package/lib/render/views/main/component.js +55 -55
  93. package/lib/render/views/main/design-tokens.js +38 -38
  94. package/lib/render/views/main/docs.js +33 -33
  95. package/lib/render/views/main/index.js +33 -33
  96. package/lib/state/components.js +99 -99
  97. package/lib/state/css.js +33 -33
  98. package/lib/state/docs.js +72 -72
  99. package/lib/state/file-contents.js +154 -154
  100. package/lib/state/helpers.js +53 -53
  101. package/lib/state/index.js +39 -39
  102. package/lib/state/menu/index.js +202 -202
  103. package/lib/state/menu/structure.js +84 -84
  104. package/lib/state/partials.js +12 -12
  105. package/lib/state/source-tree.js +51 -51
  106. package/lib/styleguide/color-names.js +148 -148
  107. package/lib/styleguide/colors.js +113 -113
  108. package/lib/styleguide/helpers.js +33 -33
  109. package/lib/styleguide/index.js +4 -4
  110. package/lib/styleguide/media-queries.js +18 -18
  111. package/lib/styleguide/spacings.js +22 -22
  112. package/lib/styleguide/typography.js +46 -46
  113. package/lib/validator/mocks.js +110 -83
  114. package/lib/validator/schemas.js +236 -227
  115. package/package.json +120 -117
@@ -5,45 +5,45 @@
5
5
  * Released under the MIT License
6
6
  */
7
7
  .json-tree-js {
8
- --json-tree-js-text-bold-weight: 400;
9
- --json-tree-js-header-bold-weight: 700;
10
- --json-tree-js-title-bold-weight: var(--json-tree-js-header-bold-weight);
11
- --json-tree-js-text-bold-weight-active: var(
12
- --json-tree-js-header-bold-weight
13
- );
14
- --json-tree-js-color-black: #3b3a3a;
15
- --json-tree-js-color-white: currentcolor;
16
- --json-tree-js-color-snow-white: currentcolor;
17
- --json-tree-js-color-boolean: light-dark(#d9173e, hsl(348deg 100% 68%));
18
- --json-tree-js-color-decimal: #e3c868;
19
- --json-tree-js-color-number: #666bf9;
20
- --json-tree-js-color-string: light-dark(hsl(80deg 100% 24%), #8dd203);
21
- --json-tree-js-color-date: #a656f5;
22
- --json-tree-js-color-array: light-dark(#7a4613, hsl(30deg 73% 50%));
23
- --json-tree-js-color-object: currentcolor;
24
- --json-tree-js-color-null: #bbb;
25
- --json-tree-js-color-function: var(--json-tree-js-color-null);
26
- --json-tree-js-color-unknown: var(--json-tree-js-color-null);
27
- --json-tree-js-container-background-color: #22272e;
28
- --json-tree-js-container-border-color: #454c56;
29
- --json-tree-js-button-background-color: #2d333b;
30
- --json-tree-js-button-border-color: var(
31
- --json-tree-js-container-border-color
32
- );
33
- --json-tree-js-button-text-color: var(--json-tree-js-color-white);
34
- --json-tree-js-button-background-color-hover: var(
35
- --json-tree-js-container-border-color
36
- );
37
- --json-tree-js-button-text-color-hover: var(--json-tree-js-color-snow-white);
38
- --json-tree-js-button-background-color-active: #616b79;
39
- --json-tree-js-button-text-color-active: var(--json-tree-js-color-snow-white);
40
- --json-tree-js-border-radius: 0.5rem;
41
- --json-tree-js-border-style-scrollbar: inset 0 0 6px
42
- var(--json-tree-js-color-dark-gray);
43
- --json-tree-js-border-size: 0.5px;
44
- --json-tree-js-spacing: 10px;
45
- --json-tree-js-spacing-font-size: 1em;
46
- --json-tree-js-transition: all 0.3s;
8
+ --json-tree-js-text-bold-weight: 400;
9
+ --json-tree-js-header-bold-weight: 700;
10
+ --json-tree-js-title-bold-weight: var(--json-tree-js-header-bold-weight);
11
+ --json-tree-js-text-bold-weight-active: var(
12
+ --json-tree-js-header-bold-weight
13
+ );
14
+ --json-tree-js-color-black: #3b3a3a;
15
+ --json-tree-js-color-white: currentcolor;
16
+ --json-tree-js-color-snow-white: currentcolor;
17
+ --json-tree-js-color-boolean: light-dark(#d9173e, hsl(348deg 100% 68%));
18
+ --json-tree-js-color-decimal: #e3c868;
19
+ --json-tree-js-color-number: #666bf9;
20
+ --json-tree-js-color-string: light-dark(hsl(80deg 100% 24%), #8dd203);
21
+ --json-tree-js-color-date: #a656f5;
22
+ --json-tree-js-color-array: light-dark(#7a4613, hsl(30deg 73% 50%));
23
+ --json-tree-js-color-object: currentcolor;
24
+ --json-tree-js-color-null: #bbb;
25
+ --json-tree-js-color-function: var(--json-tree-js-color-null);
26
+ --json-tree-js-color-unknown: var(--json-tree-js-color-null);
27
+ --json-tree-js-container-background-color: #22272e;
28
+ --json-tree-js-container-border-color: #454c56;
29
+ --json-tree-js-button-background-color: #2d333b;
30
+ --json-tree-js-button-border-color: var(
31
+ --json-tree-js-container-border-color
32
+ );
33
+ --json-tree-js-button-text-color: var(--json-tree-js-color-white);
34
+ --json-tree-js-button-background-color-hover: var(
35
+ --json-tree-js-container-border-color
36
+ );
37
+ --json-tree-js-button-text-color-hover: var(--json-tree-js-color-snow-white);
38
+ --json-tree-js-button-background-color-active: #616b79;
39
+ --json-tree-js-button-text-color-active: var(--json-tree-js-color-snow-white);
40
+ --json-tree-js-border-radius: 0.5rem;
41
+ --json-tree-js-border-style-scrollbar: inset 0 0 6px
42
+ var(--json-tree-js-color-dark-gray);
43
+ --json-tree-js-border-size: 0.5px;
44
+ --json-tree-js-spacing: 10px;
45
+ --json-tree-js-spacing-font-size: 1em;
46
+ --json-tree-js-transition: all 0.3s;
47
47
  }
48
48
 
49
49
  /*
@@ -52,30 +52,30 @@
52
52
  -------------------------------------------------------------------------
53
53
  */
54
54
  div.json-tree-js {
55
- box-sizing: border-box;
56
- display: inline-block;
57
- background-color: var(--color-Code-background);
58
- color: var(--json-tree-js-color-white);
59
- border: 0.0625rem solid var(--color-Outline);
60
- padding: var(--json-tree-js-spacing);
61
- font-size: var(--json-tree-js-spacing-font-size);
62
- font-weight: var(--json-tree-js-text-bold-weight);
63
- line-height: 1.5;
64
- width: 100%;
65
- margin: 0 !important;
55
+ box-sizing: border-box;
56
+ display: inline-block;
57
+ background-color: var(--color-Code-background);
58
+ color: var(--json-tree-js-color-white);
59
+ border: 0.0625rem solid var(--color-Outline);
60
+ padding: var(--json-tree-js-spacing);
61
+ font-size: var(--json-tree-js-spacing-font-size);
62
+ font-weight: var(--json-tree-js-text-bold-weight);
63
+ line-height: 1.5;
64
+ width: 100%;
65
+ margin: 0 !important;
66
66
  }
67
67
 
68
68
  div.json-tree-js div.no-click {
69
- pointer-events: none !important;
69
+ pointer-events: none !important;
70
70
  }
71
71
 
72
72
  div.json-tree-js * {
73
- box-sizing: border-box;
73
+ box-sizing: border-box;
74
74
  }
75
75
 
76
76
  div.json-tree-js *::before,
77
77
  div.json-tree-js *::after {
78
- box-sizing: border-box;
78
+ box-sizing: border-box;
79
79
  }
80
80
 
81
81
  /*
@@ -85,50 +85,50 @@ div.json-tree-js *::after {
85
85
  */
86
86
 
87
87
  div.json-tree-js :is(.down-arrow, .right-arrow, .no-arrow) {
88
- background: none;
89
- appearance: none;
90
- padding: 0;
91
- border: none;
92
- font: inherit;
93
- width: 1.5em;
94
- height: 1.5em;
95
- display: inline-flex;
88
+ background: none;
89
+ appearance: none;
90
+ padding: 0;
91
+ border: none;
92
+ font: inherit;
93
+ width: 1.5em;
94
+ height: 1.5em;
95
+ display: inline-flex;
96
96
  }
97
97
 
98
98
  div.json-tree-js .no-arrow {
99
- visibility: hidden;
100
- pointer-events: none;
99
+ visibility: hidden;
100
+ pointer-events: none;
101
101
  }
102
102
 
103
103
  div.json-tree-js :is(.down-arrow, .right-arrow) {
104
- cursor: pointer;
105
- justify-content: center;
106
- align-items: center;
107
- transform: translateY(-0.125em);
104
+ cursor: pointer;
105
+ justify-content: center;
106
+ align-items: center;
107
+ transform: translateY(-0.125em);
108
108
  }
109
109
 
110
110
  div.json-tree-js :is(.down-arrow, .right-arrow)::after {
111
- content: "";
112
- border: var(--toggle-border);
113
- border-color: currentcolor;
114
- border-top-width: 0.25em;
115
- border-inline-end-width: 0.25em;
116
- display: inline-block;
117
- font-size: 0.4em;
118
- height: var(--toggle-height);
119
- flex: 0 0 var(--toggle-width);
111
+ content: "";
112
+ border: var(--toggle-border);
113
+ border-color: currentcolor;
114
+ border-top-width: 0.25em;
115
+ border-inline-end-width: 0.25em;
116
+ display: inline-block;
117
+ font-size: 0.4em;
118
+ height: var(--toggle-height);
119
+ flex: 0 0 var(--toggle-width);
120
120
  }
121
121
 
122
122
  div.json-tree-js :is(.down-arrow, .right-arrow):hover {
123
- opacity: 0.7;
123
+ opacity: 0.7;
124
124
  }
125
125
 
126
126
  div.json-tree-js .down-arrow::after {
127
- transform: translateY(-25%) rotate(135deg);
127
+ transform: translateY(-25%) rotate(135deg);
128
128
  }
129
129
 
130
130
  div.json-tree-js .right-arrow::after {
131
- transform: translateX(-25%) rotate(45deg);
131
+ transform: translateX(-25%) rotate(45deg);
132
132
  }
133
133
 
134
134
  /*
@@ -137,16 +137,16 @@ div.json-tree-js .right-arrow::after {
137
137
  -------------------------------------------------------------------------
138
138
  */
139
139
  div.json-tree-js div.title-bar {
140
- display: flex;
141
- margin-bottom: var(--json-tree-js-spacing);
140
+ display: flex;
141
+ margin-bottom: var(--json-tree-js-spacing);
142
142
  }
143
143
 
144
144
  div.json-tree-js div.title-bar div.title {
145
- display: none;
145
+ display: none;
146
146
  }
147
147
 
148
148
  div.json-tree-js div.title-bar div.controls {
149
- display: none;
149
+ display: none;
150
150
  }
151
151
 
152
152
  /*
@@ -155,21 +155,21 @@ div.json-tree-js div.title-bar div.controls {
155
155
  -------------------------------------------------------------------------
156
156
  */
157
157
  div.json-tree-js div.object-type-title {
158
- font-weight: var(--json-tree-js-header-bold-weight);
159
- text-align: left !important;
158
+ font-weight: var(--json-tree-js-header-bold-weight);
159
+ text-align: left !important;
160
160
  }
161
161
 
162
162
  div.json-tree-js div.object-type-title span.array {
163
- color: var(--json-tree-js-color-array);
163
+ color: var(--json-tree-js-color-array);
164
164
  }
165
165
 
166
166
  div.json-tree-js div.object-type-title span.object {
167
- color: var(--json-tree-js-color-object);
167
+ color: var(--json-tree-js-color-object);
168
168
  }
169
169
 
170
170
  div.json-tree-js div.object-type-title span.count {
171
- margin-left: calc(var(--json-tree-js-spacing) / 2);
172
- font-weight: var(--json-tree-js-text-bold-weight);
171
+ margin-left: calc(var(--json-tree-js-spacing) / 2);
172
+ font-weight: var(--json-tree-js-text-bold-weight);
173
173
  }
174
174
 
175
175
  /*
@@ -178,19 +178,19 @@ div.json-tree-js div.object-type-title span.count {
178
178
  -------------------------------------------------------------------------
179
179
  */
180
180
  div.json-tree-js div.object-type-contents {
181
- margin-top: calc(var(--json-tree-js-spacing) / 2);
182
- margin-left: calc(var(--json-tree-js-spacing) * 2);
183
- text-align: left !important;
181
+ margin-top: calc(var(--json-tree-js-spacing) / 2);
182
+ margin-left: calc(var(--json-tree-js-spacing) * 2);
183
+ text-align: left !important;
184
184
  }
185
185
 
186
186
  div.json-tree-js div.object-type-contents div.object-type-value {
187
- margin-top: calc(var(--json-tree-js-spacing) / 2);
188
- margin-bottom: calc(var(--json-tree-js-spacing) / 2);
187
+ margin-top: calc(var(--json-tree-js-spacing) / 2);
188
+ margin-bottom: calc(var(--json-tree-js-spacing) / 2);
189
189
  }
190
190
 
191
191
  div.json-tree-js div.object-type-contents div.object-type-value span.split {
192
- margin-left: calc(var(--json-tree-js-spacing) / 2);
193
- margin-right: calc(var(--json-tree-js-spacing) / 2);
192
+ margin-left: calc(var(--json-tree-js-spacing) / 2);
193
+ margin-right: calc(var(--json-tree-js-spacing) / 2);
194
194
  }
195
195
 
196
196
  div.json-tree-js div.object-type-contents div.object-type-value span.boolean,
@@ -201,99 +201,99 @@ div.json-tree-js div.object-type-contents div.object-type-value span.date,
201
201
  div.json-tree-js div.object-type-contents div.object-type-value span.null,
202
202
  div.json-tree-js div.object-type-contents div.object-type-value span.function,
203
203
  div.json-tree-js div.object-type-contents div.object-type-value span.unknown {
204
- transition: var(--json-tree-js-transition);
205
- transition-property: opacity;
204
+ transition: var(--json-tree-js-transition);
205
+ transition-property: opacity;
206
206
  }
207
207
 
208
208
  div.json-tree-js
209
- div.object-type-contents
210
- div.object-type-value
211
- span.boolean:not(.no-hover):hover,
209
+ div.object-type-contents
210
+ div.object-type-value
211
+ span.boolean:not(.no-hover):hover,
212
212
  div.json-tree-js
213
- div.object-type-contents
214
- div.object-type-value
215
- span.decimal:not(.no-hover):hover,
213
+ div.object-type-contents
214
+ div.object-type-value
215
+ span.decimal:not(.no-hover):hover,
216
216
  div.json-tree-js
217
- div.object-type-contents
218
- div.object-type-value
219
- span.number:not(.no-hover):hover,
217
+ div.object-type-contents
218
+ div.object-type-value
219
+ span.number:not(.no-hover):hover,
220
220
  div.json-tree-js
221
- div.object-type-contents
222
- div.object-type-value
223
- span.string:not(.no-hover):hover,
221
+ div.object-type-contents
222
+ div.object-type-value
223
+ span.string:not(.no-hover):hover,
224
224
  div.json-tree-js
225
- div.object-type-contents
226
- div.object-type-value
227
- span.date:not(.no-hover):hover,
225
+ div.object-type-contents
226
+ div.object-type-value
227
+ span.date:not(.no-hover):hover,
228
228
  div.json-tree-js
229
- div.object-type-contents
230
- div.object-type-value
231
- span.null:not(.no-hover):hover,
229
+ div.object-type-contents
230
+ div.object-type-value
231
+ span.null:not(.no-hover):hover,
232
232
  div.json-tree-js
233
- div.object-type-contents
234
- div.object-type-value
235
- span.function:not(.no-hover):hover,
233
+ div.object-type-contents
234
+ div.object-type-value
235
+ span.function:not(.no-hover):hover,
236
236
  div.json-tree-js
237
- div.object-type-contents
238
- div.object-type-value
239
- span.unknown:not(.no-hover):hover {
240
- cursor: pointer;
241
- opacity: 0.7;
237
+ div.object-type-contents
238
+ div.object-type-value
239
+ span.unknown:not(.no-hover):hover {
240
+ cursor: pointer;
241
+ opacity: 0.7;
242
242
  }
243
243
 
244
244
  div.json-tree-js div.object-type-contents div.object-type-value span.comma {
245
- color: var(--json-tree-js-color-white);
246
- font-weight: var(--json-tree-js-text-bold-weight);
245
+ color: var(--json-tree-js-color-white);
246
+ font-weight: var(--json-tree-js-text-bold-weight);
247
247
  }
248
248
 
249
249
  div.json-tree-js div.object-type-contents div.object-type-value span.boolean {
250
- color: var(--json-tree-js-color-boolean);
250
+ color: var(--json-tree-js-color-boolean);
251
251
  }
252
252
 
253
253
  div.json-tree-js div.object-type-contents div.object-type-value span.decimal {
254
- color: var(--json-tree-js-color-decimal);
254
+ color: var(--json-tree-js-color-decimal);
255
255
  }
256
256
 
257
257
  div.json-tree-js div.object-type-contents div.object-type-value span.number {
258
- color: var(--json-tree-js-color-number);
258
+ color: var(--json-tree-js-color-number);
259
259
  }
260
260
 
261
261
  div.json-tree-js div.object-type-contents div.object-type-value span.string {
262
- color: var(--json-tree-js-color-string);
262
+ color: var(--json-tree-js-color-string);
263
263
  }
264
264
 
265
265
  div.json-tree-js div.object-type-contents div.object-type-value span.date {
266
- color: var(--json-tree-js-color-date);
266
+ color: var(--json-tree-js-color-date);
267
267
  }
268
268
 
269
269
  div.json-tree-js div.object-type-contents div.object-type-value span.array {
270
- font-weight: var(--json-tree-js-header-bold-weight);
271
- color: var(--json-tree-js-color-array);
270
+ font-weight: var(--json-tree-js-header-bold-weight);
271
+ color: var(--json-tree-js-color-array);
272
272
  }
273
273
 
274
274
  div.json-tree-js div.object-type-contents div.object-type-value span.object {
275
- font-weight: var(--json-tree-js-header-bold-weight);
276
- color: var(--json-tree-js-color-object);
275
+ font-weight: var(--json-tree-js-header-bold-weight);
276
+ color: var(--json-tree-js-color-object);
277
277
  }
278
278
 
279
279
  div.json-tree-js div.object-type-contents div.object-type-value span.null {
280
- color: var(--json-tree-js-color-null);
281
- font-style: italic;
280
+ color: var(--json-tree-js-color-null);
281
+ font-style: italic;
282
282
  }
283
283
 
284
284
  div.json-tree-js div.object-type-contents div.object-type-value span.function {
285
- color: var(--json-tree-js-color-function);
286
- font-style: italic;
285
+ color: var(--json-tree-js-color-function);
286
+ font-style: italic;
287
287
  }
288
288
 
289
289
  div.json-tree-js div.object-type-contents div.object-type-value span.unknown {
290
- color: var(--json-tree-js-color-unknown);
291
- font-style: italic;
290
+ color: var(--json-tree-js-color-unknown);
291
+ font-style: italic;
292
292
  }
293
293
 
294
294
  div.json-tree-js div.object-type-contents div.object-type-value span.count {
295
- margin-left: calc(var(--json-tree-js-spacing) / 2);
296
- font-weight: var(--json-tree-js-text-bold-weight);
295
+ margin-left: calc(var(--json-tree-js-spacing) / 2);
296
+ font-weight: var(--json-tree-js-text-bold-weight);
297
297
  }
298
298
 
299
299
  /*
@@ -302,24 +302,24 @@ div.json-tree-js div.object-type-contents div.object-type-value span.count {
302
302
  -------------------------------------------------------------------------
303
303
  */
304
304
  .custom-scroll-bars::-webkit-scrollbar {
305
- width: 12px;
305
+ width: 12px;
306
306
  }
307
307
 
308
308
  .custom-scroll-bars::-webkit-scrollbar-track {
309
- box-shadow: var(--json-tree-js-border-style-scrollbar);
309
+ box-shadow: var(--json-tree-js-border-style-scrollbar);
310
310
  }
311
311
 
312
312
  .custom-scroll-bars::-webkit-scrollbar-thumb {
313
- box-shadow: var(--json-tree-js-border-style-scrollbar);
314
- background: var(--json-tree-js-color-white);
313
+ box-shadow: var(--json-tree-js-border-style-scrollbar);
314
+ background: var(--json-tree-js-color-white);
315
315
  }
316
316
 
317
317
  .custom-scroll-bars::-webkit-scrollbar-thumb:hover {
318
- background-color: var(--json-tree-js-color-white);
318
+ background-color: var(--json-tree-js-color-white);
319
319
  }
320
320
 
321
321
  .custom-scroll-bars::-webkit-scrollbar-thumb:active {
322
- background-color: var(--json-tree-js-color-lighter-gray);
322
+ background-color: var(--json-tree-js-color-lighter-gray);
323
323
  }
324
324
 
325
325
  /*# sourceMappingURL=jsontree.js.css.map */
@@ -6,69 +6,69 @@
6
6
  */
7
7
 
8
8
  .Code {
9
- --color: light-dark(black, white);
10
- --text-shadow: light-dark(white, black);
11
- --background: light-dark(#f5f2f0, hsl(30deg 20% 25%));
12
- --color-comment: light-dark(hsl(30deg 0% 40%), hsl(30deg 0% 60%));
13
- --color-property: light-dark(#d9173e, hsl(348deg 100% 68%));
14
- --color-selector: light-dark(hsl(80deg 100% 24%), #8dd203);
15
- --color-operator: light-dark(#7a4613, hsl(30deg 73% 50%));
16
- --color-atrule: light-dark(#07a, hsl(350deg 40% 70%));
17
- --color-function: #dd4a68;
18
- --color-regex: #e90;
19
- --color-deleted: red;
9
+ --color: light-dark(black, white);
10
+ --text-shadow: light-dark(white, black);
11
+ --background: light-dark(#f5f2f0, hsl(30deg 20% 25%));
12
+ --color-comment: light-dark(hsl(30deg 0% 40%), hsl(30deg 0% 60%));
13
+ --color-property: light-dark(#d9173e, hsl(348deg 100% 68%));
14
+ --color-selector: light-dark(hsl(80deg 100% 24%), #8dd203);
15
+ --color-operator: light-dark(#7a4613, hsl(30deg 73% 50%));
16
+ --color-atrule: light-dark(#07a, hsl(350deg 40% 70%));
17
+ --color-function: #dd4a68;
18
+ --color-regex: #e90;
19
+ --color-deleted: red;
20
20
  }
21
21
 
22
22
  code[class*="language-"],
23
23
  pre[class*="language-"] {
24
- color: var(--color);
25
- background: none;
26
- text-shadow: 0 -0.1em 0.2em var(--text-shadow);
27
- font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
28
- font-size: 1em;
29
- text-align: start;
30
- white-space: pre;
31
- word-spacing: normal;
32
- word-break: normal;
33
- overflow-wrap: normal;
34
- line-height: 1.5;
35
- tab-size: 4;
36
- hyphens: none;
24
+ color: var(--color);
25
+ background: none;
26
+ text-shadow: 0 -0.1em 0.2em var(--text-shadow);
27
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
28
+ font-size: 1em;
29
+ text-align: start;
30
+ white-space: pre;
31
+ word-spacing: normal;
32
+ word-break: normal;
33
+ overflow-wrap: normal;
34
+ line-height: 1.5;
35
+ tab-size: 4;
36
+ hyphens: none;
37
37
  }
38
38
 
39
39
  pre[class*="language-"],
40
40
  :not(pre) > code[class*="language-"] {
41
- background: var(--background);
41
+ background: var(--background);
42
42
  }
43
43
 
44
44
  /* Code blocks */
45
45
  pre[class*="language-"] {
46
- padding: 1em;
47
- margin: 0.5em 0;
48
- overflow: auto;
49
- border-radius: 0.5em;
46
+ padding: 1em;
47
+ margin: 0.5em 0;
48
+ overflow: auto;
49
+ border-radius: 0.5em;
50
50
  }
51
51
 
52
52
  /* Inline code */
53
53
  :not(pre) > code[class*="language-"] {
54
- padding: 0.15em 0.2em 0.05em;
55
- border-radius: 0.3em;
56
- white-space: normal;
54
+ padding: 0.15em 0.2em 0.05em;
55
+ border-radius: 0.3em;
56
+ white-space: normal;
57
57
  }
58
58
 
59
59
  .token.comment,
60
60
  .token.prolog,
61
61
  .token.doctype,
62
62
  .token.cdata {
63
- color: var(--color-comment);
63
+ color: var(--color-comment);
64
64
  }
65
65
 
66
66
  .token.punctuation {
67
- opacity: 0.7;
67
+ opacity: 0.7;
68
68
  }
69
69
 
70
70
  .token.namespace {
71
- opacity: 0.7;
71
+ opacity: 0.7;
72
72
  }
73
73
 
74
74
  .token.property,
@@ -77,7 +77,7 @@ pre[class*="language-"] {
77
77
  .token.number,
78
78
  .token.constant,
79
79
  .token.symbol {
80
- color: var(--color-property);
80
+ color: var(--color-property);
81
81
  }
82
82
 
83
83
  .token.selector,
@@ -86,7 +86,7 @@ pre[class*="language-"] {
86
86
  .token.char,
87
87
  .token.builtin,
88
88
  .token.inserted {
89
- color: var(--color-selector);
89
+ color: var(--color-selector);
90
90
  }
91
91
 
92
92
  .token.operator,
@@ -94,39 +94,39 @@ pre[class*="language-"] {
94
94
  .token.url,
95
95
  .language-css .token.string,
96
96
  .style .token.string {
97
- color: var(--color-operator);
97
+ color: var(--color-operator);
98
98
  }
99
99
 
100
100
  .token.atrule,
101
101
  .token.attr-value,
102
102
  .token.keyword {
103
- color: var(--color-atrule);
103
+ color: var(--color-atrule);
104
104
  }
105
105
 
106
106
  .token.function,
107
107
  .token.class-name {
108
- color: var(--color-function);
108
+ color: var(--color-function);
109
109
  }
110
110
 
111
111
  .token.regex,
112
112
  .token.important,
113
113
  .token.variable {
114
- color: var(--color-regex);
114
+ color: var(--color-regex);
115
115
  }
116
116
 
117
117
  .token.important,
118
118
  .token.bold {
119
- font-weight: bold;
119
+ font-weight: bold;
120
120
  }
121
121
 
122
122
  .token.italic {
123
- font-style: italic;
123
+ font-style: italic;
124
124
  }
125
125
 
126
126
  .token.entity {
127
- cursor: help;
127
+ cursor: help;
128
128
  }
129
129
 
130
130
  .token.deleted {
131
- color: var(--color-deleted);
131
+ color: var(--color-deleted);
132
132
  }