@solostylist/ui-kit 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (268) hide show
  1. package/dist/{gradients-90SYkAC0.js → gradients-DSnBONEQ.js} +1 -1
  2. package/dist/main.js +1 -1
  3. package/dist/palettes/index.js +1 -1
  4. package/dist/{palettes-Dw3PEYF5.js → palettes-CJLuEy1m.js} +163 -163
  5. package/dist/s-accordion/index.js +1 -1
  6. package/dist/s-accordion/s-accordion.js +70 -2
  7. package/dist/s-action-overlay/s-action-overlay.js +21 -21
  8. package/dist/s-autocomplete/s-autocomplete.js +1 -1
  9. package/dist/s-avatar/s-avatar.js +17 -17
  10. package/dist/s-blur-text/s-blur-text.js +16 -16
  11. package/dist/s-brand-logo/index.js +1 -1
  12. package/dist/s-brand-logo/s-brand-logo.js +1 -1
  13. package/dist/s-breadcrumbs/s-breadcrumbs.js +19 -19
  14. package/dist/s-carousel/index.js +1 -1
  15. package/dist/s-carousel/s-carousel.js +184 -2
  16. package/dist/s-category-card/s-category-card.js +22 -22
  17. package/dist/s-chat-input/index.js +1 -1
  18. package/dist/s-chat-input/s-chat-input.js +398 -2
  19. package/dist/s-chat-message/index.js +1 -1
  20. package/dist/s-chat-message/s-chat-message.js +314 -2
  21. package/dist/s-checkbox/s-checkbox.js +18 -19
  22. package/dist/s-chips/index.js +1 -1
  23. package/dist/s-chips/s-chips.js +174 -2
  24. package/dist/s-code-block/index.js +1 -1
  25. package/dist/s-code-block/s-code-block.js +103 -2
  26. package/dist/s-comment-message/index.js +1 -1
  27. package/dist/s-comment-message/s-comment-message.js +189 -2
  28. package/dist/s-copyable-text/s-copyable-text.js +18 -18
  29. package/dist/s-countdown/s-count-box.js +18 -18
  30. package/dist/s-data-table/index.js +1 -1
  31. package/dist/s-data-table/s-data-table.js +213 -2
  32. package/dist/s-date-picker/index.js +1 -1
  33. package/dist/s-date-picker/s-date-picker.js +106 -2
  34. package/dist/s-datetime-picker/index.js +1 -1
  35. package/dist/s-datetime-picker/s-datetime-picker.js +108 -2
  36. package/dist/s-dialog/index.js +1 -1
  37. package/dist/s-dialog/s-dialog.js +80 -2
  38. package/dist/s-dialog-confirm/s-dialog-confirm.js +32 -33
  39. package/dist/s-dialog-message/s-dialog-message.js +31 -32
  40. package/dist/s-empty/s-empty.js +13 -14
  41. package/dist/s-file-dropzone/index.js +1 -1
  42. package/dist/s-file-dropzone/s-file-dropzone.js +219 -2
  43. package/dist/s-file-icon/s-file-icon.js +87 -88
  44. package/dist/s-flex-box/s-flex-box.js +11 -12
  45. package/dist/s-form/s-form.js +15 -15
  46. package/dist/s-gallery/s-gallery.js +1 -1
  47. package/dist/s-glow-button/s-glow-button.js +9 -10
  48. package/dist/s-icon-button/s-icon-button.js +15 -16
  49. package/dist/s-image-comparison/s-image-comparison.js +29 -31
  50. package/dist/s-image-viewer/image-viewer-thumbnail-dock.js +1 -1
  51. package/dist/s-image-viewer/index.js +3 -3
  52. package/dist/s-image-viewer/s-image-viewer.js +266 -2
  53. package/dist/s-image-viewer/use-image-viewer-navigation.js +7 -7
  54. package/dist/s-label/s-label.js +26 -27
  55. package/dist/s-language-switcher/index.js +2 -2
  56. package/dist/s-language-switcher/s-language-switcher.js +150 -2
  57. package/dist/s-lazy-image/s-lazy-image.js +17 -18
  58. package/dist/s-link/index.js +1 -1
  59. package/dist/s-link/s-link.js +5 -2
  60. package/dist/s-localization-provider/index.js +1 -1
  61. package/dist/s-localization-provider/s-localization-provider.js +12 -2
  62. package/dist/s-nav-item/s-nav-item.js +16 -16
  63. package/dist/s-nav-items/index.js +2 -2
  64. package/dist/s-nav-items/s-nav-items.js +167 -2
  65. package/dist/s-no-ssr/index.js +1 -1
  66. package/dist/s-no-ssr/s-no-ssr.js +5 -2
  67. package/dist/s-pagination/index.js +1 -1
  68. package/dist/s-pagination/s-pagination.js +85 -2
  69. package/dist/s-pixel-reveal/s-pixel-reveal.js +20 -20
  70. package/dist/s-quantity-input/index.js +1 -1
  71. package/dist/s-quantity-input/s-quantity-input.js +246 -2
  72. package/dist/s-review/index.js +1 -1
  73. package/dist/s-review/s-review.js +272 -2
  74. package/dist/s-scroll-reveal/s-scroll-reveal.js +7 -8
  75. package/dist/s-scroll-to-top/s-scroll-to-top.js +27 -28
  76. package/dist/s-scroll-velocity/scroll-velocity-row.js +29 -29
  77. package/dist/s-select/index.js +1 -1
  78. package/dist/s-select/s-select.js +201 -2
  79. package/dist/s-select-list/s-select-list.js +47 -50
  80. package/dist/s-skeleton/s-skeleton.js +16 -17
  81. package/dist/s-snackbar-message/index.js +2 -2
  82. package/dist/s-snackbar-message/s-snackbar-message.js +89 -2
  83. package/dist/s-spotlight-cursor/s-spotlight-cursor.js +27 -27
  84. package/dist/s-status-illustration/s-status-illustration.js +74 -74
  85. package/dist/s-stripe/s-stripe.js +11 -12
  86. package/dist/s-stripe/stripe-input.js +3 -2
  87. package/dist/s-switch/index.js +1 -1
  88. package/dist/s-switch/s-switch.js +48 -2
  89. package/dist/s-tabs/s-tabs.js +48 -50
  90. package/dist/s-text-editor/index.js +1 -1
  91. package/dist/s-text-editor/s-text-editor-toolbar.js +216 -2
  92. package/dist/s-text-editor/s-text-editor.js +25 -26
  93. package/dist/s-text-field/index.js +1 -1
  94. package/dist/s-text-field/s-text-field.js +52 -2
  95. package/dist/s-text-shimmer/s-text-shimmer.js +1 -3
  96. package/dist/s-text-truncation/s-text-truncation.js +20 -20
  97. package/dist/s-theme-demo/s-theme-demo.js +8 -8
  98. package/dist/s-theme-demo/theme-demo-color-palette-section.js +1 -1
  99. package/dist/s-theme-demo/theme-demo-color-ramps-section.js +1 -1
  100. package/dist/s-theme-demo/theme-demo-components-section.js +265 -2
  101. package/dist/s-theme-demo/theme-demo-typography-section.js +10 -10
  102. package/dist/s-theme-provider/s-theme-provider.js +1 -1
  103. package/dist/s-theme-switch/index.js +1 -1
  104. package/dist/s-theme-switch/s-theme-switch.js +60 -2
  105. package/dist/s-tip/index.js +1 -1
  106. package/dist/s-tip/s-tip.js +61 -2
  107. package/dist/s-tool-bar/s-tool-bar.js +28 -28
  108. package/dist/s-tool-bar/tool-bar-action-buttons.js +55 -2
  109. package/dist/s-tool-bar/tool-bar-image-input.js +148 -2
  110. package/dist/s-tool-bar/tool-bar-inputs.js +55 -55
  111. package/dist/s-tool-item/s-tool-item.js +22 -22
  112. package/dist/s-two-pane-layout/s-two-pane-layout.js +32 -32
  113. package/dist/s-zoom-image/s-zoom-image.js +18 -19
  114. package/dist/theme/components/autocomplete.js +43 -2
  115. package/dist/theme/components/avatar.js +9 -2
  116. package/dist/theme/components/card.js +3 -3
  117. package/dist/theme/components/checkbox.js +90 -2
  118. package/dist/theme/components/chip.js +3 -3
  119. package/dist/theme/components/components.js +20 -20
  120. package/dist/theme/components/date-calendar.js +1 -0
  121. package/dist/theme/components/day-calendar.js +1 -0
  122. package/dist/theme/components/field-label-styles.js +19 -2
  123. package/dist/theme/components/form-label.js +1 -1
  124. package/dist/theme/components/list-item-button.js +1 -1
  125. package/dist/theme/components/list-item.js +7 -7
  126. package/dist/theme/components/month-calendar.js +14 -13
  127. package/dist/theme/components/multi-section-digital-clock-section.js +1 -0
  128. package/dist/theme/components/outlined-input.js +6 -6
  129. package/dist/theme/components/picker-day.js +1 -0
  130. package/dist/theme/components/pickers-arrow-switcher.js +1 -0
  131. package/dist/theme/components/pickers-calendar-header.js +3 -2
  132. package/dist/theme/components/select.js +6 -6
  133. package/dist/theme/components/switch.js +1 -1
  134. package/dist/theme/components/table-pagination.js +1 -1
  135. package/dist/theme/components/toggle-button.js +93 -2
  136. package/dist/theme/components/year-calendar.js +14 -13
  137. package/dist/theme/theme-primitives.js +2 -2
  138. package/dist/{theme-primitives-Dt_DT9b5.js → theme-primitives-CRfnMsNy.js} +108 -109
  139. package/dist/utils/dayjs.js +9 -146
  140. package/package.json +1 -1
  141. package/dist/Add-COc9VdNg.js +0 -6
  142. package/dist/ArrowUpward-D88i2k4q.js +0 -6
  143. package/dist/Box-9oeZgA1U.js +0 -46
  144. package/dist/Button-DgIFcM44.js +0 -534
  145. package/dist/ButtonBase-DxKtpFYs.js +0 -747
  146. package/dist/Checkbox-BoZu9z2l.js +0 -152
  147. package/dist/ChevronRight-BxsM4W78.js +0 -6
  148. package/dist/Close-o4HFfK0I.js +0 -6
  149. package/dist/Collapse-zgIFP5Sj.js +0 -266
  150. package/dist/ContentCopy-5unyTYXy.js +0 -6
  151. package/dist/DefaultPropsProvider-ebWx4_5E.js +0 -128
  152. package/dist/DialogContent-CAry6lVf.js +0 -450
  153. package/dist/Download-DtvoRwpl.js +0 -6
  154. package/dist/ExpandMore-Ba5bg6s-.js +0 -6
  155. package/dist/Favorite-B_GsElm0.js +0 -6
  156. package/dist/FormControl-BxmM9UP6.js +0 -221
  157. package/dist/FormControlLabel-DzgppcC_.js +0 -173
  158. package/dist/Grow-zRRuwUl-.js +0 -121
  159. package/dist/InfoOutlined-VC7X46pc.js +0 -6
  160. package/dist/List-CnGIAXAS.js +0 -103
  161. package/dist/ListContext-B1HQt3OD.js +0 -6
  162. package/dist/Menu-C4Zabc9U.js +0 -504
  163. package/dist/MenuItem-rXJfQzDC.js +0 -223
  164. package/dist/MenuList-DDV8J-yd.js +0 -407
  165. package/dist/Modal-jAiibALV.js +0 -707
  166. package/dist/Paper-ixxCeml9.js +0 -115
  167. package/dist/Popper-CVYyMS3c.js +0 -1350
  168. package/dist/Portal-AnyvFRC4.js +0 -53
  169. package/dist/RtlProvider-B7uVJXUY.js +0 -19
  170. package/dist/Skeleton-iZFynl7z.js +0 -220
  171. package/dist/Stack-UMc4dV4G.js +0 -158
  172. package/dist/SwitchBase-D7zqrstO.js +0 -198
  173. package/dist/Tooltip-DbCd6rgF.js +0 -447
  174. package/dist/Typography-yXjc7kVP.js +0 -168
  175. package/dist/UnfoldMoreRounded-DsN0HVDV.js +0 -6
  176. package/dist/appendOwnerState-CELpvdMz.js +0 -17
  177. package/dist/assets/stripe-input.css +0 -1
  178. package/dist/autocomplete-B_4y84Ba.js +0 -43
  179. package/dist/avatar-BHuZu3DN.js +0 -10
  180. package/dist/buttonBaseClasses-BvBqFLb_.js +0 -13
  181. package/dist/capitalize-CccCFNpQ.js +0 -5
  182. package/dist/checkbox-BKMZEVU5.js +0 -88
  183. package/dist/checkboxClasses-CEsqS4sc.js +0 -18
  184. package/dist/chunk-C_CI6nMA.js +0 -13
  185. package/dist/clsx-DGZSe4Nt.js +0 -16
  186. package/dist/colorManipulator-DmUjcif3.js +0 -129
  187. package/dist/contains-WOhYaq1E.js +0 -16
  188. package/dist/createSimplePaletteValueFilter-C1gWywW_.js +0 -14
  189. package/dist/createSvgIcon-B0SZlJF1.js +0 -155
  190. package/dist/createTheme-xB2Em0Na.js +0 -1869
  191. package/dist/defaultTheme-BaGcIzCh.js +0 -210
  192. package/dist/elementAcceptingRef-DhkNAkFH.js +0 -472
  193. package/dist/exactProp-C_IsucXf.js +0 -13
  194. package/dist/field-label-styles-BOyhp6gw.js +0 -50
  195. package/dist/formLabelClasses-B0Fa-86T.js +0 -18
  196. package/dist/generateUtilityClass-PAIOm1jC.js +0 -34
  197. package/dist/generateUtilityClasses-DvX505Gy.js +0 -10
  198. package/dist/iconButtonClasses-CkciZuIe.js +0 -27
  199. package/dist/inputAdornmentClasses-D5yYK5bM.js +0 -19
  200. package/dist/inputBaseClasses-DuWQGq8Z.js +0 -25
  201. package/dist/integerPropType-Disnft4a.js +0 -27
  202. package/dist/isEventHandler-8dPdzK9U.js +0 -7
  203. package/dist/isFocusVisible-Y7157FQS.js +0 -35
  204. package/dist/isLayoutSupported-Ceir7nyK.js +0 -21
  205. package/dist/listItemButtonClasses-DbL-aTVf.js +0 -18
  206. package/dist/memoTheme-qFyKAk7y.js +0 -15
  207. package/dist/mergeSlotProps-xl1-PgWL.js +0 -45
  208. package/dist/monthCalendarClasses-BYVHyEfI.js +0 -14
  209. package/dist/objectWithoutPropertiesLoose-Cpds-4w8.js +0 -23
  210. package/dist/outlinedInputClasses-DECY98u0.js +0 -17
  211. package/dist/pickersCalendarHeaderClasses-CIj0gBye.js +0 -12
  212. package/dist/prop-types-BzYPyWN7.js +0 -516
  213. package/dist/resolveProps-7jIA45vn.js +0 -30
  214. package/dist/s-accordion-B8nlrdFc.js +0 -487
  215. package/dist/s-carousel-Dnjke4JQ.js +0 -1353
  216. package/dist/s-chat-input-DCS0mJE4.js +0 -419
  217. package/dist/s-chat-message-9oollJJq.js +0 -315
  218. package/dist/s-chips-WqGdqHW9.js +0 -176
  219. package/dist/s-code-block-DzGoGg5e.js +0 -658
  220. package/dist/s-comment-message-C6kfgRjv.js +0 -191
  221. package/dist/s-data-table-B1TGVupB.js +0 -805
  222. package/dist/s-date-picker-BpX4HmBp.js +0 -656
  223. package/dist/s-datetime-picker-ByzW44E0.js +0 -3878
  224. package/dist/s-dialog-BLiyjLkx.js +0 -123
  225. package/dist/s-file-dropzone-CVQpYRdY.js +0 -422
  226. package/dist/s-image-viewer-DNIEYdtL.js +0 -269
  227. package/dist/s-language-switcher-D-1nywT3.js +0 -251
  228. package/dist/s-link-CAMTGfd9.js +0 -234
  229. package/dist/s-localization-provider-Xw3NO2uP.js +0 -519
  230. package/dist/s-nav-items-BUp7DddG.js +0 -327
  231. package/dist/s-no-ssr-D8tPdDfh.js +0 -25
  232. package/dist/s-pagination-Dt8Pk5Tp.js +0 -606
  233. package/dist/s-quantity-input-mYCixlJc.js +0 -246
  234. package/dist/s-review-DSXXtWlL.js +0 -272
  235. package/dist/s-select-dwY2DYa9.js +0 -204
  236. package/dist/s-snackbar-message-3Z6VySlB.js +0 -808
  237. package/dist/s-switch-B8bZAzLh.js +0 -307
  238. package/dist/s-text-editor-toolbar-D-XgFQix.js +0 -2121
  239. package/dist/s-text-field-BM4qk0mf.js +0 -51
  240. package/dist/s-theme-switch-BLMz1_m2.js +0 -60
  241. package/dist/s-tip-ty41ePQm.js +0 -62
  242. package/dist/selectClasses-DoUlWfzV.js +0 -22
  243. package/dist/styled-Bog8QCl3.js +0 -163
  244. package/dist/svgIconClasses-C8D4AsMj.js +0 -20
  245. package/dist/switchClasses-eiq1bkQN.js +0 -23
  246. package/dist/theme-demo-components-section-gtIYRngY.js +0 -267
  247. package/dist/toggle-button-Cxi5CfXC.js +0 -104
  248. package/dist/tool-bar-action-buttons-Dt-pV3GA.js +0 -54
  249. package/dist/tool-bar-image-input-BXlll_hV.js +0 -148
  250. package/dist/typographyClasses-BLM3NmYd.js +0 -31
  251. package/dist/useControlled-BeB0W_Ui.js +0 -5
  252. package/dist/useControlled-C4QJnpiR.js +0 -29
  253. package/dist/useEnhancedEffect-Bc3gBClC.js +0 -5
  254. package/dist/useEnhancedEffect-DFq_FMGX.js +0 -5
  255. package/dist/useEventCallback-CVqMfiG_.js +0 -14
  256. package/dist/useForkRef-CKneCEtr.js +0 -29
  257. package/dist/useFormControl-iWLrn7Ek.js +0 -18
  258. package/dist/useMobilePicker-C4UQFvkj.js +0 -7580
  259. package/dist/useSlot-iIu8ek6E.js +0 -83
  260. package/dist/useTheme-BIWMbX3i.js +0 -9
  261. package/dist/useThemeProps-BI9yq95N.js +0 -19
  262. package/dist/useThemeProps-Cr28OQu3.js +0 -13
  263. package/dist/utils-oJyTAkZY.js +0 -214
  264. package/dist/warning-CNkSZkq6.js +0 -98
  265. package/dist/yearCalendarClasses-CuAQumpz.js +0 -14
  266. /package/dist/{colors-DKqWMRgW.js → colors-CNjL5fhq.js} +0 -0
  267. /package/dist/{s-brand-logo-jtAJZQIv.js → s-brand-logo-CErW9Slg.js} +0 -0
  268. /package/dist/{utils-DaSrTYUS.js → utils-CMeAWSRO.js} +0 -0
package/dist/s-code-block-DzGoGg5e.js DELETED
@@ -1,658 +0,0 @@
1
- import { toSxArray as e } from "./utils/sx.js";
2
- import { t } from "./appendOwnerState-CELpvdMz.js";
3
- import { n, t as r } from "./ContentCopy-5unyTYXy.js";
4
- import { SIconButton as i } from "./s-icon-button/s-icon-button.js";
5
- import * as a from "react";
6
- import { useMemo as o, useState as s } from "react";
7
- import { jsx as c, jsxs as l } from "react/jsx-runtime";
8
- import { Box as u, styled as d, useColorScheme as f, useThemeProps as p } from "@mui/material";
9
- import { Prism as m } from "react-syntax-highlighter";
10
- //#region ../../node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-dark.js
11
- var h = {
12
- "code[class*=\"language-\"]": {
13
- background: "hsl(220, 13%, 18%)",
14
- color: "hsl(220, 14%, 71%)",
15
- textShadow: "0 1px rgba(0, 0, 0, 0.3)",
16
- fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
17
- direction: "ltr",
18
- textAlign: "left",
19
- whiteSpace: "pre",
20
- wordSpacing: "normal",
21
- wordBreak: "normal",
22
- lineHeight: "1.5",
23
- MozTabSize: "2",
24
- OTabSize: "2",
25
- tabSize: "2",
26
- WebkitHyphens: "none",
27
- MozHyphens: "none",
28
- msHyphens: "none",
29
- hyphens: "none"
30
- },
31
- "pre[class*=\"language-\"]": {
32
- background: "hsl(220, 13%, 18%)",
33
- color: "hsl(220, 14%, 71%)",
34
- textShadow: "0 1px rgba(0, 0, 0, 0.3)",
35
- fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
36
- direction: "ltr",
37
- textAlign: "left",
38
- whiteSpace: "pre",
39
- wordSpacing: "normal",
40
- wordBreak: "normal",
41
- lineHeight: "1.5",
42
- MozTabSize: "2",
43
- OTabSize: "2",
44
- tabSize: "2",
45
- WebkitHyphens: "none",
46
- MozHyphens: "none",
47
- msHyphens: "none",
48
- hyphens: "none",
49
- padding: "1em",
50
- margin: "0.5em 0",
51
- overflow: "auto",
52
- borderRadius: "0.3em"
53
- },
54
- "code[class*=\"language-\"]::-moz-selection": {
55
- background: "hsl(220, 13%, 28%)",
56
- color: "inherit",
57
- textShadow: "none"
58
- },
59
- "code[class*=\"language-\"] *::-moz-selection": {
60
- background: "hsl(220, 13%, 28%)",
61
- color: "inherit",
62
- textShadow: "none"
63
- },
64
- "pre[class*=\"language-\"] *::-moz-selection": {
65
- background: "hsl(220, 13%, 28%)",
66
- color: "inherit",
67
- textShadow: "none"
68
- },
69
- "code[class*=\"language-\"]::selection": {
70
- background: "hsl(220, 13%, 28%)",
71
- color: "inherit",
72
- textShadow: "none"
73
- },
74
- "code[class*=\"language-\"] *::selection": {
75
- background: "hsl(220, 13%, 28%)",
76
- color: "inherit",
77
- textShadow: "none"
78
- },
79
- "pre[class*=\"language-\"] *::selection": {
80
- background: "hsl(220, 13%, 28%)",
81
- color: "inherit",
82
- textShadow: "none"
83
- },
84
- ":not(pre) > code[class*=\"language-\"]": {
85
- padding: "0.2em 0.3em",
86
- borderRadius: "0.3em",
87
- whiteSpace: "normal"
88
- },
89
- comment: {
90
- color: "hsl(220, 10%, 40%)",
91
- fontStyle: "italic"
92
- },
93
- prolog: { color: "hsl(220, 10%, 40%)" },
94
- cdata: { color: "hsl(220, 10%, 40%)" },
95
- doctype: { color: "hsl(220, 14%, 71%)" },
96
- punctuation: { color: "hsl(220, 14%, 71%)" },
97
- entity: {
98
- color: "hsl(220, 14%, 71%)",
99
- cursor: "help"
100
- },
101
- "attr-name": { color: "hsl(29, 54%, 61%)" },
102
- "class-name": { color: "hsl(29, 54%, 61%)" },
103
- boolean: { color: "hsl(29, 54%, 61%)" },
104
- constant: { color: "hsl(29, 54%, 61%)" },
105
- number: { color: "hsl(29, 54%, 61%)" },
106
- atrule: { color: "hsl(29, 54%, 61%)" },
107
- keyword: { color: "hsl(286, 60%, 67%)" },
108
- property: { color: "hsl(355, 65%, 65%)" },
109
- tag: { color: "hsl(355, 65%, 65%)" },
110
- symbol: { color: "hsl(355, 65%, 65%)" },
111
- deleted: { color: "hsl(355, 65%, 65%)" },
112
- important: { color: "hsl(355, 65%, 65%)" },
113
- selector: { color: "hsl(95, 38%, 62%)" },
114
- string: { color: "hsl(95, 38%, 62%)" },
115
- char: { color: "hsl(95, 38%, 62%)" },
116
- builtin: { color: "hsl(95, 38%, 62%)" },
117
- inserted: { color: "hsl(95, 38%, 62%)" },
118
- regex: { color: "hsl(95, 38%, 62%)" },
119
- "attr-value": { color: "hsl(95, 38%, 62%)" },
120
- "attr-value > .token.punctuation": { color: "hsl(95, 38%, 62%)" },
121
- variable: { color: "hsl(207, 82%, 66%)" },
122
- operator: { color: "hsl(207, 82%, 66%)" },
123
- function: { color: "hsl(207, 82%, 66%)" },
124
- url: { color: "hsl(187, 47%, 55%)" },
125
- "attr-value > .token.punctuation.attr-equals": { color: "hsl(220, 14%, 71%)" },
126
- "special-attr > .token.attr-value > .token.value.css": { color: "hsl(220, 14%, 71%)" },
127
- ".language-css .token.selector": { color: "hsl(355, 65%, 65%)" },
128
- ".language-css .token.property": { color: "hsl(220, 14%, 71%)" },
129
- ".language-css .token.function": { color: "hsl(187, 47%, 55%)" },
130
- ".language-css .token.url > .token.function": { color: "hsl(187, 47%, 55%)" },
131
- ".language-css .token.url > .token.string.url": { color: "hsl(95, 38%, 62%)" },
132
- ".language-css .token.important": { color: "hsl(286, 60%, 67%)" },
133
- ".language-css .token.atrule .token.rule": { color: "hsl(286, 60%, 67%)" },
134
- ".language-javascript .token.operator": { color: "hsl(286, 60%, 67%)" },
135
- ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { color: "hsl(5, 48%, 51%)" },
136
- ".language-json .token.operator": { color: "hsl(220, 14%, 71%)" },
137
- ".language-json .token.null.keyword": { color: "hsl(29, 54%, 61%)" },
138
- ".language-markdown .token.url": { color: "hsl(220, 14%, 71%)" },
139
- ".language-markdown .token.url > .token.operator": { color: "hsl(220, 14%, 71%)" },
140
- ".language-markdown .token.url-reference.url > .token.string": { color: "hsl(220, 14%, 71%)" },
141
- ".language-markdown .token.url > .token.content": { color: "hsl(207, 82%, 66%)" },
142
- ".language-markdown .token.url > .token.url": { color: "hsl(187, 47%, 55%)" },
143
- ".language-markdown .token.url-reference.url": { color: "hsl(187, 47%, 55%)" },
144
- ".language-markdown .token.blockquote.punctuation": {
145
- color: "hsl(220, 10%, 40%)",
146
- fontStyle: "italic"
147
- },
148
- ".language-markdown .token.hr.punctuation": {
149
- color: "hsl(220, 10%, 40%)",
150
- fontStyle: "italic"
151
- },
152
- ".language-markdown .token.code-snippet": { color: "hsl(95, 38%, 62%)" },
153
- ".language-markdown .token.bold .token.content": { color: "hsl(29, 54%, 61%)" },
154
- ".language-markdown .token.italic .token.content": { color: "hsl(286, 60%, 67%)" },
155
- ".language-markdown .token.strike .token.content": { color: "hsl(355, 65%, 65%)" },
156
- ".language-markdown .token.strike .token.punctuation": { color: "hsl(355, 65%, 65%)" },
157
- ".language-markdown .token.list.punctuation": { color: "hsl(355, 65%, 65%)" },
158
- ".language-markdown .token.title.important > .token.punctuation": { color: "hsl(355, 65%, 65%)" },
159
- bold: { fontWeight: "bold" },
160
- italic: { fontStyle: "italic" },
161
- namespace: { Opacity: "0.8" },
162
- "token.tab:not(:empty):before": {
163
- color: "hsla(220, 14%, 71%, 0.15)",
164
- textShadow: "none"
165
- },
166
- "token.cr:before": {
167
- color: "hsla(220, 14%, 71%, 0.15)",
168
- textShadow: "none"
169
- },
170
- "token.lf:before": {
171
- color: "hsla(220, 14%, 71%, 0.15)",
172
- textShadow: "none"
173
- },
174
- "token.space:before": {
175
- color: "hsla(220, 14%, 71%, 0.15)",
176
- textShadow: "none"
177
- },
178
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item": { marginRight: "0.4em" },
179
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
180
- background: "hsl(220, 13%, 26%)",
181
- color: "hsl(220, 9%, 55%)",
182
- padding: "0.1em 0.4em",
183
- borderRadius: "0.3em"
184
- },
185
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
186
- background: "hsl(220, 13%, 26%)",
187
- color: "hsl(220, 9%, 55%)",
188
- padding: "0.1em 0.4em",
189
- borderRadius: "0.3em"
190
- },
191
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
192
- background: "hsl(220, 13%, 26%)",
193
- color: "hsl(220, 9%, 55%)",
194
- padding: "0.1em 0.4em",
195
- borderRadius: "0.3em"
196
- },
197
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
198
- background: "hsl(220, 13%, 28%)",
199
- color: "hsl(220, 14%, 71%)"
200
- },
201
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
202
- background: "hsl(220, 13%, 28%)",
203
- color: "hsl(220, 14%, 71%)"
204
- },
205
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
206
- background: "hsl(220, 13%, 28%)",
207
- color: "hsl(220, 14%, 71%)"
208
- },
209
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
210
- background: "hsl(220, 13%, 28%)",
211
- color: "hsl(220, 14%, 71%)"
212
- },
213
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
214
- background: "hsl(220, 13%, 28%)",
215
- color: "hsl(220, 14%, 71%)"
216
- },
217
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
218
- background: "hsl(220, 13%, 28%)",
219
- color: "hsl(220, 14%, 71%)"
220
- },
221
- ".line-highlight.line-highlight": { background: "hsla(220, 100%, 80%, 0.04)" },
222
- ".line-highlight.line-highlight:before": {
223
- background: "hsl(220, 13%, 26%)",
224
- color: "hsl(220, 14%, 71%)",
225
- padding: "0.1em 0.6em",
226
- borderRadius: "0.3em",
227
- boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
228
- },
229
- ".line-highlight.line-highlight[data-end]:after": {
230
- background: "hsl(220, 13%, 26%)",
231
- color: "hsl(220, 14%, 71%)",
232
- padding: "0.1em 0.6em",
233
- borderRadius: "0.3em",
234
- boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
235
- },
236
- "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { backgroundColor: "hsla(220, 100%, 80%, 0.04)" },
237
- ".line-numbers.line-numbers .line-numbers-rows": { borderRightColor: "hsla(220, 14%, 71%, 0.15)" },
238
- ".command-line .command-line-prompt": { borderRightColor: "hsla(220, 14%, 71%, 0.15)" },
239
- ".line-numbers .line-numbers-rows > span:before": { color: "hsl(220, 14%, 45%)" },
240
- ".command-line .command-line-prompt > span:before": { color: "hsl(220, 14%, 45%)" },
241
- ".rainbow-braces .token.token.punctuation.brace-level-1": { color: "hsl(355, 65%, 65%)" },
242
- ".rainbow-braces .token.token.punctuation.brace-level-5": { color: "hsl(355, 65%, 65%)" },
243
- ".rainbow-braces .token.token.punctuation.brace-level-9": { color: "hsl(355, 65%, 65%)" },
244
- ".rainbow-braces .token.token.punctuation.brace-level-2": { color: "hsl(95, 38%, 62%)" },
245
- ".rainbow-braces .token.token.punctuation.brace-level-6": { color: "hsl(95, 38%, 62%)" },
246
- ".rainbow-braces .token.token.punctuation.brace-level-10": { color: "hsl(95, 38%, 62%)" },
247
- ".rainbow-braces .token.token.punctuation.brace-level-3": { color: "hsl(207, 82%, 66%)" },
248
- ".rainbow-braces .token.token.punctuation.brace-level-7": { color: "hsl(207, 82%, 66%)" },
249
- ".rainbow-braces .token.token.punctuation.brace-level-11": { color: "hsl(207, 82%, 66%)" },
250
- ".rainbow-braces .token.token.punctuation.brace-level-4": { color: "hsl(286, 60%, 67%)" },
251
- ".rainbow-braces .token.token.punctuation.brace-level-8": { color: "hsl(286, 60%, 67%)" },
252
- ".rainbow-braces .token.token.punctuation.brace-level-12": { color: "hsl(286, 60%, 67%)" },
253
- "pre.diff-highlight > code .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
254
- "pre > code.diff-highlight .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
255
- "pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
256
- "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
257
- "pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
258
- "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
259
- "pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
260
- "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
261
- "pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
262
- "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
263
- "pre.diff-highlight > code .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
264
- "pre > code.diff-highlight .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
265
- "pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
266
- "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
267
- "pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
268
- "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
269
- "pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
270
- "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
271
- "pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
272
- "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
273
- ".prism-previewer.prism-previewer:before": { borderColor: "hsl(224, 13%, 17%)" },
274
- ".prism-previewer-gradient.prism-previewer-gradient div": {
275
- borderColor: "hsl(224, 13%, 17%)",
276
- borderRadius: "0.3em"
277
- },
278
- ".prism-previewer-color.prism-previewer-color:before": { borderRadius: "0.3em" },
279
- ".prism-previewer-easing.prism-previewer-easing:before": { borderRadius: "0.3em" },
280
- ".prism-previewer.prism-previewer:after": { borderTopColor: "hsl(224, 13%, 17%)" },
281
- ".prism-previewer-flipped.prism-previewer-flipped.after": { borderBottomColor: "hsl(224, 13%, 17%)" },
282
- ".prism-previewer-angle.prism-previewer-angle:before": { background: "hsl(219, 13%, 22%)" },
283
- ".prism-previewer-time.prism-previewer-time:before": { background: "hsl(219, 13%, 22%)" },
284
- ".prism-previewer-easing.prism-previewer-easing": { background: "hsl(219, 13%, 22%)" },
285
- ".prism-previewer-angle.prism-previewer-angle circle": {
286
- stroke: "hsl(220, 14%, 71%)",
287
- strokeOpacity: "1"
288
- },
289
- ".prism-previewer-time.prism-previewer-time circle": {
290
- stroke: "hsl(220, 14%, 71%)",
291
- strokeOpacity: "1"
292
- },
293
- ".prism-previewer-easing.prism-previewer-easing circle": {
294
- stroke: "hsl(220, 14%, 71%)",
295
- fill: "transparent"
296
- },
297
- ".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(220, 14%, 71%)" },
298
- ".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(220, 14%, 71%)" }
299
- }, g = {
300
- "code[class*=\"language-\"]": {
301
- background: "hsl(230, 1%, 98%)",
302
- color: "hsl(230, 8%, 24%)",
303
- fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
304
- direction: "ltr",
305
- textAlign: "left",
306
- whiteSpace: "pre",
307
- wordSpacing: "normal",
308
- wordBreak: "normal",
309
- lineHeight: "1.5",
310
- MozTabSize: "2",
311
- OTabSize: "2",
312
- tabSize: "2",
313
- WebkitHyphens: "none",
314
- MozHyphens: "none",
315
- msHyphens: "none",
316
- hyphens: "none"
317
- },
318
- "pre[class*=\"language-\"]": {
319
- background: "hsl(230, 1%, 98%)",
320
- color: "hsl(230, 8%, 24%)",
321
- fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
322
- direction: "ltr",
323
- textAlign: "left",
324
- whiteSpace: "pre",
325
- wordSpacing: "normal",
326
- wordBreak: "normal",
327
- lineHeight: "1.5",
328
- MozTabSize: "2",
329
- OTabSize: "2",
330
- tabSize: "2",
331
- WebkitHyphens: "none",
332
- MozHyphens: "none",
333
- msHyphens: "none",
334
- hyphens: "none",
335
- padding: "1em",
336
- margin: "0.5em 0",
337
- overflow: "auto",
338
- borderRadius: "0.3em"
339
- },
340
- "code[class*=\"language-\"]::-moz-selection": {
341
- background: "hsl(230, 1%, 90%)",
342
- color: "inherit"
343
- },
344
- "code[class*=\"language-\"] *::-moz-selection": {
345
- background: "hsl(230, 1%, 90%)",
346
- color: "inherit"
347
- },
348
- "pre[class*=\"language-\"] *::-moz-selection": {
349
- background: "hsl(230, 1%, 90%)",
350
- color: "inherit"
351
- },
352
- "code[class*=\"language-\"]::selection": {
353
- background: "hsl(230, 1%, 90%)",
354
- color: "inherit"
355
- },
356
- "code[class*=\"language-\"] *::selection": {
357
- background: "hsl(230, 1%, 90%)",
358
- color: "inherit"
359
- },
360
- "pre[class*=\"language-\"] *::selection": {
361
- background: "hsl(230, 1%, 90%)",
362
- color: "inherit"
363
- },
364
- ":not(pre) > code[class*=\"language-\"]": {
365
- padding: "0.2em 0.3em",
366
- borderRadius: "0.3em",
367
- whiteSpace: "normal"
368
- },
369
- comment: {
370
- color: "hsl(230, 4%, 64%)",
371
- fontStyle: "italic"
372
- },
373
- prolog: { color: "hsl(230, 4%, 64%)" },
374
- cdata: { color: "hsl(230, 4%, 64%)" },
375
- doctype: { color: "hsl(230, 8%, 24%)" },
376
- punctuation: { color: "hsl(230, 8%, 24%)" },
377
- entity: {
378
- color: "hsl(230, 8%, 24%)",
379
- cursor: "help"
380
- },
381
- "attr-name": { color: "hsl(35, 99%, 36%)" },
382
- "class-name": { color: "hsl(35, 99%, 36%)" },
383
- boolean: { color: "hsl(35, 99%, 36%)" },
384
- constant: { color: "hsl(35, 99%, 36%)" },
385
- number: { color: "hsl(35, 99%, 36%)" },
386
- atrule: { color: "hsl(35, 99%, 36%)" },
387
- keyword: { color: "hsl(301, 63%, 40%)" },
388
- property: { color: "hsl(5, 74%, 59%)" },
389
- tag: { color: "hsl(5, 74%, 59%)" },
390
- symbol: { color: "hsl(5, 74%, 59%)" },
391
- deleted: { color: "hsl(5, 74%, 59%)" },
392
- important: { color: "hsl(5, 74%, 59%)" },
393
- selector: { color: "hsl(119, 34%, 47%)" },
394
- string: { color: "hsl(119, 34%, 47%)" },
395
- char: { color: "hsl(119, 34%, 47%)" },
396
- builtin: { color: "hsl(119, 34%, 47%)" },
397
- inserted: { color: "hsl(119, 34%, 47%)" },
398
- regex: { color: "hsl(119, 34%, 47%)" },
399
- "attr-value": { color: "hsl(119, 34%, 47%)" },
400
- "attr-value > .token.punctuation": { color: "hsl(119, 34%, 47%)" },
401
- variable: { color: "hsl(221, 87%, 60%)" },
402
- operator: { color: "hsl(221, 87%, 60%)" },
403
- function: { color: "hsl(221, 87%, 60%)" },
404
- url: { color: "hsl(198, 99%, 37%)" },
405
- "attr-value > .token.punctuation.attr-equals": { color: "hsl(230, 8%, 24%)" },
406
- "special-attr > .token.attr-value > .token.value.css": { color: "hsl(230, 8%, 24%)" },
407
- ".language-css .token.selector": { color: "hsl(5, 74%, 59%)" },
408
- ".language-css .token.property": { color: "hsl(230, 8%, 24%)" },
409
- ".language-css .token.function": { color: "hsl(198, 99%, 37%)" },
410
- ".language-css .token.url > .token.function": { color: "hsl(198, 99%, 37%)" },
411
- ".language-css .token.url > .token.string.url": { color: "hsl(119, 34%, 47%)" },
412
- ".language-css .token.important": { color: "hsl(301, 63%, 40%)" },
413
- ".language-css .token.atrule .token.rule": { color: "hsl(301, 63%, 40%)" },
414
- ".language-javascript .token.operator": { color: "hsl(301, 63%, 40%)" },
415
- ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { color: "hsl(344, 84%, 43%)" },
416
- ".language-json .token.operator": { color: "hsl(230, 8%, 24%)" },
417
- ".language-json .token.null.keyword": { color: "hsl(35, 99%, 36%)" },
418
- ".language-markdown .token.url": { color: "hsl(230, 8%, 24%)" },
419
- ".language-markdown .token.url > .token.operator": { color: "hsl(230, 8%, 24%)" },
420
- ".language-markdown .token.url-reference.url > .token.string": { color: "hsl(230, 8%, 24%)" },
421
- ".language-markdown .token.url > .token.content": { color: "hsl(221, 87%, 60%)" },
422
- ".language-markdown .token.url > .token.url": { color: "hsl(198, 99%, 37%)" },
423
- ".language-markdown .token.url-reference.url": { color: "hsl(198, 99%, 37%)" },
424
- ".language-markdown .token.blockquote.punctuation": {
425
- color: "hsl(230, 4%, 64%)",
426
- fontStyle: "italic"
427
- },
428
- ".language-markdown .token.hr.punctuation": {
429
- color: "hsl(230, 4%, 64%)",
430
- fontStyle: "italic"
431
- },
432
- ".language-markdown .token.code-snippet": { color: "hsl(119, 34%, 47%)" },
433
- ".language-markdown .token.bold .token.content": { color: "hsl(35, 99%, 36%)" },
434
- ".language-markdown .token.italic .token.content": { color: "hsl(301, 63%, 40%)" },
435
- ".language-markdown .token.strike .token.content": { color: "hsl(5, 74%, 59%)" },
436
- ".language-markdown .token.strike .token.punctuation": { color: "hsl(5, 74%, 59%)" },
437
- ".language-markdown .token.list.punctuation": { color: "hsl(5, 74%, 59%)" },
438
- ".language-markdown .token.title.important > .token.punctuation": { color: "hsl(5, 74%, 59%)" },
439
- bold: { fontWeight: "bold" },
440
- italic: { fontStyle: "italic" },
441
- namespace: { Opacity: "0.8" },
442
- "token.tab:not(:empty):before": { color: "hsla(230, 8%, 24%, 0.2)" },
443
- "token.cr:before": { color: "hsla(230, 8%, 24%, 0.2)" },
444
- "token.lf:before": { color: "hsla(230, 8%, 24%, 0.2)" },
445
- "token.space:before": { color: "hsla(230, 8%, 24%, 0.2)" },
446
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item": { marginRight: "0.4em" },
447
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
448
- background: "hsl(230, 1%, 90%)",
449
- color: "hsl(230, 6%, 44%)",
450
- padding: "0.1em 0.4em",
451
- borderRadius: "0.3em"
452
- },
453
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
454
- background: "hsl(230, 1%, 90%)",
455
- color: "hsl(230, 6%, 44%)",
456
- padding: "0.1em 0.4em",
457
- borderRadius: "0.3em"
458
- },
459
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
460
- background: "hsl(230, 1%, 90%)",
461
- color: "hsl(230, 6%, 44%)",
462
- padding: "0.1em 0.4em",
463
- borderRadius: "0.3em"
464
- },
465
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
466
- background: "hsl(230, 1%, 78%)",
467
- color: "hsl(230, 8%, 24%)"
468
- },
469
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
470
- background: "hsl(230, 1%, 78%)",
471
- color: "hsl(230, 8%, 24%)"
472
- },
473
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
474
- background: "hsl(230, 1%, 78%)",
475
- color: "hsl(230, 8%, 24%)"
476
- },
477
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
478
- background: "hsl(230, 1%, 78%)",
479
- color: "hsl(230, 8%, 24%)"
480
- },
481
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
482
- background: "hsl(230, 1%, 78%)",
483
- color: "hsl(230, 8%, 24%)"
484
- },
485
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
486
- background: "hsl(230, 1%, 78%)",
487
- color: "hsl(230, 8%, 24%)"
488
- },
489
- ".line-highlight.line-highlight": { background: "hsla(230, 8%, 24%, 0.05)" },
490
- ".line-highlight.line-highlight:before": {
491
- background: "hsl(230, 1%, 90%)",
492
- color: "hsl(230, 8%, 24%)",
493
- padding: "0.1em 0.6em",
494
- borderRadius: "0.3em",
495
- boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
496
- },
497
- ".line-highlight.line-highlight[data-end]:after": {
498
- background: "hsl(230, 1%, 90%)",
499
- color: "hsl(230, 8%, 24%)",
500
- padding: "0.1em 0.6em",
501
- borderRadius: "0.3em",
502
- boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
503
- },
504
- "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { backgroundColor: "hsla(230, 8%, 24%, 0.05)" },
505
- ".line-numbers.line-numbers .line-numbers-rows": { borderRightColor: "hsla(230, 8%, 24%, 0.2)" },
506
- ".command-line .command-line-prompt": { borderRightColor: "hsla(230, 8%, 24%, 0.2)" },
507
- ".line-numbers .line-numbers-rows > span:before": { color: "hsl(230, 1%, 62%)" },
508
- ".command-line .command-line-prompt > span:before": { color: "hsl(230, 1%, 62%)" },
509
- ".rainbow-braces .token.token.punctuation.brace-level-1": { color: "hsl(5, 74%, 59%)" },
510
- ".rainbow-braces .token.token.punctuation.brace-level-5": { color: "hsl(5, 74%, 59%)" },
511
- ".rainbow-braces .token.token.punctuation.brace-level-9": { color: "hsl(5, 74%, 59%)" },
512
- ".rainbow-braces .token.token.punctuation.brace-level-2": { color: "hsl(119, 34%, 47%)" },
513
- ".rainbow-braces .token.token.punctuation.brace-level-6": { color: "hsl(119, 34%, 47%)" },
514
- ".rainbow-braces .token.token.punctuation.brace-level-10": { color: "hsl(119, 34%, 47%)" },
515
- ".rainbow-braces .token.token.punctuation.brace-level-3": { color: "hsl(221, 87%, 60%)" },
516
- ".rainbow-braces .token.token.punctuation.brace-level-7": { color: "hsl(221, 87%, 60%)" },
517
- ".rainbow-braces .token.token.punctuation.brace-level-11": { color: "hsl(221, 87%, 60%)" },
518
- ".rainbow-braces .token.token.punctuation.brace-level-4": { color: "hsl(301, 63%, 40%)" },
519
- ".rainbow-braces .token.token.punctuation.brace-level-8": { color: "hsl(301, 63%, 40%)" },
520
- ".rainbow-braces .token.token.punctuation.brace-level-12": { color: "hsl(301, 63%, 40%)" },
521
- "pre.diff-highlight > code .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
522
- "pre > code.diff-highlight .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
523
- "pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
524
- "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
525
- "pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
526
- "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
527
- "pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
528
- "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
529
- "pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
530
- "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
531
- "pre.diff-highlight > code .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
532
- "pre > code.diff-highlight .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
533
- "pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
534
- "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
535
- "pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
536
- "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
537
- "pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
538
- "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
539
- "pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
540
- "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
541
- ".prism-previewer.prism-previewer:before": { borderColor: "hsl(0, 0, 95%)" },
542
- ".prism-previewer-gradient.prism-previewer-gradient div": {
543
- borderColor: "hsl(0, 0, 95%)",
544
- borderRadius: "0.3em"
545
- },
546
- ".prism-previewer-color.prism-previewer-color:before": { borderRadius: "0.3em" },
547
- ".prism-previewer-easing.prism-previewer-easing:before": { borderRadius: "0.3em" },
548
- ".prism-previewer.prism-previewer:after": { borderTopColor: "hsl(0, 0, 95%)" },
549
- ".prism-previewer-flipped.prism-previewer-flipped.after": { borderBottomColor: "hsl(0, 0, 95%)" },
550
- ".prism-previewer-angle.prism-previewer-angle:before": { background: "hsl(0, 0%, 100%)" },
551
- ".prism-previewer-time.prism-previewer-time:before": { background: "hsl(0, 0%, 100%)" },
552
- ".prism-previewer-easing.prism-previewer-easing": { background: "hsl(0, 0%, 100%)" },
553
- ".prism-previewer-angle.prism-previewer-angle circle": {
554
- stroke: "hsl(230, 8%, 24%)",
555
- strokeOpacity: "1"
556
- },
557
- ".prism-previewer-time.prism-previewer-time circle": {
558
- stroke: "hsl(230, 8%, 24%)",
559
- strokeOpacity: "1"
560
- },
561
- ".prism-previewer-easing.prism-previewer-easing circle": {
562
- stroke: "hsl(230, 8%, 24%)",
563
- fill: "transparent"
564
- },
565
- ".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(230, 8%, 24%)" },
566
- ".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(230, 8%, 24%)" }
567
- }, _ = d(u, {
568
- name: "SCodeBlock",
569
- slot: "Root"
570
- })({});
571
- function v(e, t) {
572
- return typeof e == "function" ? e(t) : e;
573
- }
574
- var y = a.forwardRef(function(u, d) {
575
- let y = p({
576
- props: u,
577
- name: "SCodeBlock"
578
- }), { code: b, language: x = "typescript", onCopied: S, showCopyButton: C = !0, showLineNumbers: w = !0, slotProps: T, slots: E, sx: D, ...O } = y, [k, A] = s(!1), j = a.useRef(null), { mode: M } = f(), N = {
579
- ...y,
580
- copied: k
581
- }, P = E?.copyButton ?? i, F = E?.syntaxHighlighter ?? m, I = v(T?.copyButton, N), L = v(T?.syntaxHighlighter, N), R = t(E?.copyButton, I ?? {}, N), z = t(E?.syntaxHighlighter, L ?? {}, N), { onClick: B, sx: V, ...H } = R, { customStyle: U, ...W } = z, G = o(() => {
582
- let e = M === "dark" ? h : g;
583
- return {
584
- ...e,
585
- "pre[class*=\"language-\"]": {
586
- ...e["pre[class*=\"language-\"]"],
587
- background: "transparent"
588
- },
589
- "code[class*=\"language-\"]": {
590
- ...e["code[class*=\"language-\"]"],
591
- background: "transparent"
592
- },
593
- linenumber: {
594
- ...e.linenumber,
595
- fontStyle: "normal"
596
- }
597
- };
598
- }, [M]);
599
- a.useEffect(() => () => {
600
- j.current != null && window.clearTimeout(j.current);
601
- }, []);
602
- let K = async () => {
603
- if (b) try {
604
- await navigator.clipboard.writeText(b), A(!0), j.current != null && window.clearTimeout(j.current), j.current = window.setTimeout(() => {
605
- j.current = null, A(!1);
606
- }, 2e3), S?.();
607
- } catch (e) {
608
- console.error("Failed to copy code:", e);
609
- }
610
- };
611
- return b ? /* @__PURE__ */ l(_, {
612
- ...O,
613
- ownerState: N,
614
- ref: d,
615
- sx: [{
616
- position: "relative",
617
- width: "100%"
618
- }, ...e(D)],
619
- children: [C && /* @__PURE__ */ c(P, {
620
- "aria-label": k ? "Code copied" : "Copy code",
621
- ...H,
622
- onClick: (e) => {
623
- B?.(e), e.defaultPrevented || K();
624
- },
625
- sx: [{
626
- position: "absolute",
627
- top: "50%",
628
- right: 16,
629
- transform: "translateY(-50%)",
630
- zIndex: 1,
631
- color: k ? "success.main" : "text.primary",
632
- backdropFilter: "blur(8px)",
633
- "&:active": { backgroundColor: "action.selected" }
634
- }, ...e(V)],
635
- children: c(k ? n : r, {})
636
- }), /* @__PURE__ */ c(F, {
637
- ...W,
638
- language: x,
639
- style: G,
640
- showLineNumbers: w,
641
- customStyle: {
642
- margin: 0,
643
- padding: 16,
644
- borderRadius: "var(--s-shape-borderRadius)",
645
- fontSize: "0.875rem",
646
- backgroundColor: "var(--s-palette-background-paper)",
647
- border: "1px solid var(--s-palette-divider)",
648
- ...U
649
- },
650
- wrapLines: !0,
651
- wrapLongLines: !0,
652
- children: b
653
- })]
654
- }) : null;
655
- });
656
- y.displayName = "SCodeBlock";
657
- //#endregion
658
- export { y as t };