@wix/site-ui 1.20.0 → 1.22.0

package/dist/Accordion/index.css

@@ -43,14 +43,18 @@
   pointer-events: none;
 }
 
+.trigger-cbcjp2[data-disabled] .title-Akf754, .trigger-cbcjp2[data-disabled] .subtitle-wfobjk {
+  color: var(--wst-system-disabled-color, #939393);
+}
+
 .small-ECItLE .trigger-cbcjp2 {
-  gap: 8px;
+  gap: 12px;
   padding-block: 12px;
   padding-inline: 0;
 }
 
 .large-FlJRwV .trigger-cbcjp2 {
-  gap: 12px;
+  gap: 32px;
   padding-block: 24px;
   padding-inline: 0;
 }
@@ -63,6 +67,33 @@
   padding-inline: 24px;
 }
 
+.title-Akf754 {
+  flex-direction: column;
+  flex: 1;
+  gap: 4px;
+  min-width: 0;
+  display: flex;
+}
+
+.subtitle-wfobjk {
+  font: var(--wst-paragraph-3-font);
+  color: var(--wst-shade-3-color);
+}
+
+.suffix-O091QK {
+  flex-shrink: 0;
+  align-items: center;
+  display: flex;
+}
+
+.small-ECItLE .suffix-O091QK {
+  gap: 8px;
+}
+
+.large-FlJRwV .suffix-O091QK {
+  gap: 12px;
+}
+
 .arrow-yZ7Nq2 {
   flex-shrink: 0;
   transition: transform .2s;

package/dist/Accordion/index.d.ts

@@ -24,6 +24,15 @@ export declare const Accordion: {
     Arrow: React_2.ForwardRefExoticComponent<ChevronDownProps & {
         className?: string | undefined;
     } & React_2.RefAttributes<SVGSVGElement>>;
+    Title: React_2.ForwardRefExoticComponent<Omit<Omit<TypographyProps, "variant">, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLElement>>;
+    Subtitle: React_2.ForwardRefExoticComponent<Omit<React_2.HTMLAttributes<HTMLSpanElement>, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLSpanElement>>;
+    Suffix: React_2.ForwardRefExoticComponent<Omit<React_2.HTMLAttributes<HTMLSpanElement>, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLSpanElement>>;
 };
 
 export declare const AccordionSize: {
@@ -43,6 +52,13 @@ declare function Root<Value = any>({ className, size, variant, ...props }: WithS
 
 declare type Size = (typeof AccordionSize)[keyof typeof AccordionSize];
 
+declare interface TypographyProps extends React_2.HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    render?: React_2.ReactElement;
+}
+
+declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p1' | 'p2' | 'p3';
+
 declare type Variant = (typeof AccordionVariant)[keyof typeof AccordionVariant];
 
 declare type WithStringClassName<P> = Omit<P, 'className'> & {

package/dist/Accordion/index.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Accordion } from "@base-ui/react/accordion";
 import { ChevronDown } from "@wix/wix-ui-icons-common";
 import clsx from "clsx";
+import { Typography } from "../Typography/index.js";
 import * as __rspack_external_react from "react";
 const Accordion_module = {
     root: "root-jseiNO",
@@ -10,8 +11,11 @@ const Accordion_module = {
     box: "box-IGlTAZ",
     header: "header-YZESJq",
     trigger: "trigger-cbcjp2",
+    title: "title-Akf754",
+    subtitle: "subtitle-wfobjk",
     small: "small-ECItLE",
     large: "large-FlJRwV",
+    suffix: "suffix-O091QK",
     arrow: "arrow-yZ7Nq2",
     panel: "panel-Gp0XFK"
 };
@@ -54,12 +58,32 @@ const Arrow = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...
         "aria-hidden": "true",
         ...props
     }));
+const Title = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Typography, {
+        ref: ref,
+        variant: "p2",
+        render: /*#__PURE__*/ jsx("span", {}),
+        className: clsx(Accordion_module.title, className),
+        ...props
+    }));
+const Subtitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("span", {
+        ref: ref,
+        className: clsx(Accordion_module.subtitle, className),
+        ...props
+    }));
+const Suffix = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("span", {
+        ref: ref,
+        className: clsx(Accordion_module.suffix, className),
+        ...props
+    }));
 const Accordion_Accordion = {
     Item: Item,
     Header: Header,
     Trigger: Trigger,
     Panel: Panel,
     Root: Root,
-    Arrow: Arrow
+    Arrow: Arrow,
+    Title: Title,
+    Subtitle: Subtitle,
+    Suffix: Suffix
 };
 export { AccordionSize, AccordionVariant, Accordion_Accordion as Accordion };

package/dist/Button/index.css

@@ -5,6 +5,10 @@
   display: inline-flex;
 }
 
+.root-kIffNe:hover {
+  text-decoration: underline;
+}
+
 .primary-BOdHls {
   background-color: var(--wst-button-primary-background-color);
   background-image: var(--wst-button-primary-background-image);
@@ -110,15 +114,6 @@
   border-end-start-radius: var(--wst-button-tertiary-border-bottom-left-radius);
 }
 
-.root-kIffNe:focus-visible {
-  outline: 2px solid var(--wst-links-and-actions-color);
-  outline-offset: 2px;
-}
-
-.primary-BOdHls:not(:disabled):hover {
-  background-color: color-mix(in srgb, var(--wst-button-primary-background-color) 85%, black);
-}
-
 .primary-BOdHls:disabled {
   background-color: var(--wst-system-disabled-color);
   border-top-color: var(--wst-system-disabled-color);
@@ -130,10 +125,6 @@
   pointer-events: none;
 }
 
-.secondary-O9td6z:not(:disabled):hover {
-  background-color: color-mix(in srgb, var(--wst-button-secondary-border-top-color) 8%, transparent);
-}
-
 .secondary-O9td6z:disabled {
   border-top-color: var(--wst-system-disabled-color);
   border-bottom-color: var(--wst-system-disabled-color);

package/dist/index.d.ts

@@ -245,6 +245,15 @@ export declare const Accordion: {
     Arrow: React_2.ForwardRefExoticComponent<ChevronDownProps & {
         className?: string | undefined;
     } & React_2.RefAttributes<SVGSVGElement>>;
+    Title: React_2.ForwardRefExoticComponent<Omit<Omit<TypographyProps, "variant">, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLElement>>;
+    Subtitle: React_2.ForwardRefExoticComponent<Omit<React_2.HTMLAttributes<HTMLSpanElement>, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLSpanElement>>;
+    Suffix: React_2.ForwardRefExoticComponent<Omit<React_2.HTMLAttributes<HTMLSpanElement>, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLSpanElement>>;
 };
 
 export declare const AccordionSize: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.20.0",
+  "version": "1.22.0",
   "description": "Pure UI components for the Wix site builder",
   "license": "MIT",
   "type": "module",
@@ -78,5 +78,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "b2b7a8518aee6afaa0290fba74856876f2786c40325b333c0b16cf14"
+  "falconPackageHash": "fa9e8ea8c545576834e094cec31c02f7d83c736dca47ca96cd9d3da0"
 }