🚨 Active Supply Chain Attack:node-ipc Package Compromised.Learn More
Socket
Book a DemoSign in
Socket

@rstack-dev/doc-ui

Package Overview
Dependencies
Maintainers
2
Versions
51
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rstack-dev/doc-ui - npm Package Compare versions

Comparing version
1.13.2
to
1.13.3
+5
dist/blog-background/MeteorsBackground.d.ts
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>
+1
-1

@@ -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 @@ }),

@@ -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; }

{
"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;