ds-markdown 1.0.2 → 1.0.3

package/es/components/CodeComponent/BlockWrap/index.css

@@ -12,19 +12,6 @@
   color: #494949;
   background: #fafafa;
 }
-.md-code-block-banner {
-  border-top-left-radius: var(--ds-md-code-block-border-radius);
-  border-top-right-radius: var(--ds-md-code-block-border-radius);
-}
-.md-code-block-banner-lite {
-  padding: 0;
-}
-.md-code-block-banner-content {
-  justify-content: space-between;
-  align-items: center;
-  padding: 6px 14px 6px 6px;
-  display: flex;
-}
 .md-code-block-language {
   color: var(--dsr-text-2);
   margin-left: 8px;

package/es/components/CodeComponent/CodeBlockWrap/index.css

@@ -0,0 +1,24 @@
+.md-code-block:not(:last-child) {
+  margin-bottom: calc(var(--ds-md-zoom) * 10px);
+}
+.md-code-block-banner-wrap {
+  background-color: var(--ds-md-code-block-banner-wrap-background-color);
+  z-index: 6;
+  position: sticky;
+  top: 0;
+}
+.md-code-block-banner {
+  background: var(--ds-md-code-banner-background-color);
+  padding: calc(var(--ds-md-zoom) * 8px) calc(var(--ds-md-zoom) * 12px);
+  font-size: var(--ds-md-code-block-font-size);
+  line-height: var(--ds-md-code-block-font-size);
+  justify-content: space-between;
+  display: flex;
+  border-top-left-radius: var(--ds-md-code-block-border-radius);
+  border-top-right-radius: var(--ds-md-code-block-border-radius);
+}
+.md-code-block-banner {
+  border-top-left-radius: var(--ds-md-code-block-border-radius);
+  border-top-right-radius: var(--ds-md-code-block-border-radius);
+  padding: 6px 14px 6px 6px;
+}

package/es/components/CodeComponent/CodeBlockWrap/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.css';
 interface CodeBlockWrapProps {
     children: React.ReactNode;
     title: React.ReactNode;

package/es/components/CodeComponent/CodeBlockWrap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeComponent/CodeBlockWrap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAU/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeComponent/CodeBlockWrap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,CAAC;AAEtB,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAU/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/components/CodeComponent/CodeBlockWrap/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useThemeState } from '../../../context/MarkdownThemeProvider.js';
+import './index.css';
 const CodeBlockWrap = ({ children, title }) => {
     const { theme } = useThemeState();
     return (_jsxs("div", { className: `md-code-block md-code-block-${theme}`, children: [_jsx("div", { className: "md-code-block-banner-wrap", children: _jsx("div", { className: "md-code-block-banner md-code-block-banner-lite", children: title }) }), _jsx("div", { className: "md-code-block-content", children: children })] }));

package/es/components/CodeComponent/CodeBlockWrap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CodeComponent/CodeBlockWrap/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAOvE,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAClC,OAAO,CACL,eAAK,SAAS,EAAE,+BAA+B,KAAK,EAAE,aACpD,cAAK,SAAS,EAAC,2BAA2B,YACxC,cAAK,SAAS,EAAC,gDAAgD,YAAE,KAAK,GAAO,GACzE,EACN,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,IACnD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CodeComponent/CodeBlockWrap/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,OAAO,cAAc,CAAC;AAOtB,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAClC,OAAO,CACL,eAAK,SAAS,EAAE,+BAA+B,KAAK,EAAE,aACpD,cAAK,SAAS,EAAC,2BAA2B,YACxC,cAAK,SAAS,EAAC,gDAAgD,YAAE,KAAK,GAAO,GACzE,EACN,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,IACnD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/components/CodeComponent/index.css

@@ -505,30 +505,6 @@
 .md-code-block:not(:last-child) {
   margin-bottom: calc(var(--ds-md-zoom) * 10px);
 }
-.md-code-block-banner-wrap {
-  background-color: var(--ds-md-code-block-banner-wrap-background-color);
-  z-index: 6;
-  position: sticky;
-  top: 0;
-}
-.md-code-block-banner {
-  background: var(--ds-md-code-banner-background-color);
-  padding: calc(var(--ds-md-zoom) * 8px) calc(var(--ds-md-zoom) * 12px);
-  font-size: var(--ds-md-code-block-font-size);
-  line-height: var(--ds-md-code-block-font-size);
-  justify-content: space-between;
-  display: flex;
-  border-top-left-radius: var(--ds-md-code-block-border-radius);
-  border-top-right-radius: var(--ds-md-code-block-border-radius);
-}
-.md-code-block-banner-lite {
-  padding: 0;
-}
-.md-code-block-banner {
-  border-top-left-radius: var(--ds-md-code-block-border-radius);
-  border-top-right-radius: var(--ds-md-code-block-border-radius);
-  padding: 6px 14px 6px 6px;
-}
 .md-code-block-footer {
   background: var(--ds-md-code-banner-background-color);
   padding: calc(var(--ds-md-zoom) * 8px) calc(var(--ds-md-zoom) * 12px);