trepur_components 2.3.4 → 2.3.6

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 (124) hide show
  1. package/archive/theme.ts +1 -1
  2. package/lib/components/Accordion/index.d.ts +1 -2
  3. package/lib/components/Accordion/index.js +8 -8
  4. package/lib/components/AlertBar/index.d.ts +1 -2
  5. package/lib/components/AlertBar/index.js +13 -13
  6. package/lib/components/index.d.ts +3 -3
  7. package/lib/index.js +4 -4
  8. package/lib/styles/{base.css → global.css} +1 -43
  9. package/lib/styles/themes/local.css +40 -0
  10. package/package.json +1 -1
  11. package/postcss.config.js +8 -0
  12. package/src/components/Accordion/Accordion.stories.tsx +1 -1
  13. package/src/components/Accordion/index.tsx +1 -3
  14. package/src/components/AlertBar/AlertBar.stories.tsx +1 -1
  15. package/src/components/AlertBar/index.tsx +2 -4
  16. package/src/components/index.ts +5 -5
  17. package/src/styles/{base.css → global.css} +1 -43
  18. package/src/styles/themes/local.css +40 -0
  19. package/tsconfig.json +1 -1
  20. package/storybook-build/assets/Accordion.stories-Cn994N1H.js +0 -103
  21. package/storybook-build/assets/AlertBar.stories-BkzNXFBh.js +0 -202
  22. package/storybook-build/assets/Avatar.stories-CpH6xVwM.js +0 -418
  23. package/storybook-build/assets/Color-6VNJS4EI-DQV2onvt.js +0 -1378
  24. package/storybook-build/assets/Colours-r29qjFlW.js +0 -324
  25. package/storybook-build/assets/DocsRenderer-NNNQARDV-OgWasCIs.js +0 -44
  26. package/storybook-build/assets/Introduction-Bs1PgnBZ.js +0 -40
  27. package/storybook-build/assets/WithTooltip-V3YHNWJZ-vi2V5TOO.js +0 -15
  28. package/storybook-build/assets/_commonjsHelpers-LQfde5yM.js +0 -35
  29. package/storybook-build/assets/axe-DnFZVv9V.js +0 -32561
  30. package/storybook-build/assets/chunk-EIRT5I3Z-DFD8udmD.js +0 -480
  31. package/storybook-build/assets/context-CIRBAiUz.js +0 -20
  32. package/storybook-build/assets/controls-DJSGrQKd.js +0 -23
  33. package/storybook-build/assets/entry-preview-DmlPV4-3.js +0 -41
  34. package/storybook-build/assets/entry-preview-docs-D46Drugi.js +0 -11861
  35. package/storybook-build/assets/formatter-SWP5E3XI-BWIasvKP.js +0 -14427
  36. package/storybook-build/assets/iframe-Dzzzanqi.js +0 -144
  37. package/storybook-build/assets/index-0FT4HXk-.js +0 -7222
  38. package/storybook-build/assets/index-B9Tccxv4.js +0 -107
  39. package/storybook-build/assets/index-BdOSk9or.js +0 -41
  40. package/storybook-build/assets/index-CU7cYjZD.js +0 -9604
  41. package/storybook-build/assets/index-Clz-aGG3.js +0 -39
  42. package/storybook-build/assets/index-CpyNLP69.js +0 -63
  43. package/storybook-build/assets/index-DM9bPmif.js +0 -319
  44. package/storybook-build/assets/index-ex9_VrIg.js +0 -3734
  45. package/storybook-build/assets/jsx-runtime-D2-sc1j1.js +0 -35
  46. package/storybook-build/assets/preview-3kSipVgK.js +0 -430
  47. package/storybook-build/assets/preview-B4rAxPmB.js +0 -27
  48. package/storybook-build/assets/preview-BMkwWyrh.js +0 -2920
  49. package/storybook-build/assets/preview-BeQelhbu.js +0 -204
  50. package/storybook-build/assets/preview-BiG-rflf.js +0 -2444
  51. package/storybook-build/assets/preview-BiYUJ7TP.js +0 -22
  52. package/storybook-build/assets/preview-C4ItOQzM.js +0 -34
  53. package/storybook-build/assets/preview-CWyhKACi.css +0 -886
  54. package/storybook-build/assets/preview-CtOV68TG.js +0 -10
  55. package/storybook-build/assets/preview-De9E9xaR.js +0 -140
  56. package/storybook-build/assets/preview-bL4x2zrN.js +0 -99
  57. package/storybook-build/assets/preview-gxqyGMHu.js +0 -323
  58. package/storybook-build/assets/react-18-B-gfo82w.js +0 -29
  59. package/storybook-build/assets/syntaxhighlighter-B5GMVT5T-DrY_Dc6-.js +0 -15
  60. package/storybook-build/favicon.svg +0 -7
  61. package/storybook-build/iframe.html +0 -458
  62. package/storybook-build/index.html +0 -163
  63. package/storybook-build/index.json +0 -1
  64. package/storybook-build/preview-stats.json +0 -172
  65. package/storybook-build/project.json +0 -1
  66. package/storybook-build/sb-addons/a11y-9/manager-bundle.js +0 -3
  67. package/storybook-build/sb-addons/a11y-9/manager-bundle.js.LEGAL.txt +0 -0
  68. package/storybook-build/sb-addons/essentials-actions-2/manager-bundle.js +0 -3
  69. package/storybook-build/sb-addons/essentials-actions-2/manager-bundle.js.LEGAL.txt +0 -0
  70. package/storybook-build/sb-addons/essentials-backgrounds-3/manager-bundle.js +0 -12
  71. package/storybook-build/sb-addons/essentials-backgrounds-3/manager-bundle.js.LEGAL.txt +0 -0
  72. package/storybook-build/sb-addons/essentials-controls-1/manager-bundle.js +0 -63
  73. package/storybook-build/sb-addons/essentials-controls-1/manager-bundle.js.LEGAL.txt +0 -18
  74. package/storybook-build/sb-addons/essentials-measure-6/manager-bundle.js +0 -3
  75. package/storybook-build/sb-addons/essentials-measure-6/manager-bundle.js.LEGAL.txt +0 -0
  76. package/storybook-build/sb-addons/essentials-outline-7/manager-bundle.js +0 -3
  77. package/storybook-build/sb-addons/essentials-outline-7/manager-bundle.js.LEGAL.txt +0 -0
  78. package/storybook-build/sb-addons/essentials-toolbars-5/manager-bundle.js +0 -3
  79. package/storybook-build/sb-addons/essentials-toolbars-5/manager-bundle.js.LEGAL.txt +0 -0
  80. package/storybook-build/sb-addons/essentials-viewport-4/manager-bundle.js +0 -3
  81. package/storybook-build/sb-addons/essentials-viewport-4/manager-bundle.js.LEGAL.txt +0 -0
  82. package/storybook-build/sb-addons/interactions-8/manager-bundle.js +0 -12
  83. package/storybook-build/sb-addons/interactions-8/manager-bundle.js.LEGAL.txt +0 -0
  84. package/storybook-build/sb-addons/links-0/manager-bundle.js +0 -3
  85. package/storybook-build/sb-addons/links-0/manager-bundle.js.LEGAL.txt +0 -0
  86. package/storybook-build/sb-addons/storybook-12/manager-bundle.js +0 -151
  87. package/storybook-build/sb-addons/storybook-12/manager-bundle.js.LEGAL.txt +0 -0
  88. package/storybook-build/sb-addons/storybook-react-i18next-11/manager-bundle.js +0 -3
  89. package/storybook-build/sb-addons/storybook-react-i18next-11/manager-bundle.js.LEGAL.txt +0 -0
  90. package/storybook-build/sb-addons/themes-10/register-bundle.js +0 -5
  91. package/storybook-build/sb-addons/themes-10/register-bundle.js.LEGAL.txt +0 -0
  92. package/storybook-build/sb-common-assets/fonts.css +0 -31
  93. package/storybook-build/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  94. package/storybook-build/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  95. package/storybook-build/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  96. package/storybook-build/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  97. package/storybook-build/sb-manager/WithTooltip-V3YHNWJZ-TRLNWEGW.js +0 -1
  98. package/storybook-build/sb-manager/chunk-4IYAVH3S.js +0 -348
  99. package/storybook-build/sb-manager/chunk-CXYKRFSY.js +0 -9
  100. package/storybook-build/sb-manager/chunk-KZYAAUOR.js +0 -406
  101. package/storybook-build/sb-manager/chunk-LVLAH4SI.js +0 -7
  102. package/storybook-build/sb-manager/chunk-ZEU7PDD3.js +0 -1
  103. package/storybook-build/sb-manager/formatter-SWP5E3XI-7BGIK6BL.js +0 -156
  104. package/storybook-build/sb-manager/globals-module-info.js +0 -1
  105. package/storybook-build/sb-manager/globals.js +0 -1
  106. package/storybook-build/sb-manager/index.js +0 -1
  107. package/storybook-build/sb-manager/runtime.js +0 -1
  108. package/storybook-build/sb-manager/syntaxhighlighter-B5GMVT5T-EA5ASEYD.js +0 -1
  109. package/storybook-build/sb-preview/globals.js +0 -1
  110. package/storybook-build/sb-preview/runtime.js +0 -112
  111. package/storybook-build/src/components/Accordion/Accordion.stories.d.ts +0 -94
  112. package/storybook-build/src/components/Accordion/index.d.ts +0 -9
  113. package/storybook-build/src/components/AlertBar/AlertBar.stories.d.ts +0 -162
  114. package/storybook-build/src/components/AlertBar/index.d.ts +0 -13
  115. package/storybook-build/src/components/Avatar/Avatar.stories.d.ts +0 -44
  116. package/storybook-build/src/components/Avatar/index.d.ts +0 -4
  117. package/storybook-build/src/components/index.d.ts +0 -7
  118. package/storybook-build/src/index.d.ts +0 -1
  119. package/storybook-build/src/utils/controls.d.ts +0 -36
  120. package/storybook-build/src/utils/matchMedia.d.ts +0 -2
  121. package/storybook-build/src/utils/screens.d.ts +0 -7
  122. package/storybook-build/src/utils/theme.d.ts +0 -3
  123. package/storybook-build/stories.json +0 -1
  124. package/storybook-build/styles/base.css +0 -116
@@ -1,35 +0,0 @@
1
- import { r as reactExports } from "./index-DM9bPmif.js";
2
- var jsxRuntime = { exports: {} };
3
- var reactJsxRuntime_production_min = {};
4
- /**
5
- * @license React
6
- * react-jsx-runtime.production.min.js
7
- *
8
- * Copyright (c) Facebook, Inc. and its affiliates.
9
- *
10
- * This source code is licensed under the MIT license found in the
11
- * LICENSE file in the root directory of this source tree.
12
- */
13
- var f = reactExports, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
14
- function q(c, a, g) {
15
- var b, d = {}, e = null, h = null;
16
- void 0 !== g && (e = "" + g);
17
- void 0 !== a.key && (e = "" + a.key);
18
- void 0 !== a.ref && (h = a.ref);
19
- for (b in a)
20
- m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
21
- if (c && c.defaultProps)
22
- for (b in a = c.defaultProps, a)
23
- void 0 === d[b] && (d[b] = a[b]);
24
- return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
25
- }
26
- reactJsxRuntime_production_min.Fragment = l;
27
- reactJsxRuntime_production_min.jsx = q;
28
- reactJsxRuntime_production_min.jsxs = q;
29
- {
30
- jsxRuntime.exports = reactJsxRuntime_production_min;
31
- }
32
- var jsxRuntimeExports = jsxRuntime.exports;
33
- export {
34
- jsxRuntimeExports as j
35
- };
@@ -1,430 +0,0 @@
1
- import { d as dedent } from "./index-BdOSk9or.js";
2
- const { useMemo, useEffect } = __STORYBOOK_MODULE_PREVIEW_API__;
3
- const { global } = __STORYBOOK_MODULE_GLOBAL__;
4
- var clearStyles = (selector) => {
5
- (Array.isArray(selector) ? selector : [selector]).forEach(clearStyle);
6
- }, clearStyle = (input) => {
7
- let selector = typeof input == "string" ? input : input.join(""), element = global.document.getElementById(selector);
8
- element && element.parentElement && element.parentElement.removeChild(element);
9
- }, addOutlineStyles = (selector, css) => {
10
- let existingStyle = global.document.getElementById(selector);
11
- if (existingStyle)
12
- existingStyle.innerHTML !== css && (existingStyle.innerHTML = css);
13
- else {
14
- let style = global.document.createElement("style");
15
- style.setAttribute("id", selector), style.innerHTML = css, global.document.head.appendChild(style);
16
- }
17
- };
18
- var PARAM_KEY = "outline";
19
- function outlineCSS(selector) {
20
- return dedent`
21
- ${selector} body {
22
- outline: 1px solid #2980b9 !important;
23
- }
24
-
25
- ${selector} article {
26
- outline: 1px solid #3498db !important;
27
- }
28
-
29
- ${selector} nav {
30
- outline: 1px solid #0088c3 !important;
31
- }
32
-
33
- ${selector} aside {
34
- outline: 1px solid #33a0ce !important;
35
- }
36
-
37
- ${selector} section {
38
- outline: 1px solid #66b8da !important;
39
- }
40
-
41
- ${selector} header {
42
- outline: 1px solid #99cfe7 !important;
43
- }
44
-
45
- ${selector} footer {
46
- outline: 1px solid #cce7f3 !important;
47
- }
48
-
49
- ${selector} h1 {
50
- outline: 1px solid #162544 !important;
51
- }
52
-
53
- ${selector} h2 {
54
- outline: 1px solid #314e6e !important;
55
- }
56
-
57
- ${selector} h3 {
58
- outline: 1px solid #3e5e85 !important;
59
- }
60
-
61
- ${selector} h4 {
62
- outline: 1px solid #449baf !important;
63
- }
64
-
65
- ${selector} h5 {
66
- outline: 1px solid #c7d1cb !important;
67
- }
68
-
69
- ${selector} h6 {
70
- outline: 1px solid #4371d0 !important;
71
- }
72
-
73
- ${selector} main {
74
- outline: 1px solid #2f4f90 !important;
75
- }
76
-
77
- ${selector} address {
78
- outline: 1px solid #1a2c51 !important;
79
- }
80
-
81
- ${selector} div {
82
- outline: 1px solid #036cdb !important;
83
- }
84
-
85
- ${selector} p {
86
- outline: 1px solid #ac050b !important;
87
- }
88
-
89
- ${selector} hr {
90
- outline: 1px solid #ff063f !important;
91
- }
92
-
93
- ${selector} pre {
94
- outline: 1px solid #850440 !important;
95
- }
96
-
97
- ${selector} blockquote {
98
- outline: 1px solid #f1b8e7 !important;
99
- }
100
-
101
- ${selector} ol {
102
- outline: 1px solid #ff050c !important;
103
- }
104
-
105
- ${selector} ul {
106
- outline: 1px solid #d90416 !important;
107
- }
108
-
109
- ${selector} li {
110
- outline: 1px solid #d90416 !important;
111
- }
112
-
113
- ${selector} dl {
114
- outline: 1px solid #fd3427 !important;
115
- }
116
-
117
- ${selector} dt {
118
- outline: 1px solid #ff0043 !important;
119
- }
120
-
121
- ${selector} dd {
122
- outline: 1px solid #e80174 !important;
123
- }
124
-
125
- ${selector} figure {
126
- outline: 1px solid #ff00bb !important;
127
- }
128
-
129
- ${selector} figcaption {
130
- outline: 1px solid #bf0032 !important;
131
- }
132
-
133
- ${selector} table {
134
- outline: 1px solid #00cc99 !important;
135
- }
136
-
137
- ${selector} caption {
138
- outline: 1px solid #37ffc4 !important;
139
- }
140
-
141
- ${selector} thead {
142
- outline: 1px solid #98daca !important;
143
- }
144
-
145
- ${selector} tbody {
146
- outline: 1px solid #64a7a0 !important;
147
- }
148
-
149
- ${selector} tfoot {
150
- outline: 1px solid #22746b !important;
151
- }
152
-
153
- ${selector} tr {
154
- outline: 1px solid #86c0b2 !important;
155
- }
156
-
157
- ${selector} th {
158
- outline: 1px solid #a1e7d6 !important;
159
- }
160
-
161
- ${selector} td {
162
- outline: 1px solid #3f5a54 !important;
163
- }
164
-
165
- ${selector} col {
166
- outline: 1px solid #6c9a8f !important;
167
- }
168
-
169
- ${selector} colgroup {
170
- outline: 1px solid #6c9a9d !important;
171
- }
172
-
173
- ${selector} button {
174
- outline: 1px solid #da8301 !important;
175
- }
176
-
177
- ${selector} datalist {
178
- outline: 1px solid #c06000 !important;
179
- }
180
-
181
- ${selector} fieldset {
182
- outline: 1px solid #d95100 !important;
183
- }
184
-
185
- ${selector} form {
186
- outline: 1px solid #d23600 !important;
187
- }
188
-
189
- ${selector} input {
190
- outline: 1px solid #fca600 !important;
191
- }
192
-
193
- ${selector} keygen {
194
- outline: 1px solid #b31e00 !important;
195
- }
196
-
197
- ${selector} label {
198
- outline: 1px solid #ee8900 !important;
199
- }
200
-
201
- ${selector} legend {
202
- outline: 1px solid #de6d00 !important;
203
- }
204
-
205
- ${selector} meter {
206
- outline: 1px solid #e8630c !important;
207
- }
208
-
209
- ${selector} optgroup {
210
- outline: 1px solid #b33600 !important;
211
- }
212
-
213
- ${selector} option {
214
- outline: 1px solid #ff8a00 !important;
215
- }
216
-
217
- ${selector} output {
218
- outline: 1px solid #ff9619 !important;
219
- }
220
-
221
- ${selector} progress {
222
- outline: 1px solid #e57c00 !important;
223
- }
224
-
225
- ${selector} select {
226
- outline: 1px solid #e26e0f !important;
227
- }
228
-
229
- ${selector} textarea {
230
- outline: 1px solid #cc5400 !important;
231
- }
232
-
233
- ${selector} details {
234
- outline: 1px solid #33848f !important;
235
- }
236
-
237
- ${selector} summary {
238
- outline: 1px solid #60a1a6 !important;
239
- }
240
-
241
- ${selector} command {
242
- outline: 1px solid #438da1 !important;
243
- }
244
-
245
- ${selector} menu {
246
- outline: 1px solid #449da6 !important;
247
- }
248
-
249
- ${selector} del {
250
- outline: 1px solid #bf0000 !important;
251
- }
252
-
253
- ${selector} ins {
254
- outline: 1px solid #400000 !important;
255
- }
256
-
257
- ${selector} img {
258
- outline: 1px solid #22746b !important;
259
- }
260
-
261
- ${selector} iframe {
262
- outline: 1px solid #64a7a0 !important;
263
- }
264
-
265
- ${selector} embed {
266
- outline: 1px solid #98daca !important;
267
- }
268
-
269
- ${selector} object {
270
- outline: 1px solid #00cc99 !important;
271
- }
272
-
273
- ${selector} param {
274
- outline: 1px solid #37ffc4 !important;
275
- }
276
-
277
- ${selector} video {
278
- outline: 1px solid #6ee866 !important;
279
- }
280
-
281
- ${selector} audio {
282
- outline: 1px solid #027353 !important;
283
- }
284
-
285
- ${selector} source {
286
- outline: 1px solid #012426 !important;
287
- }
288
-
289
- ${selector} canvas {
290
- outline: 1px solid #a2f570 !important;
291
- }
292
-
293
- ${selector} track {
294
- outline: 1px solid #59a600 !important;
295
- }
296
-
297
- ${selector} map {
298
- outline: 1px solid #7be500 !important;
299
- }
300
-
301
- ${selector} area {
302
- outline: 1px solid #305900 !important;
303
- }
304
-
305
- ${selector} a {
306
- outline: 1px solid #ff62ab !important;
307
- }
308
-
309
- ${selector} em {
310
- outline: 1px solid #800b41 !important;
311
- }
312
-
313
- ${selector} strong {
314
- outline: 1px solid #ff1583 !important;
315
- }
316
-
317
- ${selector} i {
318
- outline: 1px solid #803156 !important;
319
- }
320
-
321
- ${selector} b {
322
- outline: 1px solid #cc1169 !important;
323
- }
324
-
325
- ${selector} u {
326
- outline: 1px solid #ff0430 !important;
327
- }
328
-
329
- ${selector} s {
330
- outline: 1px solid #f805e3 !important;
331
- }
332
-
333
- ${selector} small {
334
- outline: 1px solid #d107b2 !important;
335
- }
336
-
337
- ${selector} abbr {
338
- outline: 1px solid #4a0263 !important;
339
- }
340
-
341
- ${selector} q {
342
- outline: 1px solid #240018 !important;
343
- }
344
-
345
- ${selector} cite {
346
- outline: 1px solid #64003c !important;
347
- }
348
-
349
- ${selector} dfn {
350
- outline: 1px solid #b4005a !important;
351
- }
352
-
353
- ${selector} sub {
354
- outline: 1px solid #dba0c8 !important;
355
- }
356
-
357
- ${selector} sup {
358
- outline: 1px solid #cc0256 !important;
359
- }
360
-
361
- ${selector} time {
362
- outline: 1px solid #d6606d !important;
363
- }
364
-
365
- ${selector} code {
366
- outline: 1px solid #e04251 !important;
367
- }
368
-
369
- ${selector} kbd {
370
- outline: 1px solid #5e001f !important;
371
- }
372
-
373
- ${selector} samp {
374
- outline: 1px solid #9c0033 !important;
375
- }
376
-
377
- ${selector} var {
378
- outline: 1px solid #d90047 !important;
379
- }
380
-
381
- ${selector} mark {
382
- outline: 1px solid #ff0053 !important;
383
- }
384
-
385
- ${selector} bdi {
386
- outline: 1px solid #bf3668 !important;
387
- }
388
-
389
- ${selector} bdo {
390
- outline: 1px solid #6f1400 !important;
391
- }
392
-
393
- ${selector} ruby {
394
- outline: 1px solid #ff7b93 !important;
395
- }
396
-
397
- ${selector} rt {
398
- outline: 1px solid #ff2f54 !important;
399
- }
400
-
401
- ${selector} rp {
402
- outline: 1px solid #803e49 !important;
403
- }
404
-
405
- ${selector} span {
406
- outline: 1px solid #cc2643 !important;
407
- }
408
-
409
- ${selector} br {
410
- outline: 1px solid #db687d !important;
411
- }
412
-
413
- ${selector} wbr {
414
- outline: 1px solid #db175b !important;
415
- }`;
416
- }
417
- var withOutline = (StoryFn, context) => {
418
- let { globals: globals2 } = context, isActive = [true, "true"].includes(globals2[PARAM_KEY]), isInDocs = context.viewMode === "docs", outlineStyles = useMemo(() => outlineCSS(isInDocs ? '[data-story-block="true"]' : ".sb-show-main"), [context]);
419
- return useEffect(() => {
420
- let selectorId = isInDocs ? `addon-outline-docs-${context.id}` : "addon-outline";
421
- return isActive ? addOutlineStyles(selectorId, outlineStyles) : clearStyles(selectorId), () => {
422
- clearStyles(selectorId);
423
- };
424
- }, [isActive, outlineStyles, context]), StoryFn();
425
- };
426
- var decorators = [withOutline], globals = { [PARAM_KEY]: false };
427
- export {
428
- decorators,
429
- globals
430
- };
@@ -1,27 +0,0 @@
1
- const { global } = __STORYBOOK_MODULE_GLOBAL__;
2
- const { addons } = __STORYBOOK_MODULE_PREVIEW_API__;
3
- const { STORY_CHANGED } = __STORYBOOK_MODULE_CORE_EVENTS__;
4
- var ADDON_ID = "storybook/highlight", HIGHLIGHT_STYLE_ID = "storybookHighlight", HIGHLIGHT = `${ADDON_ID}/add`, RESET_HIGHLIGHT = `${ADDON_ID}/reset`;
5
- var { document } = global, highlightStyle = (color = "#FF4785", style = "dashed") => `
6
- outline: 2px ${style} ${color};
7
- outline-offset: 2px;
8
- box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
9
- `, highlightObject = (color) => ({ outline: `2px dashed ${color}`, outlineOffset: 2, boxShadow: "0 0 0 6px rgba(255,255,255,0.6)" }), channel = addons.getChannel(), highlight = (infos) => {
10
- let id = HIGHLIGHT_STYLE_ID;
11
- resetHighlight();
12
- let elements = Array.from(new Set(infos.elements)), sheet = document.createElement("style");
13
- sheet.setAttribute("id", id), sheet.innerHTML = elements.map((target) => `${target}{
14
- ${highlightStyle(infos.color, infos.style)}
15
- }`).join(" "), document.head.appendChild(sheet);
16
- }, resetHighlight = () => {
17
- var _a;
18
- let id = HIGHLIGHT_STYLE_ID, sheetToBeRemoved = document.getElementById(id);
19
- sheetToBeRemoved && ((_a = sheetToBeRemoved.parentNode) == null ? void 0 : _a.removeChild(sheetToBeRemoved));
20
- };
21
- channel.on(STORY_CHANGED, resetHighlight);
22
- channel.on(RESET_HIGHLIGHT, resetHighlight);
23
- channel.on(HIGHLIGHT, highlight);
24
- export {
25
- highlightObject,
26
- highlightStyle
27
- };