@solostylist/ui-kit 2.0.2 → 2.0.3

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 (310) hide show
  1. package/dist/{gradients-mQAYCK0_.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-B1FcGUYs.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-animated-gradient-text/s-animated-gradient-text.js +18 -19
  9. package/dist/s-announcement-bar/s-announcement-bar.js +50 -53
  10. package/dist/s-autocomplete/s-autocomplete.js +1 -1
  11. package/dist/s-avatar/s-avatar.js +17 -17
  12. package/dist/s-blur-text/s-blur-text.js +16 -16
  13. package/dist/s-brand-logo/index.js +1 -1
  14. package/dist/s-brand-logo/s-brand-logo.js +1 -1
  15. package/dist/s-breadcrumbs/s-breadcrumbs.js +19 -19
  16. package/dist/s-carousel/index.js +1 -1
  17. package/dist/s-carousel/s-carousel.js +186 -2
  18. package/dist/s-category-card/s-category-card.js +22 -22
  19. package/dist/s-chat-input/index.js +1 -1
  20. package/dist/s-chat-input/s-chat-input.js +398 -2
  21. package/dist/s-chat-message/index.js +1 -1
  22. package/dist/s-chat-message/s-chat-message.js +314 -2
  23. package/dist/s-checkbox/s-checkbox.js +18 -19
  24. package/dist/s-chips/index.js +1 -1
  25. package/dist/s-chips/s-chips.js +174 -2
  26. package/dist/s-code-block/index.js +1 -1
  27. package/dist/s-code-block/s-code-block.js +103 -2
  28. package/dist/s-comment-message/index.js +1 -1
  29. package/dist/s-comment-message/s-comment-message.js +189 -2
  30. package/dist/s-copyable-text/s-copyable-text.js +18 -18
  31. package/dist/s-countdown/s-count-box.js +18 -18
  32. package/dist/s-data-table/index.js +1 -1
  33. package/dist/s-data-table/s-data-table.js +213 -2
  34. package/dist/s-date-picker/index.js +1 -1
  35. package/dist/s-date-picker/s-date-picker.js +106 -2
  36. package/dist/s-datetime-picker/index.js +1 -1
  37. package/dist/s-datetime-picker/s-datetime-picker.js +108 -2
  38. package/dist/s-dialog/index.js +1 -1
  39. package/dist/s-dialog/s-dialog.js +80 -2
  40. package/dist/s-dialog-confirm/s-dialog-confirm.js +32 -33
  41. package/dist/s-dialog-message/s-dialog-message.js +31 -32
  42. package/dist/s-drawer/index.js +1 -1
  43. package/dist/s-drawer/s-drawer.js +139 -2
  44. package/dist/s-empty/s-empty.js +13 -14
  45. package/dist/s-file-dropzone/index.js +1 -1
  46. package/dist/s-file-dropzone/s-file-dropzone.js +219 -2
  47. package/dist/s-file-icon/s-file-icon.js +87 -88
  48. package/dist/s-flex-box/s-flex-box.js +11 -12
  49. package/dist/s-form/s-form.js +15 -15
  50. package/dist/s-gallery/s-gallery.js +1 -1
  51. package/dist/s-glow-button/s-glow-button.js +9 -10
  52. package/dist/s-gradient-blob-pulse/s-gradient-blob-pulse.js +23 -24
  53. package/dist/s-icon-button/s-icon-button.js +13 -14
  54. package/dist/s-image-comparison/s-image-comparison.js +29 -31
  55. package/dist/s-image-viewer/image-viewer-thumbnail-dock.js +1 -1
  56. package/dist/s-image-viewer/index.js +3 -3
  57. package/dist/s-image-viewer/s-image-viewer.js +266 -2
  58. package/dist/s-image-viewer/use-image-viewer-navigation.js +7 -7
  59. package/dist/s-interactive-card/s-interactive-card.js +39 -41
  60. package/dist/s-label/s-label.js +25 -26
  61. package/dist/s-language-switcher/index.js +2 -2
  62. package/dist/s-language-switcher/s-language-switcher.js +145 -2
  63. package/dist/s-lazy-image/s-lazy-image.js +17 -18
  64. package/dist/s-link/index.js +1 -1
  65. package/dist/s-link/s-link.js +5 -2
  66. package/dist/s-list-action-item/s-list-action-item.js +38 -39
  67. package/dist/s-localization-provider/index.js +1 -1
  68. package/dist/s-localization-provider/s-localization-provider.js +12 -2
  69. package/dist/s-mega-menu/mega-menu-panel.js +132 -134
  70. package/dist/s-mega-menu/mega-menu-trigger.js +49 -2
  71. package/dist/s-mega-menu/s-mega-menu.js +80 -83
  72. package/dist/s-mobile-dock/index.js +1 -1
  73. package/dist/s-mobile-dock/s-mobile-dock.js +145 -2
  74. package/dist/s-nav-item/s-nav-item.js +19 -20
  75. package/dist/s-nav-items/s-nav-items.js +51 -52
  76. package/dist/s-no-ssr/index.js +1 -1
  77. package/dist/s-no-ssr/s-no-ssr.js +5 -2
  78. package/dist/s-number-range/index.js +1 -1
  79. package/dist/s-number-range/s-number-range.js +250 -2
  80. package/dist/s-pagination/index.js +1 -1
  81. package/dist/s-pagination/s-pagination.js +85 -2
  82. package/dist/s-pixel-reveal/s-pixel-reveal.js +20 -20
  83. package/dist/s-popover/s-popover-content.js +11 -12
  84. package/dist/s-popover/s-popover.js +22 -24
  85. package/dist/s-product-card/s-product-card.js +177 -180
  86. package/dist/s-product-gallery/index.js +1 -1
  87. package/dist/s-product-gallery/s-product-gallery.js +427 -2
  88. package/dist/s-quantity-input/s-quantity-input.js +24 -24
  89. package/dist/s-review/index.js +1 -1
  90. package/dist/s-review/s-review.js +272 -2
  91. package/dist/s-scroll-reveal/s-scroll-reveal.js +7 -8
  92. package/dist/s-scroll-to-top/s-scroll-to-top.js +27 -28
  93. package/dist/s-scroll-velocity/scroll-velocity-row.js +29 -29
  94. package/dist/s-segmented-control/s-segmented-control.js +64 -68
  95. package/dist/s-select/index.js +1 -1
  96. package/dist/s-select/s-select.js +201 -2
  97. package/dist/s-select-list/s-select-list.js +47 -50
  98. package/dist/s-skeleton/s-skeleton.js +12 -13
  99. package/dist/s-snackbar-message/index.js +2 -2
  100. package/dist/s-snackbar-message/s-snackbar-message.js +89 -2
  101. package/dist/s-spotlight-cursor/s-spotlight-cursor.js +27 -27
  102. package/dist/s-status-illustration/s-status-illustration.js +74 -74
  103. package/dist/s-stepper/index.js +1 -1
  104. package/dist/s-stepper/s-stepper.js +102 -2
  105. package/dist/s-stripe/s-stripe.js +11 -12
  106. package/dist/s-stripe/stripe-input.js +3 -2
  107. package/dist/s-swatch/s-swatch.js +34 -35
  108. package/dist/s-switch/index.js +1 -1
  109. package/dist/s-switch/s-switch.js +48 -2
  110. package/dist/s-tabs/s-tabs.js +48 -50
  111. package/dist/s-text-editor/index.js +1 -1
  112. package/dist/s-text-editor/s-text-editor-toolbar.js +213 -2
  113. package/dist/s-text-editor/s-text-editor.js +25 -26
  114. package/dist/s-text-field/index.js +1 -1
  115. package/dist/s-text-field/s-text-field.js +52 -2
  116. package/dist/s-text-shimmer/s-text-shimmer.js +1 -3
  117. package/dist/s-text-truncation/s-text-truncation.js +20 -20
  118. package/dist/s-theme-demo/s-theme-demo.js +8 -8
  119. package/dist/s-theme-demo/theme-demo-color-palette-section.js +1 -1
  120. package/dist/s-theme-demo/theme-demo-color-ramps-section.js +1 -1
  121. package/dist/s-theme-demo/theme-demo-components-section.js +265 -2
  122. package/dist/s-theme-demo/theme-demo-typography-section.js +10 -10
  123. package/dist/s-theme-provider/s-theme-provider.js +1 -1
  124. package/dist/s-theme-switch/index.js +1 -1
  125. package/dist/s-theme-switch/s-theme-switch.js +60 -2
  126. package/dist/s-tip/index.js +1 -1
  127. package/dist/s-tip/s-tip.js +61 -2
  128. package/dist/s-tool-bar/s-tool-bar.js +28 -28
  129. package/dist/s-tool-bar/tool-bar-action-buttons.js +55 -2
  130. package/dist/s-tool-bar/tool-bar-image-input.js +148 -2
  131. package/dist/s-tool-bar/tool-bar-inputs.js +55 -55
  132. package/dist/s-tool-item/s-tool-item.js +22 -22
  133. package/dist/s-two-pane-layout/s-two-pane-layout.js +32 -32
  134. package/dist/s-zoom-image/s-zoom-image.js +18 -19
  135. package/dist/theme/components/autocomplete.js +43 -2
  136. package/dist/theme/components/avatar.js +9 -2
  137. package/dist/theme/components/card.js +3 -3
  138. package/dist/theme/components/checkbox.js +90 -2
  139. package/dist/theme/components/chip.js +3 -3
  140. package/dist/theme/components/components.js +20 -20
  141. package/dist/theme/components/date-calendar.js +1 -0
  142. package/dist/theme/components/day-calendar.js +1 -0
  143. package/dist/theme/components/drawer.js +1 -1
  144. package/dist/theme/components/field-label-styles.js +19 -2
  145. package/dist/theme/components/form-label.js +1 -1
  146. package/dist/theme/components/list-item-button.js +1 -1
  147. package/dist/theme/components/list-item.js +7 -7
  148. package/dist/theme/components/month-calendar.js +14 -13
  149. package/dist/theme/components/multi-section-digital-clock-section.js +1 -0
  150. package/dist/theme/components/outlined-input.js +6 -6
  151. package/dist/theme/components/picker-day.js +1 -0
  152. package/dist/theme/components/pickers-arrow-switcher.js +1 -0
  153. package/dist/theme/components/pickers-calendar-header.js +3 -2
  154. package/dist/theme/components/select.js +6 -6
  155. package/dist/theme/components/switch.js +1 -1
  156. package/dist/theme/components/table-pagination.js +1 -1
  157. package/dist/theme/components/toggle-button.js +93 -2
  158. package/dist/theme/components/year-calendar.js +14 -13
  159. package/dist/theme/theme-primitives.js +2 -2
  160. package/dist/{theme-primitives-CXtaMdVj.js → theme-primitives-CRfnMsNy.js} +108 -109
  161. package/dist/utils/dayjs.js +9 -146
  162. package/package.json +7 -2
  163. package/dist/Add-CEnTWsXs.js +0 -6
  164. package/dist/ArrowUpward-udL1ltj2.js +0 -6
  165. package/dist/Box-9oeZgA1U.js +0 -46
  166. package/dist/Button-DaLr1m20.js +0 -534
  167. package/dist/ButtonBase-DovDC6-1.js +0 -700
  168. package/dist/Checkbox-C-Xjbzzh.js +0 -152
  169. package/dist/ChevronRight-DsPfsFKB.js +0 -6
  170. package/dist/Close-CIYOM-Sc.js +0 -6
  171. package/dist/Collapse-DPUr1cbP.js +0 -266
  172. package/dist/ContentCopy-Hlh3azVb.js +0 -6
  173. package/dist/DefaultPropsProvider-ebWx4_5E.js +0 -128
  174. package/dist/DialogContent-b3xbJVC6.js +0 -450
  175. package/dist/Download-D9PkFi7a.js +0 -6
  176. package/dist/ExpandMore-sOgvEha9.js +0 -6
  177. package/dist/Favorite-BP343hjM.js +0 -6
  178. package/dist/FavoriteBorder-D15j9xEL.js +0 -6
  179. package/dist/FormControl-DwMfZCiz.js +0 -215
  180. package/dist/FormControlLabel-Ihga1FTB.js +0 -173
  181. package/dist/Grow-BQR7x52V.js +0 -121
  182. package/dist/IconButton-CE-4GamO.js +0 -448
  183. package/dist/InfoOutlined-lpvhO6P8.js +0 -6
  184. package/dist/List-RNcZhRdr.js +0 -105
  185. package/dist/Menu-CnyB4SDS.js +0 -180
  186. package/dist/MenuItem-Ck30dBOR.js +0 -224
  187. package/dist/MenuList-Cc98uWXq.js +0 -160
  188. package/dist/Modal-CD2EBfU8.js +0 -702
  189. package/dist/Paper-_3qggtBp.js +0 -115
  190. package/dist/Popover-BFdKSYI5.js +0 -340
  191. package/dist/Popper-DYNAMSDd.js +0 -1351
  192. package/dist/Portal-i_wgIe9-.js +0 -49
  193. package/dist/Remove-DDEn8ek8.js +0 -6
  194. package/dist/RtlProvider-B7uVJXUY.js +0 -19
  195. package/dist/Skeleton-iZFynl7z.js +0 -220
  196. package/dist/Stack-C0LGzM4c.js +0 -158
  197. package/dist/SwitchBase-CjWtDdmE.js +0 -198
  198. package/dist/Tooltip-B1sn94L0.js +0 -448
  199. package/dist/Typography-_P0svrkO.js +0 -168
  200. package/dist/UnfoldMoreRounded-CuCrdxoy.js +0 -6
  201. package/dist/appendOwnerState-CFQTq3pb.js +0 -17
  202. package/dist/assets/stripe-input.css +0 -1
  203. package/dist/autocomplete-BgARERpp.js +0 -43
  204. package/dist/avatar-XNOdbbRz.js +0 -10
  205. package/dist/buttonBaseClasses-B90LjsNK.js +0 -13
  206. package/dist/capitalize-C0baBJCm.js +0 -5
  207. package/dist/chainPropTypes-CkMRtDjQ.js +0 -8
  208. package/dist/checkbox-D1U_JKqs.js +0 -88
  209. package/dist/checkboxClasses-B1up2lUn.js +0 -18
  210. package/dist/chunk-C_CI6nMA.js +0 -13
  211. package/dist/clsx-DGZSe4Nt.js +0 -16
  212. package/dist/colorManipulator-DmUjcif3.js +0 -129
  213. package/dist/contains-DnqPQsQU.js +0 -16
  214. package/dist/createSimplePaletteValueFilter-DFvyXHoZ.js +0 -14
  215. package/dist/createSvgIcon-3y-gS0r1.js +0 -155
  216. package/dist/createTheme-xB2Em0Na.js +0 -1869
  217. package/dist/defaultTheme-BaGcIzCh.js +0 -210
  218. package/dist/elementAcceptingRef-pKEY6jPR.js +0 -25
  219. package/dist/elementTypeAcceptingRef-xl_04Y5-.js +0 -19
  220. package/dist/exactProp-C_IsucXf.js +0 -13
  221. package/dist/extends-DXMyyJCW.js +0 -12
  222. package/dist/field-label-styles-4praXMaE.js +0 -50
  223. package/dist/formLabelClasses-AuZHWfTs.js +0 -18
  224. package/dist/generateUtilityClass-PAIOm1jC.js +0 -34
  225. package/dist/generateUtilityClasses-DvX505Gy.js +0 -10
  226. package/dist/getActiveElement-BfBkhgy6.js +0 -8
  227. package/dist/iconButtonClasses-CVVRFXRo.js +0 -27
  228. package/dist/inputAdornmentClasses-BbB8s-Z4.js +0 -19
  229. package/dist/inputBaseClasses-Ce_jjdp9.js +0 -25
  230. package/dist/integerPropType-CCkQD1JY.js +0 -27
  231. package/dist/isEventHandler-QShLXBxE.js +0 -7
  232. package/dist/isFocusVisible-4OIE8TST.js +0 -11
  233. package/dist/isLayoutSupported-Btg2X3QE.js +0 -6
  234. package/dist/isMuiElement-CPjhi284.js +0 -10
  235. package/dist/mega-menu-trigger-BcOo8I5_.js +0 -53
  236. package/dist/memoTheme-qFyKAk7y.js +0 -15
  237. package/dist/mergeSlotProps-DC8r4QzS.js +0 -45
  238. package/dist/monthCalendarClasses-b964KRbc.js +0 -14
  239. package/dist/objectWithoutPropertiesLoose-q4Zwd1RV.js +0 -12
  240. package/dist/outlinedInputClasses-ci1zDasn.js +0 -17
  241. package/dist/ownerDocument-CJjQZweZ.js +0 -6
  242. package/dist/ownerDocument-pYjJiXem.js +0 -5
  243. package/dist/ownerWindow-SSeeoqPT.js +0 -18
  244. package/dist/pickersCalendarHeaderClasses-BAiPN_oY.js +0 -12
  245. package/dist/prop-types-BzYPyWN7.js +0 -516
  246. package/dist/refType-j5S9pc_e.js +0 -6
  247. package/dist/resolveProps-7jIA45vn.js +0 -30
  248. package/dist/s-accordion-1oLxQhod.js +0 -487
  249. package/dist/s-carousel-CAyAl3ka.js +0 -1355
  250. package/dist/s-chat-input-T3gyan60.js +0 -419
  251. package/dist/s-chat-message-NFTpNgt5.js +0 -315
  252. package/dist/s-chips-Dqq1fgz-.js +0 -176
  253. package/dist/s-code-block-DyDtctGG.js +0 -658
  254. package/dist/s-comment-message-DpCVBKiE.js +0 -192
  255. package/dist/s-data-table-D4V58HFR.js +0 -805
  256. package/dist/s-date-picker-BFIQOA8C.js +0 -657
  257. package/dist/s-datetime-picker-zfg7BEOW.js +0 -3886
  258. package/dist/s-dialog-BNlXsVVP.js +0 -123
  259. package/dist/s-drawer-4h5ZyoM8.js +0 -562
  260. package/dist/s-file-dropzone-Cfzv1Cm8.js +0 -422
  261. package/dist/s-image-viewer-CjK67-rs.js +0 -269
  262. package/dist/s-language-switcher-PaMgHWc2.js +0 -246
  263. package/dist/s-link-Db1aabHh.js +0 -235
  264. package/dist/s-localization-provider-CeyB_SGz.js +0 -519
  265. package/dist/s-mobile-dock-8F3UWAb8.js +0 -615
  266. package/dist/s-no-ssr-DH57_uP_.js +0 -25
  267. package/dist/s-number-range-Low5QjuD.js +0 -253
  268. package/dist/s-pagination-s46hBifh.js +0 -606
  269. package/dist/s-product-gallery-Dj9eGg5i.js +0 -430
  270. package/dist/s-review--Q2C0ngO.js +0 -272
  271. package/dist/s-select-CtVKEOZ5.js +0 -204
  272. package/dist/s-snackbar-message-DsfJlDYd.js +0 -810
  273. package/dist/s-stepper-BtODHVro.js +0 -892
  274. package/dist/s-switch-BCeBoxWf.js +0 -307
  275. package/dist/s-text-editor-toolbar-D5eQ-jCs.js +0 -2124
  276. package/dist/s-text-field-HYyDf1Jo.js +0 -51
  277. package/dist/s-theme-switch-BFWpADh3.js +0 -60
  278. package/dist/s-tip-jbL7vtoU.js +0 -62
  279. package/dist/selectClasses-CPxME5jE.js +0 -22
  280. package/dist/setRef-BWPyWnrr.js +0 -6
  281. package/dist/styled-Bog8QCl3.js +0 -163
  282. package/dist/svgIconClasses-1kWGzgux.js +0 -20
  283. package/dist/switchClasses-BtweO7PC.js +0 -23
  284. package/dist/theme-demo-components-section-C7l_2KAo.js +0 -267
  285. package/dist/toggle-button-BsGb-tOr.js +0 -104
  286. package/dist/tool-bar-action-buttons-v1koaasr.js +0 -54
  287. package/dist/tool-bar-image-input-DtXTyEe1.js +0 -148
  288. package/dist/typographyClasses-BH_-zLwg.js +0 -31
  289. package/dist/unsupportedProp-whMV_uOi.js +0 -11
  290. package/dist/useControlled-DqNPBJNp.js +0 -5
  291. package/dist/useControlled-uxVKygk1.js +0 -29
  292. package/dist/useEnhancedEffect-DFq_FMGX.js +0 -5
  293. package/dist/useEnhancedEffect-dBFfkm1e.js +0 -5
  294. package/dist/useEventCallback-DGCsaRIu.js +0 -5
  295. package/dist/useEventCallback-DhCPBxRG.js +0 -11
  296. package/dist/useForkRef-BuNFTXxE.js +0 -29
  297. package/dist/useFormControl-gXwNeUM1.js +0 -18
  298. package/dist/useMobilePicker-CdrT935R.js +0 -7584
  299. package/dist/useRovingTabIndex-DPlW997R.js +0 -242
  300. package/dist/useSlot-BG8ReOxN.js +0 -83
  301. package/dist/useSlotProps-BOO3qaI9.js +0 -16
  302. package/dist/useTheme-BIWMbX3i.js +0 -9
  303. package/dist/useThemeProps-Dw9dmKyT.js +0 -29
  304. package/dist/useTimeout-CoK-Khfm.js +0 -49
  305. package/dist/utils-Bfqbev5I.js +0 -248
  306. package/dist/warning-D5YhCbje.js +0 -99
  307. package/dist/yearCalendarClasses-D9k_KT38.js +0 -14
  308. /package/dist/{colors-Bik9qOU9.js → colors-CNjL5fhq.js} +0 -0
  309. /package/dist/{s-brand-logo-D7Jovf5K.js → s-brand-logo-CErW9Slg.js} +0 -0
  310. /package/dist/{utils-DOY6v6ln.js → utils-CMeAWSRO.js} +0 -0
package/dist/s-code-block-DyDtctGG.js DELETED
@@ -1,658 +0,0 @@
1
- import { toSxArray as e } from "./utils/sx.js";
2
- import { t } from "./appendOwnerState-CFQTq3pb.js";
3
- import { n, t as r } from "./ContentCopy-Hlh3azVb.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 };