@mantine-vue/code-highlight 1.1.2

package/styles.css

@@ -0,0 +1,356 @@
+._root_1avu3_1 {
+  position: relative;
+}
+
+._codeHighlight_1avu3_5 {
+  position: relative;
+  border-radius: var(--ch-radius, 0px);
+  overflow: hidden;
+}
+
+:where([data-mantine-color-scheme='light']) ._codeHighlight_1avu3_5:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) ._codeHighlight_1avu3_5:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-dark-6);
+}
+
+._codeHighlight_1avu3_5:where([data-with-border]):where([data-code-color-scheme='dark']) {
+      border: 1px solid var(--mantine-color-dark-6);
+    }
+
+._codeHighlight_1avu3_5:where([data-with-border]):where([data-code-color-scheme='light']) {
+      border: 1px solid var(--mantine-color-gray-2);
+    }
+
+:where([data-mantine-color-scheme='light']) ._codeHighlight_1avu3_5 {
+    --ch-background: var(--mantine-color-gray-0);
+}
+
+:where([data-mantine-color-scheme='dark']) ._codeHighlight_1avu3_5 {
+    --ch-background: var(--mantine-color-dark-8);
+}
+
+._inlineCodeHighlight_1avu3_37 {
+  border-radius: var(--ch-radius, var(--mantine-radius-sm));
+  overflow: hidden;
+  background-color: var(--ch-background);
+  font-size: calc(0.8125rem * var(--mantine-scale));
+  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
+}
+
+:where([data-mantine-color-scheme='light']) ._inlineCodeHighlight_1avu3_37:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) ._inlineCodeHighlight_1avu3_37:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-dark-6);
+}
+
+._inlineCodeHighlight_1avu3_37:where([data-with-border]):where([data-code-color-scheme='dark']) {
+      border: 1px solid var(--mantine-color-dark-6);
+    }
+
+._inlineCodeHighlight_1avu3_37:where([data-with-border]):where([data-code-color-scheme='light']) {
+      border: 1px solid var(--mantine-color-gray-2);
+    }
+
+:where([data-mantine-color-scheme='light']) ._inlineCodeHighlight_1avu3_37 {
+    --ch-background: var(--mantine-color-gray-0);
+}
+
+:where([data-mantine-color-scheme='dark']) ._inlineCodeHighlight_1avu3_37 {
+    --ch-background: var(--mantine-color-dark-8);
+}
+
+._pre_1avu3_71 {
+  --code-line-height: 1.7;
+
+  display: block;
+  margin: 0;
+  flex: 1;
+  min-width: 0;
+}
+
+._pre_1avu3_71[data-with-offset] ._code_1avu3_5 {
+    padding-top: calc(3.125rem * var(--mantine-scale));
+  }
+
+._code_1avu3_5 {
+  display: block;
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+  background-color: var(--ch-background);
+  font-size: calc(0.8125rem * var(--mantine-scale));
+  line-height: var(--code-line-height, var(--mantine-line-height));
+  font-family: var(--mantine-font-family-monospace);
+  width: fit-content;
+  min-width: 100%;
+}
+
+._code_1avu3_5:where([data-inline]) {
+    display: inline-block;
+    padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
+    background-color: var(--ch-background);
+  }
+
+._controls_1avu3_101 {
+  position: absolute;
+  top: calc(0.5rem * var(--mantine-scale));
+  right: calc(0.5rem * var(--mantine-scale));
+  z-index: 1;
+  background-color: var(--ch-background);
+  border-bottom-left-radius: var(--mantine-radius-md);
+}
+
+._controls_1avu3_101:where([data-with-offset]) {
+    top: calc(0.75rem * var(--mantine-scale));
+  }
+
+._control_1avu3_101 {
+  color: var(--mantine-color-text);
+  opacity: 0.5;
+}
+
+@media (hover: hover) {
+
+  ._control_1avu3_101:hover {
+    color: var(--mantine-color-bright);
+    opacity: 1;
+  }
+}
+
+@media (hover: none) {
+
+  ._control_1avu3_101:active {
+    color: var(--mantine-color-bright);
+    opacity: 1;
+  }
+}
+
+._control_1avu3_101:where([data-code-color-scheme='dark']) {
+    color: var(--mantine-color-dark-0);
+  }
+
+@media (hover: hover) {
+
+  ._control_1avu3_101:where([data-code-color-scheme='dark']):hover {
+      color: var(--mantine-color-white);
+  }
+}
+
+@media (hover: none) {
+
+  ._control_1avu3_101:where([data-code-color-scheme='dark']):active {
+      color: var(--mantine-color-white);
+  }
+}
+
+._control_1avu3_101:where([data-code-color-scheme='light']) {
+    color: var(--mantine-color-black);
+  }
+
+@media (hover: hover) {
+
+  ._control_1avu3_101:where([data-code-color-scheme='light']):hover {
+      color: var(--mantine-color-black);
+  }
+}
+
+@media (hover: none) {
+
+  ._control_1avu3_101:where([data-code-color-scheme='light']):active {
+      color: var(--mantine-color-black);
+  }
+}
+
+._control_1avu3_101 :where(svg) {
+    width: calc(1.125rem * var(--mantine-scale));
+    height: calc(1.125rem * var(--mantine-scale));
+    display: block;
+  }
+
+._controlTooltip_1avu3_146:where([data-code-color-scheme='light']) {
+    background-color: var(--mantine-color-gray-9);
+    color: var(--mantine-color-white);
+  }
+
+._controlTooltip_1avu3_146:where([data-code-color-scheme='dark']) {
+    background-color: var(--mantine-color-gray-2);
+    color: var(--mantine-color-black);
+  }
+
+._codeWrapper_1avu3_158 {
+  --code-line-height: 1.7;
+
+  display: flex;
+  flex-direction: row;
+}
+
+._lineNumbers_1avu3_165 {
+  user-select: none;
+  text-align: right;
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-xs);
+  padding-left: var(--mantine-spacing-md);
+  font-family: var(--mantine-font-family-monospace);
+  font-size: calc(0.8125rem * var(--mantine-scale));
+  line-height: var(--code-line-height, var(--mantine-line-height));
+  color: var(--mantine-color-dimmed);
+  background-color: var(--ch-background);
+  flex-shrink: 0;
+}
+
+._lineNumbers_1avu3_165[data-with-offset] {
+    padding-top: calc(3.125rem * var(--mantine-scale));
+  }
+
+._scrollarea_1avu3_182[data-collapsed] {
+    max-height: var(--ch-max-height, 180px);
+    overflow: hidden;
+    position: relative;
+  }
+
+._scrollarea_1avu3_182[data-collapsed]::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      height: calc(5rem * var(--mantine-scale));
+      pointer-events: none;
+      background: linear-gradient(
+        0deg,
+        var(--ch-background) 0%,
+        var(--ch-background) 25%,
+        transparent 100%
+      );
+      z-index: 1;
+    }
+
+._showCodeButton_1avu3_207 {
+  position: absolute;
+  z-index: 2;
+  bottom: 0;
+  inset-inline-start: 50%;
+  transform: translateX(-50%);
+  font-size: var(--mantine-font-size-sm);
+  color: var(--mantine-color-anchor);
+  width: 100%;
+  text-align: center;
+  padding-top: var(--mantine-spacing-xs);
+  padding-bottom: var(--mantine-spacing-xs);
+  white-space: nowrap;
+}
+
+._showCodeButton_1avu3_207[data-hidden] {
+    display: none;
+  }
+
+._showCodeButton_1avu3_207:where([data-code-color-scheme='dark']) {
+    color: var(--mantine-primary-color-5);
+  }
+
+._showCodeButton_1avu3_207:where([data-code-color-scheme='light']) {
+    color: var(--mantine-primary-color-6);
+  }
+
+._file_1avu3_234 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-xs);
+  gap: calc(0.4375rem * var(--mantine-scale));
+  padding: calc(0.3125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
+  font-family: var(--mantine-font-family-monospace);
+  font-weight: var(--mantine-font-weight-bold);
+  line-height: 1;
+  user-select: none;
+  cursor: pointer;
+  opacity: 0.8;
+  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
+  white-space: nowrap;
+  margin: 0;
+  border-radius: var(--mantine-radius-default);
+}
+
+._file_1avu3_234:where([data-active]) {
+    opacity: 1;
+  }
+
+:where([data-mantine-color-scheme='light']) ._file_1avu3_234 {
+    border-color: var(--mantine-color-gray-3);
+    color: var(--mantine-color-gray-8);
+}
+
+:where([data-mantine-color-scheme='light']) ._file_1avu3_234:where([data-active]) {
+      background-color: var(--mantine-color-white);
+      color: var(--mantine-color-black);
+    }
+
+:where([data-mantine-color-scheme='dark']) ._file_1avu3_234 {
+    border-color: var(--mantine-color-dark-4);
+    color: var(--mantine-color-dark-0);
+}
+
+:where([data-mantine-color-scheme='dark']) ._file_1avu3_234:where([data-active]) {
+      background-color: var(--mantine-color-dark-5);
+      color: var(--mantine-color-white);
+    }
+
+._file_1avu3_234:where([data-color-scheme='light']) {
+    border-color: var(--mantine-color-gray-3);
+    color: var(--mantine-color-gray-8);
+  }
+
+._file_1avu3_234:where([data-color-scheme='light']):where([data-active]) {
+      background-color: var(--mantine-color-white);
+      color: var(--mantine-color-black);
+    }
+
+._file_1avu3_234:where([data-color-scheme='dark']) {
+    border-color: var(--mantine-color-dark-4);
+    color: var(--mantine-color-dark-0);
+  }
+
+._file_1avu3_234:where([data-color-scheme='dark']):where([data-active]) {
+      background-color: var(--mantine-color-dark-5);
+      color: var(--mantine-color-white);
+    }
+
+@media (hover: hover) {
+
+  ._file_1avu3_234:hover {
+    opacity: 1;
+  }
+}
+
+@media (hover: none) {
+
+  ._file_1avu3_234:active {
+    opacity: 1;
+  }
+}
+
+._file_1avu3_234:where(:only-child) {
+    cursor: default;
+  }
+
+._fileIcon_1avu3_305 :where(svg) {
+    display: block;
+  }
+
+._filesScrollarea_1avu3_311 {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  right: calc(4.375rem * var(--mantine-scale));
+}
+
+._files_1avu3_311 {
+  display: flex;
+  padding: calc(0.75rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
+  padding-bottom: 0;
+  gap: var(--mantine-spacing-xs);
+}
+/*$vite$:1*/

package/styles.layer.css

@@ -0,0 +1,358 @@
+@layer mantine {
+._root_1avu3_1 {
+  position: relative;
+}
+
+._codeHighlight_1avu3_5 {
+  position: relative;
+  border-radius: var(--ch-radius, 0px);
+  overflow: hidden;
+}
+
+:where([data-mantine-color-scheme='light']) ._codeHighlight_1avu3_5:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) ._codeHighlight_1avu3_5:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-dark-6);
+}
+
+._codeHighlight_1avu3_5:where([data-with-border]):where([data-code-color-scheme='dark']) {
+      border: 1px solid var(--mantine-color-dark-6);
+    }
+
+._codeHighlight_1avu3_5:where([data-with-border]):where([data-code-color-scheme='light']) {
+      border: 1px solid var(--mantine-color-gray-2);
+    }
+
+:where([data-mantine-color-scheme='light']) ._codeHighlight_1avu3_5 {
+    --ch-background: var(--mantine-color-gray-0);
+}
+
+:where([data-mantine-color-scheme='dark']) ._codeHighlight_1avu3_5 {
+    --ch-background: var(--mantine-color-dark-8);
+}
+
+._inlineCodeHighlight_1avu3_37 {
+  border-radius: var(--ch-radius, var(--mantine-radius-sm));
+  overflow: hidden;
+  background-color: var(--ch-background);
+  font-size: calc(0.8125rem * var(--mantine-scale));
+  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
+}
+
+:where([data-mantine-color-scheme='light']) ._inlineCodeHighlight_1avu3_37:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) ._inlineCodeHighlight_1avu3_37:where([data-with-border]) {
+      border: 1px solid var(--mantine-color-dark-6);
+}
+
+._inlineCodeHighlight_1avu3_37:where([data-with-border]):where([data-code-color-scheme='dark']) {
+      border: 1px solid var(--mantine-color-dark-6);
+    }
+
+._inlineCodeHighlight_1avu3_37:where([data-with-border]):where([data-code-color-scheme='light']) {
+      border: 1px solid var(--mantine-color-gray-2);
+    }
+
+:where([data-mantine-color-scheme='light']) ._inlineCodeHighlight_1avu3_37 {
+    --ch-background: var(--mantine-color-gray-0);
+}
+
+:where([data-mantine-color-scheme='dark']) ._inlineCodeHighlight_1avu3_37 {
+    --ch-background: var(--mantine-color-dark-8);
+}
+
+._pre_1avu3_71 {
+  --code-line-height: 1.7;
+
+  display: block;
+  margin: 0;
+  flex: 1;
+  min-width: 0;
+}
+
+._pre_1avu3_71[data-with-offset] ._code_1avu3_5 {
+    padding-top: calc(3.125rem * var(--mantine-scale));
+  }
+
+._code_1avu3_5 {
+  display: block;
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+  background-color: var(--ch-background);
+  font-size: calc(0.8125rem * var(--mantine-scale));
+  line-height: var(--code-line-height, var(--mantine-line-height));
+  font-family: var(--mantine-font-family-monospace);
+  width: fit-content;
+  min-width: 100%;
+}
+
+._code_1avu3_5:where([data-inline]) {
+    display: inline-block;
+    padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
+    background-color: var(--ch-background);
+  }
+
+._controls_1avu3_101 {
+  position: absolute;
+  top: calc(0.5rem * var(--mantine-scale));
+  right: calc(0.5rem * var(--mantine-scale));
+  z-index: 1;
+  background-color: var(--ch-background);
+  border-bottom-left-radius: var(--mantine-radius-md);
+}
+
+._controls_1avu3_101:where([data-with-offset]) {
+    top: calc(0.75rem * var(--mantine-scale));
+  }
+
+._control_1avu3_101 {
+  color: var(--mantine-color-text);
+  opacity: 0.5;
+}
+
+@media (hover: hover) {
+
+  ._control_1avu3_101:hover {
+    color: var(--mantine-color-bright);
+    opacity: 1;
+  }
+}
+
+@media (hover: none) {
+
+  ._control_1avu3_101:active {
+    color: var(--mantine-color-bright);
+    opacity: 1;
+  }
+}
+
+._control_1avu3_101:where([data-code-color-scheme='dark']) {
+    color: var(--mantine-color-dark-0);
+  }
+
+@media (hover: hover) {
+
+  ._control_1avu3_101:where([data-code-color-scheme='dark']):hover {
+      color: var(--mantine-color-white);
+  }
+}
+
+@media (hover: none) {
+
+  ._control_1avu3_101:where([data-code-color-scheme='dark']):active {
+      color: var(--mantine-color-white);
+  }
+}
+
+._control_1avu3_101:where([data-code-color-scheme='light']) {
+    color: var(--mantine-color-black);
+  }
+
+@media (hover: hover) {
+
+  ._control_1avu3_101:where([data-code-color-scheme='light']):hover {
+      color: var(--mantine-color-black);
+  }
+}
+
+@media (hover: none) {
+
+  ._control_1avu3_101:where([data-code-color-scheme='light']):active {
+      color: var(--mantine-color-black);
+  }
+}
+
+._control_1avu3_101 :where(svg) {
+    width: calc(1.125rem * var(--mantine-scale));
+    height: calc(1.125rem * var(--mantine-scale));
+    display: block;
+  }
+
+._controlTooltip_1avu3_146:where([data-code-color-scheme='light']) {
+    background-color: var(--mantine-color-gray-9);
+    color: var(--mantine-color-white);
+  }
+
+._controlTooltip_1avu3_146:where([data-code-color-scheme='dark']) {
+    background-color: var(--mantine-color-gray-2);
+    color: var(--mantine-color-black);
+  }
+
+._codeWrapper_1avu3_158 {
+  --code-line-height: 1.7;
+
+  display: flex;
+  flex-direction: row;
+}
+
+._lineNumbers_1avu3_165 {
+  user-select: none;
+  text-align: right;
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-xs);
+  padding-left: var(--mantine-spacing-md);
+  font-family: var(--mantine-font-family-monospace);
+  font-size: calc(0.8125rem * var(--mantine-scale));
+  line-height: var(--code-line-height, var(--mantine-line-height));
+  color: var(--mantine-color-dimmed);
+  background-color: var(--ch-background);
+  flex-shrink: 0;
+}
+
+._lineNumbers_1avu3_165[data-with-offset] {
+    padding-top: calc(3.125rem * var(--mantine-scale));
+  }
+
+._scrollarea_1avu3_182[data-collapsed] {
+    max-height: var(--ch-max-height, 180px);
+    overflow: hidden;
+    position: relative;
+  }
+
+._scrollarea_1avu3_182[data-collapsed]::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      height: calc(5rem * var(--mantine-scale));
+      pointer-events: none;
+      background: linear-gradient(
+        0deg,
+        var(--ch-background) 0%,
+        var(--ch-background) 25%,
+        transparent 100%
+      );
+      z-index: 1;
+    }
+
+._showCodeButton_1avu3_207 {
+  position: absolute;
+  z-index: 2;
+  bottom: 0;
+  inset-inline-start: 50%;
+  transform: translateX(-50%);
+  font-size: var(--mantine-font-size-sm);
+  color: var(--mantine-color-anchor);
+  width: 100%;
+  text-align: center;
+  padding-top: var(--mantine-spacing-xs);
+  padding-bottom: var(--mantine-spacing-xs);
+  white-space: nowrap;
+}
+
+._showCodeButton_1avu3_207[data-hidden] {
+    display: none;
+  }
+
+._showCodeButton_1avu3_207:where([data-code-color-scheme='dark']) {
+    color: var(--mantine-primary-color-5);
+  }
+
+._showCodeButton_1avu3_207:where([data-code-color-scheme='light']) {
+    color: var(--mantine-primary-color-6);
+  }
+
+._file_1avu3_234 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-xs);
+  gap: calc(0.4375rem * var(--mantine-scale));
+  padding: calc(0.3125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
+  font-family: var(--mantine-font-family-monospace);
+  font-weight: var(--mantine-font-weight-bold);
+  line-height: 1;
+  user-select: none;
+  cursor: pointer;
+  opacity: 0.8;
+  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
+  white-space: nowrap;
+  margin: 0;
+  border-radius: var(--mantine-radius-default);
+}
+
+._file_1avu3_234:where([data-active]) {
+    opacity: 1;
+  }
+
+:where([data-mantine-color-scheme='light']) ._file_1avu3_234 {
+    border-color: var(--mantine-color-gray-3);
+    color: var(--mantine-color-gray-8);
+}
+
+:where([data-mantine-color-scheme='light']) ._file_1avu3_234:where([data-active]) {
+      background-color: var(--mantine-color-white);
+      color: var(--mantine-color-black);
+    }
+
+:where([data-mantine-color-scheme='dark']) ._file_1avu3_234 {
+    border-color: var(--mantine-color-dark-4);
+    color: var(--mantine-color-dark-0);
+}
+
+:where([data-mantine-color-scheme='dark']) ._file_1avu3_234:where([data-active]) {
+      background-color: var(--mantine-color-dark-5);
+      color: var(--mantine-color-white);
+    }
+
+._file_1avu3_234:where([data-color-scheme='light']) {
+    border-color: var(--mantine-color-gray-3);
+    color: var(--mantine-color-gray-8);
+  }
+
+._file_1avu3_234:where([data-color-scheme='light']):where([data-active]) {
+      background-color: var(--mantine-color-white);
+      color: var(--mantine-color-black);
+    }
+
+._file_1avu3_234:where([data-color-scheme='dark']) {
+    border-color: var(--mantine-color-dark-4);
+    color: var(--mantine-color-dark-0);
+  }
+
+._file_1avu3_234:where([data-color-scheme='dark']):where([data-active]) {
+      background-color: var(--mantine-color-dark-5);
+      color: var(--mantine-color-white);
+    }
+
+@media (hover: hover) {
+
+  ._file_1avu3_234:hover {
+    opacity: 1;
+  }
+}
+
+@media (hover: none) {
+
+  ._file_1avu3_234:active {
+    opacity: 1;
+  }
+}
+
+._file_1avu3_234:where(:only-child) {
+    cursor: default;
+  }
+
+._fileIcon_1avu3_305 :where(svg) {
+    display: block;
+  }
+
+._filesScrollarea_1avu3_311 {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  right: calc(4.375rem * var(--mantine-scale));
+}
+
+._files_1avu3_311 {
+  display: flex;
+  padding: calc(0.75rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
+  padding-bottom: 0;
+  gap: var(--mantine-spacing-xs);
+}
+/*$vite$:1*/
+}