@traefik-labs/faency 12.0.12 → 12.1.0

package/dist/faency.css

@@ -6040,120 +6040,34 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-}@keyframes _1fnlquw0 {
-  0% {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    opacity: 1;
-  }
-  100% {
-    top: -8px;
-    right: -8px;
-    bottom: -8px;
-    left: -8px;
-    opacity: 0;
-  }
-}
-._1fnlquw1 {
-  display: inline-block;
-  width: var(--_17h2n96a5);
-  height: var(--_17h2n96a5);
-  background-color: var(--_17h2n962s);
-  border-radius: 50%;
+}._1krwcuz0 {
   position: relative;
 }
-._1fnlquw1::before {
-  content: "";
-  animation: _1fnlquw0 1s ease infinite;
-  box-sizing: border-box;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
-  border-radius: 50%;
-  pointer-events: none;
-  z-index: -1;
-}
-._1fnlquw1::after {
-  content: "";
-  box-sizing: border-box;
-  position: absolute;
-  top: 5px;
-  right: 5px;
-  bottom: 5px;
-  left: 5px;
-  background-color: rgba(255,255,255,.1);
-  border-radius: 50%;
-  pointer-events: none;
-}
-._1fnlquw3 {
-  background-color: var(--_17h2n962s);
-}
-._1fnlquw3::before {
-  background-color: var(--_17h2n962s);
-}
-._1fnlquw4 {
-  background-color: var(--_17h2n963g);
-}
-._1fnlquw4::before {
-  background-color: var(--_17h2n963g);
-}
-._1fnlquw5 {
-  background-color: var(--_17h2n9624);
-}
-._1fnlquw5::before {
-  background-color: var(--_17h2n9624);
-}
-._1fnlquw6 {
-  background-color: var(--_17h2n961g);
-}
-._1fnlquw6::before {
-  background-color: var(--_17h2n961g);
-}
-._1fnlquw7 {
-  background-color: var(--_17h2n96s);
-}
-._1fnlquw7::before {
-  background-color: var(--_17h2n96s);
-}
-._1fnlquw8 {
-  background-color: var(--_17h2n966s);
-}
-._1fnlquw8::before {
-  background-color: var(--_17h2n966s);
-}
-._1fnlquw9 {
-  background-color: var(--_17h2n9664);
-}
-._1fnlquw9::before {
-  background-color: var(--_17h2n9664);
-}
-._1fnlquwa {
-  width: var(--_17h2n96a2);
-  height: var(--_17h2n96a2);
+._1krwcuz1 {
+  margin: 0;
+  border-radius: var(--_17h2n96av);
+  overflow: auto;
+  border: 1px solid var(--_17h2n963z);
+  position: relative;
+  font-size: var(--_17h2n96ae);
+  line-height: 1.6;
 }
-._1fnlquwb {
-  width: var(--_17h2n96a3);
-  height: var(--_17h2n96a3);
+._1krwcuz2 {
+  border: none;
 }
-._1fnlquwc {
-  width: var(--_17h2n96a4);
-  height: var(--_17h2n96a4);
+._1krwcuz3 {
+  padding: var(--_17h2n969w);
 }
-._1fnlquwd {
-  width: var(--_17h2n96a5);
-  height: var(--_17h2n96a5);
+._1krwcuz4 {
+  position: absolute;
+  right: var(--_17h2n969w);
+  z-index: 1;
 }
-._1fnlquwe {
-  width: var(--_17h2n96a6);
-  height: var(--_17h2n96a6);
+._1krwcuz5 {
+  top: var(--_17h2n969u);
 }
-._1fnlquwf::before {
-  content: none;
+._1krwcuz6 {
+  bottom: var(--_17h2n969u);
 }@keyframes krhgwq0 {
   100% {
     transform: translateX(var(--_17h2n96aa));
@@ -6362,6 +6276,120 @@
     color: var(--_17h2n969f);
     background-color: transparent;
   }
+}@keyframes _1fnlquw0 {
+  0% {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    opacity: 1;
+  }
+  100% {
+    top: -8px;
+    right: -8px;
+    bottom: -8px;
+    left: -8px;
+    opacity: 0;
+  }
+}
+._1fnlquw1 {
+  display: inline-block;
+  width: var(--_17h2n96a5);
+  height: var(--_17h2n96a5);
+  background-color: var(--_17h2n962s);
+  border-radius: 50%;
+  position: relative;
+}
+._1fnlquw1::before {
+  content: "";
+  animation: _1fnlquw0 1s ease infinite;
+  box-sizing: border-box;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
+  border-radius: 50%;
+  pointer-events: none;
+  z-index: -1;
+}
+._1fnlquw1::after {
+  content: "";
+  box-sizing: border-box;
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  bottom: 5px;
+  left: 5px;
+  background-color: rgba(255,255,255,.1);
+  border-radius: 50%;
+  pointer-events: none;
+}
+._1fnlquw3 {
+  background-color: var(--_17h2n962s);
+}
+._1fnlquw3::before {
+  background-color: var(--_17h2n962s);
+}
+._1fnlquw4 {
+  background-color: var(--_17h2n963g);
+}
+._1fnlquw4::before {
+  background-color: var(--_17h2n963g);
+}
+._1fnlquw5 {
+  background-color: var(--_17h2n9624);
+}
+._1fnlquw5::before {
+  background-color: var(--_17h2n9624);
+}
+._1fnlquw6 {
+  background-color: var(--_17h2n961g);
+}
+._1fnlquw6::before {
+  background-color: var(--_17h2n961g);
+}
+._1fnlquw7 {
+  background-color: var(--_17h2n96s);
+}
+._1fnlquw7::before {
+  background-color: var(--_17h2n96s);
+}
+._1fnlquw8 {
+  background-color: var(--_17h2n966s);
+}
+._1fnlquw8::before {
+  background-color: var(--_17h2n966s);
+}
+._1fnlquw9 {
+  background-color: var(--_17h2n9664);
+}
+._1fnlquw9::before {
+  background-color: var(--_17h2n9664);
+}
+._1fnlquwa {
+  width: var(--_17h2n96a2);
+  height: var(--_17h2n96a2);
+}
+._1fnlquwb {
+  width: var(--_17h2n96a3);
+  height: var(--_17h2n96a3);
+}
+._1fnlquwc {
+  width: var(--_17h2n96a4);
+  height: var(--_17h2n96a4);
+}
+._1fnlquwd {
+  width: var(--_17h2n96a5);
+  height: var(--_17h2n96a5);
+}
+._1fnlquwe {
+  width: var(--_17h2n96a6);
+  height: var(--_17h2n96a6);
+}
+._1fnlquwf::before {
+  content: none;
 }._1mwvsf70 {
   display: inline-flex;
   background-color: var(--_17h2n969l);

package/dist/index.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const FaencyProvider = require("./components/FaencyProvider.cjs");
+const colorSchemeContext = require("./components/colorSchemeContext.cjs");
 const Overlay = require("./components/Overlay.cjs");
 const reactAspectRatio = require("@radix-ui/react-aspect-ratio");
 const reactPortal = require("@radix-ui/react-portal");
@@ -20,6 +21,8 @@ const Blockquote = require("./components/Blockquote/Blockquote.cjs");
 const Blockquote_vanilla = require("./components/Blockquote/Blockquote.vanilla.cjs");
 const Box = require("./components/Box/Box.cjs");
 const Box_vanilla = require("./components/Box/Box.vanilla.cjs");
+const CodeBlock = require("./components/CodeBlock/CodeBlock.cjs");
+const CodeBlock_vanilla = require("./components/CodeBlock/CodeBlock.vanilla.cjs");
 const Bubble = require("./components/Bubble/Bubble.cjs");
 const Bubble_vanilla = require("./components/Bubble/Bubble.vanilla.cjs");
 const Button = require("./components/Button/Button.cjs");
@@ -79,6 +82,7 @@ const TextField_vanilla = require("./components/TextField/TextField.vanilla.cjs"
 const Tooltip = require("./components/Tooltip/Tooltip.cjs");
 const VisuallyHidden = require("./components/VisuallyHidden/VisuallyHidden.cjs");
 exports.FaencyProvider = FaencyProvider.FaencyProvider;
+exports.useColorScheme = colorSchemeContext.useColorScheme;
 exports.Overlay = Overlay.Overlay;
 Object.defineProperty(exports, "AspectRatio", {
   enumerable: true,
@@ -126,6 +130,8 @@ exports.Blockquote = Blockquote.Blockquote;
 exports.BlockquoteVanilla = Blockquote_vanilla.BlockquoteVanilla;
 exports.Box = Box.Box;
 exports.BoxVanilla = Box_vanilla.BoxVanilla;
+exports.CodeBlock = CodeBlock.CodeBlock;
+exports.CodeBlockVanilla = CodeBlock_vanilla.CodeBlockVanilla;
 exports.Bubble = Bubble.Bubble;
 exports.BubbleVanilla = Bubble_vanilla.BubbleVanilla;
 exports.Button = Button.Button;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}