@opensite/ui 1.8.2 → 1.8.4

package/dist/about-story-gallery.cjs

@@ -15,32 +15,6 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-function getTextColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-foreground/80";
-      case "subtle":
-        return "text-foreground/60";
-      case "accent":
-        return "text-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-muted-foreground";
-      case "subtle":
-        return "text-muted-foreground/70";
-      case "accent":
-        return "text-primary";
-    }
-  }
-}
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -418,7 +392,6 @@ var Section = React__default.default.forwardRef(
 Section.displayName = "Section";
 function AboutStoryGallery({
   className,
-  containerClassName,
   title,
   titleClassName,
   description,
@@ -428,7 +401,8 @@ function AboutStoryGallery({
   imagesClassName,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "py-8 md:py-32",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
   patternOpacity
 }) {
@@ -465,7 +439,7 @@ function AboutStoryGallery({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
+      className,
       containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl text-center", children: [
@@ -484,7 +458,6 @@ function AboutStoryGallery({
             {
               className: cn(
                 "mt-6 text-lg whitespace-pre-line text-balance",
-                getTextColor(background, "muted"),
                 descriptionClassName
               ),
               children: description

package/dist/about-story-gallery.d.cts

@@ -69,6 +69,6 @@ interface AboutStoryGalleryProps {
      */
     patternOpacity?: number;
 }
-declare function AboutStoryGallery({ className, containerClassName, title, titleClassName, description, descriptionClassName, images, imagesSlot, imagesClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutStoryGalleryProps): React.JSX.Element;
+declare function AboutStoryGallery({ className, title, titleClassName, description, descriptionClassName, images, imagesSlot, imagesClassName, optixFlowConfig, background, spacing, containerClassName, pattern, patternOpacity, }: AboutStoryGalleryProps): React.JSX.Element;
 
 export { AboutStoryGallery, type AboutStoryGalleryProps };

package/dist/about-story-gallery.d.ts

@@ -69,6 +69,6 @@ interface AboutStoryGalleryProps {
      */
     patternOpacity?: number;
 }
-declare function AboutStoryGallery({ className, containerClassName, title, titleClassName, description, descriptionClassName, images, imagesSlot, imagesClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutStoryGalleryProps): React.JSX.Element;
+declare function AboutStoryGallery({ className, title, titleClassName, description, descriptionClassName, images, imagesSlot, imagesClassName, optixFlowConfig, background, spacing, containerClassName, pattern, patternOpacity, }: AboutStoryGalleryProps): React.JSX.Element;
 
 export { AboutStoryGallery, type AboutStoryGalleryProps };

package/dist/about-story-gallery.js

@@ -9,32 +9,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-function getTextColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-foreground/80";
-      case "subtle":
-        return "text-foreground/60";
-      case "accent":
-        return "text-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-muted-foreground";
-      case "subtle":
-        return "text-muted-foreground/70";
-      case "accent":
-        return "text-primary";
-    }
-  }
-}
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -412,7 +386,6 @@ var Section = React.forwardRef(
 Section.displayName = "Section";
 function AboutStoryGallery({
   className,
-  containerClassName,
   title,
   titleClassName,
   description,
@@ -422,7 +395,8 @@ function AboutStoryGallery({
   imagesClassName,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "py-8 md:py-32",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
   patternOpacity
 }) {
@@ -459,7 +433,7 @@ function AboutStoryGallery({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
+      className,
       containerClassName,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl text-center", children: [
@@ -478,7 +452,6 @@ function AboutStoryGallery({
             {
               className: cn(
                 "mt-6 text-lg whitespace-pre-line text-balance",
-                getTextColor(background, "muted"),
                 descriptionClassName
               ),
               children: description

package/dist/components.d.cts

@@ -37,5 +37,5 @@ import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
 import './types-Cs1jk79n.cjs';
-import './forms-nGgHUTBw.cjs';
+import './forms-CStlFhnh.cjs';
 import '@page-speed/forms/integration';

package/dist/components.d.ts

@@ -37,5 +37,5 @@ import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
 import './types-Cs1jk79n.js';
-import './forms-nGgHUTBw.js';
+import './forms-CStlFhnh.js';
 import '@page-speed/forms/integration';