@rstack-dev/doc-ui
Advanced tools
| export type MeteorsBackgroundProps = { | ||
| gridSize?: number; | ||
| meteorCount?: number; | ||
| }; | ||
| export declare function MeteorsBackground({ gridSize, meteorCount, }: MeteorsBackgroundProps): import("react/jsx-runtime").JSX.Element; |
| <svg width="959" height="677" viewBox="0 0 959 677" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <rect width="959" height="677" fill="url(#paint0_radial_2002_11167)" fill-opacity="0.15"/> | ||
| <rect width="959" height="677" fill="url(#paint1_radial_2002_11167)" fill-opacity="0.15"/> | ||
| <defs> | ||
| <radialGradient id="paint0_radial_2002_11167" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(616.147 377.815) rotate(121.487) scale(261.625 237.327)"> | ||
| <stop stop-color="#ff8b00"/> | ||
| <stop offset="1" stop-color="#ff8b00" stop-opacity="0"/> | ||
| </radialGradient> | ||
| <radialGradient id="paint1_radial_2002_11167" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(479.5 289.093) rotate(93.4123) scale(346.066 262.102)"> | ||
| <stop stop-color="#f93920"/> | ||
| <stop offset="1" stop-color="#f93920" stop-opacity="0"/> | ||
| </radialGradient> | ||
| </defs> | ||
| </svg> |
| <svg xmlns="http://www.w3.org/2000/svg" width="959" height="677" viewBox="0 0 959 677" fill="none"> | ||
| <rect width="959" height="677" fill="url(#paint0_radial_2002_13780)" fill-opacity="0.15"/> | ||
| <rect width="959" height="677" fill="url(#paint1_radial_2002_13780)" fill-opacity="0.15"/> | ||
| <defs> | ||
| <radialGradient id="paint0_radial_2002_13780" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(616.147 377.815) rotate(121.487) scale(261.625 237.327)"> | ||
| <stop stop-color="#ff8b00"/> | ||
| <stop offset="1" stop-color="#ff8b00" stop-opacity="0"/> | ||
| </radialGradient> | ||
| <radialGradient id="paint1_radial_2002_13780" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(479.952 355.03) rotate(94.3068) scale(280.307 212.232)"> | ||
| <stop stop-color="#f93920"/> | ||
| <stop offset="1" stop-color="#f93920" stop-opacity="0"/> | ||
| </radialGradient> | ||
| </defs> | ||
| </svg> |
@@ -39,3 +39,3 @@ import './index.css'; | ||
| /*#__PURE__*/ jsx("style", { | ||
| children: "body:not(.notTopArrived) .rp-nav {background: transparent !important; border-bottom: none !important;}.rp-nav {background: color-mix(in srgb,var(--rp-c-bg) 60%,transparent);backdrop-filter: blur(25px);-webkit-backdrop-filter: blur(25px);}" | ||
| children: "body:not(.notTopArrived) .rp-nav {background: transparent !important; border-bottom: 1px solid transparent !important;}.rp-nav {background: color-mix(in srgb,var(--rp-c-bg) 60%,transparent);backdrop-filter: blur(25px);-webkit-backdrop-filter: blur(25px);}" | ||
| }), | ||
@@ -42,0 +42,0 @@ /*#__PURE__*/ jsx("img", { |
| html:not(.dark) { | ||
| --rs-blog-list-frame-bg: linear-gradient(180deg, #0f172a05, transparent 72%), linear-gradient(90deg, #0f172a06 1px, transparent 1px), linear-gradient(#0f172a06 1px, transparent 1px); | ||
| --rs-blog-glow-bg: url(../static/svg/glow-light.svg); | ||
| } | ||
@@ -7,2 +8,3 @@ | ||
| --rs-blog-list-frame-bg: linear-gradient(180deg, #94a3b80a, transparent 72%), linear-gradient(90deg, #94a3b80d 1px, transparent 1px), linear-gradient(#94a3b80d 1px, transparent 1px); | ||
| --rs-blog-glow-bg: url(../static/svg/glow-dark.svg); | ||
| } | ||
@@ -22,3 +24,3 @@ | ||
| background: var(--rs-blog-list-frame-bg); | ||
| opacity: .45; | ||
| opacity: .15; | ||
| background-size: 1200px; | ||
@@ -32,5 +34,18 @@ position: absolute; | ||
| .dark .blogFrame-_M1lGW { | ||
| opacity: .35; | ||
| .glowBackground-Pe6ULN { | ||
| background: var(--rs-blog-glow-bg) no-repeat center 300px; | ||
| pointer-events: none; | ||
| z-index: -1; | ||
| opacity: .6; | ||
| background-size: 1200px; | ||
| position: absolute; | ||
| top: 0; | ||
| bottom: 0; | ||
| left: 0; | ||
| right: 0; | ||
| } | ||
| html.dark .glowBackground-Pe6ULN { | ||
| opacity: .2; | ||
| } | ||
@@ -212,3 +212,5 @@ import './index.css'; | ||
| height: '65vh', | ||
| zIndex: -1 | ||
| zIndex: -1, | ||
| filter: 'blur(.5px)', | ||
| opacity: 0.8 | ||
| } | ||
@@ -219,3 +221,4 @@ }); | ||
| blogBackground: "blogBackground-ESH_4Z", | ||
| blogFrame: "blogFrame-_M1lGW" | ||
| blogFrame: "blogFrame-_M1lGW", | ||
| glowBackground: "glowBackground-Pe6ULN" | ||
| }; | ||
@@ -228,2 +231,5 @@ function BlogBackground({ showBackground = true, backgroundGridSize = 120, backgroundMeteorCount = 3 }) { | ||
| /*#__PURE__*/ jsx("div", { | ||
| className: index_module.glowBackground | ||
| }), | ||
| /*#__PURE__*/ jsx("div", { | ||
| className: index_module.blogFrame | ||
@@ -230,0 +236,0 @@ }), |
+35
-32
@@ -19,4 +19,5 @@ .frame-_5e87N { | ||
| --rs-blog-list-desc-color: var(--rp-c-text-2); | ||
| --rs-blog-list-card-bg: radial-gradient(94.38% 84.84% at 0% 2.15%, #ffffff29 0%, #fff0 100%), #ffffff80; | ||
| --rs-blog-list-card-border: 1px solid #11111314; | ||
| --rs-blog-list-card-bg: radial-gradient(94.38% 84.84% at 0% 2.15%, #ffffff29 0%, #fff0 100%), #ffffff9c; | ||
| --rs-blog-list-card-border: 1px solid #0e0e0f16; | ||
| --rs-blog-list-card-shadow: 0 4px 24px #0e0e0f09; | ||
| } | ||
@@ -27,4 +28,5 @@ | ||
| --rs-blog-list-desc-color: var(--rp-c-text-2); | ||
| --rs-blog-list-card-bg: #ffffff08; | ||
| --rs-blog-list-card-border: 1px solid #ffffff0f; | ||
| --rs-blog-list-card-bg: #ffffff0d; | ||
| --rs-blog-list-card-border: 1px solid #ffffff12; | ||
| --rs-blog-list-card-shadow: 0 4px 24px #00000040; | ||
| } | ||
@@ -54,5 +56,6 @@ | ||
| background: var(--rs-blog-list-card-bg); | ||
| -webkit-backdrop-filter: blur(1px); | ||
| backdrop-filter: blur(1px); | ||
| -webkit-backdrop-filter: blur(2px); | ||
| backdrop-filter: blur(2px); | ||
| box-sizing: border-box; | ||
| box-shadow: var(--rs-blog-list-card-shadow); | ||
| border-radius: 24px; | ||
@@ -83,28 +86,2 @@ flex-direction: column; | ||
| .featuredSection-Y3bjII { | ||
| margin-bottom: 20px; | ||
| } | ||
| .featured-W4XJYg { | ||
| min-height: 240px; | ||
| padding: 32px 36px; | ||
| } | ||
| .featuredTitle-BicFLy { | ||
| color: var(--rs-blog-list-title-color); | ||
| margin-bottom: 16px; | ||
| font-size: 28px; | ||
| font-weight: 700; | ||
| line-height: 1.25; | ||
| } | ||
| .featuredDescription-rgRiSD { | ||
| color: var(--rs-blog-list-desc-color); | ||
| flex-grow: 1; | ||
| margin-bottom: 24px; | ||
| font-size: 15px; | ||
| font-weight: 400; | ||
| line-height: 1.7; | ||
| } | ||
| .grid-Xrk9hS { | ||
@@ -179,2 +156,28 @@ grid-template-columns: repeat(2, 1fr); | ||
| .featuredSection-Y3bjII { | ||
| margin-bottom: 20px; | ||
| } | ||
| .featured-W4XJYg { | ||
| min-height: 240px; | ||
| padding: 32px 36px; | ||
| } | ||
| .featuredTitle-BicFLy { | ||
| color: var(--rs-blog-list-title-color); | ||
| margin-bottom: 20px; | ||
| font-size: 28px; | ||
| font-weight: 700; | ||
| line-height: 1.25; | ||
| } | ||
| .featuredDescription-rgRiSD { | ||
| color: var(--rs-blog-list-desc-color); | ||
| flex-grow: 1; | ||
| margin-bottom: 24px; | ||
| font-size: 15px; | ||
| font-weight: 400; | ||
| line-height: 1.7; | ||
| } | ||
| @media (max-width: 1015px) { | ||
@@ -181,0 +184,0 @@ .blogPage-QpKeWn { |
@@ -217,6 +217,2 @@ import './index.css'; | ||
| interactiveCard: "interactiveCard-MMJbVF", | ||
| featuredSection: "featuredSection-Y3bjII", | ||
| featured: "featured-W4XJYg", | ||
| featuredTitle: "featuredTitle-BicFLy", | ||
| featuredDescription: "featuredDescription-rgRiSD", | ||
| grid: "grid-Xrk9hS", | ||
@@ -232,3 +228,7 @@ gridItem: "gridItem-W7_sGP", | ||
| subtitle: "subtitle-E2ZbbP", | ||
| xLink: "xLink-LO8BFO" | ||
| xLink: "xLink-LO8BFO", | ||
| featuredSection: "featuredSection-Y3bjII", | ||
| featured: "featured-W4XJYg", | ||
| featuredTitle: "featuredTitle-BicFLy", | ||
| featuredDescription: "featuredDescription-rgRiSD" | ||
| }; | ||
@@ -419,2 +419,4 @@ const hasDangerousHtml = (value)=>'dangerouslySetInnerHTML' in value; | ||
| children: ` | ||
| .rp-doc > h1 { font-weight: 700; } | ||
| .rp-doc > p { color: var(--rs-blog-list-desc-color); } | ||
| .rp-doc-layout__sidebar-placeholder { display: none; } | ||
@@ -421,0 +423,0 @@ .rp-doc-layout__outline { display: none; } |
+1
-1
| { | ||
| "name": "@rstack-dev/doc-ui", | ||
| "version": "1.13.2", | ||
| "version": "1.13.3", | ||
| "type": "module", | ||
@@ -5,0 +5,0 @@ "types": "./dist/index.d.ts", |
| export type MeteorsBackgroundProps = { | ||
| gridSize?: number; | ||
| meteorCount?: number; | ||
| }; | ||
| export declare function MeteorsBackground({ gridSize, meteorCount, }: MeteorsBackgroundProps): import("react/jsx-runtime").JSX.Element; |
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 2 instances in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 2 instances in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
1763607
0.15%67
3.08%40932
0.06%