@wix/site-ui 1.187.0 → 1.189.0

package/dist/Tooltip/index.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
 import { mergeProps, useRenderElement, esm_formatErrorMessage } from "../8272.js";
 import { Timeout, useTimeout } from "../42.js";
 import { useIsoLayoutEffect } from "../6499.js";
@@ -955,36 +954,30 @@ class TooltipHandle {
 function createTooltipHandle() {
     return new TooltipHandle();
 }
-const Tooltip_module = {
-    trigger: "trigger-xVlrp2",
-    positioner: "positioner-sRKHj5",
-    popup: "popup-V_41k4",
-    arrow: "arrow-aUAEXL"
-};
 function Trigger({ className, ...props }) {
     return /*#__PURE__*/ jsx(TooltipTrigger_TooltipTrigger, {
         ...props,
-        className: clsx(Tooltip_module.trigger, className)
+        className: className
     });
 }
 const Positioner = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(TooltipPositioner_TooltipPositioner, {
         ref: ref,
-        className: clsx(Tooltip_module.positioner, className),
+        className: className,
         ...props
     }));
 const Popup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(TooltipPopup_TooltipPopup, {
         ref: ref,
-        className: clsx(Tooltip_module.popup, className),
+        className: className,
         ...props
     }));
 const Arrow = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(TooltipArrow_TooltipArrow, {
         ref: ref,
-        className: clsx(Tooltip_module.arrow, className),
+        className: className,
         ...props
     }));
 const Viewport = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(TooltipViewport_TooltipViewport, {
         ref: ref,
-        className: clsx(Tooltip_module.viewport, className),
+        className: className,
         ...props
     }));
 const Tooltip = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.187.0",
+  "version": "1.189.0",
   "description": "Pure UI components for the Wix site builder",
   "license": "MIT",
   "type": "module",
@@ -94,5 +94,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "f117e7b877e63d067b4aa1914d80bc07ca17b68383f3c8c07b86c2ae"
+  "falconPackageHash": "434fd241024e2a48ad49f652c28b357ef3a4450a8fdc2eb6ebb9b738"
 }

package/dist/AlertDialog/index.css

@@ -1,60 +0,0 @@
-.trigger-OrOoKa {
-  display: inline-flex;
-}
-
-.backdrop-uiBfeV {
-  background-color: color-mix(in srgb,
-    var(--wst-system-default-dark-color, #212121) 60%,
-    transparent);
-  z-index: 1000;
-  position: fixed;
-  inset: 0;
-}
-
-.viewport-rOzJs7 {
-  z-index: 1001;
-  box-sizing: border-box;
-  justify-content: center;
-  align-items: center;
-  padding: 16px;
-  display: flex;
-  position: fixed;
-  inset: 0;
-  overflow-y: auto;
-}
-
-.viewport-rOzJs7 :focus-visible {
-  outline: 2px solid var(--wst-links-and-actions-color, #116dff);
-  outline-offset: 2px;
-}
-
-.popup-L9x90S {
-  background-color: var(--wst-primary-background-color, #fff);
-  box-sizing: border-box;
-  border-radius: 8px;
-  width: 100%;
-  max-width: 560px;
-  padding: 32px;
-  position: relative;
-  box-shadow: 0 4px 8px #0000001f, 0 0 4px #0000001a;
-}
-
-.close-ws9ziC {
-  cursor: pointer;
-  color: var(--wst-paragraph-2-color, #000);
-  background: none;
-  border: none;
-  border-radius: 4px;
-  justify-content: center;
-  align-items: center;
-  padding: 4px;
-  display: inline-flex;
-}
-
-.title-IeDaIJ, .description-imwSAm {
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-  overflow-wrap: break-word;
-  margin: 0;
-}
-

package/dist/Autocomplete/index.css

@@ -1,222 +0,0 @@
-.trigger-nY0jd8 {
-  appearance: none;
-  cursor: pointer;
-  color: var(--wst-paragraph-2-color, #000);
-  background: none;
-  border: none;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  width: 24px;
-  height: 24px;
-  margin: 0;
-  padding: 0;
-  display: inline-flex;
-}
-
-.inputGroup-II6FAN {
-  box-sizing: border-box;
-  width: 100%;
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-  border-width: var(--wst-system-line-1-width, 1px);
-  border-style: solid;
-  border-color: color-mix(in srgb,
-    var(--wst-system-line-1-color, #000) 60%,
-    transparent);
-  background-color: var(--wst-primary-background-color, #fff);
-  border-radius: 0;
-  align-items: center;
-  gap: 8px;
-  padding-inline: 12px;
-  display: flex;
-}
-
-.inputGroup-II6FAN:hover {
-  border-color: var(--wst-system-line-1-color, #000);
-}
-
-.inputGroup-II6FAN[data-disabled] {
-  color: var(--wst-system-disabled-color, #939393);
-  border-color: color-mix(in srgb,
-    var(--wst-system-line-1-color, #000) 60%,
-    transparent);
-  background-color: var(--wst-primary-background-color, #fff);
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.input-k82Te5 {
-  appearance: none;
-  box-sizing: border-box;
-  width: 100%;
-  min-width: 0;
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-  background: none;
-  border: none;
-  outline: none;
-  flex: 1;
-  margin: 0;
-  padding: 0;
-  padding-block: 8px;
-}
-
-.input-k82Te5::placeholder {
-  color: var(--wst-shade-3-color, #767676);
-  font: var(--wst-paragraph-2-font);
-}
-
-.input-k82Te5:disabled {
-  color: var(--wst-system-disabled-color, #939393);
-  cursor: not-allowed;
-}
-
-.input-k82Te5:hover, .input-k82Te5:focus {
-  outline: none;
-}
-
-.icon-xxqTKh {
-  width: 24px;
-  height: 24px;
-  color: var(--wst-paragraph-2-color, #000);
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  transition: transform .2s;
-  display: flex;
-}
-
-.inputGroup-II6FAN[data-disabled] .icon-xxqTKh {
-  color: var(--wst-system-disabled-color, #939393);
-}
-
-.clear-xRE3Jo {
-  appearance: none;
-  cursor: pointer;
-  width: 24px;
-  height: 24px;
-  color: var(--wst-paragraph-2-color, #000);
-  background: none;
-  border: none;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  margin: 0;
-  padding: 0;
-  display: inline-flex;
-}
-
-.list-D5iucO {
-  max-height: 300px;
-  margin: 0;
-  padding-block: 8px;
-  padding-inline: 0;
-  list-style: none;
-  overflow-y: auto;
-}
-
-.list-D5iucO::-webkit-scrollbar {
-  width: 4px;
-}
-
-.list-D5iucO::-webkit-scrollbar-button {
-  display: none;
-}
-
-.list-D5iucO::-webkit-scrollbar-thumb {
-  background-color: color-mix(in srgb,
-    var(--wst-paragraph-2-color, #000) 30%,
-    transparent);
-  border-radius: 2px;
-}
-
-.status-xcX72u {
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  width: 1px;
-  height: 1px;
-  position: absolute;
-  overflow: hidden;
-}
-
-.backdrop-sjLHGs {
-  z-index: 1000;
-  background-color: #0000;
-  position: fixed;
-  inset: 0;
-}
-
-.positioner-VKb66C {
-  z-index: 1001;
-}
-
-.popup-w30icg {
-  background-color: var(--wst-primary-background-color, #fff);
-  border-width: var(--wst-system-line-1-width, 1px);
-  border-style: solid;
-  border-color: color-mix(in srgb,
-    var(--wst-system-line-1-color, #000) 40%,
-    transparent);
-  box-shadow: 0 4px 16px
-    color-mix(in srgb, var(--wst-paragraph-2-color, #000) 12%, transparent);
-  min-width: var(--available-width, 160px);
-  box-sizing: border-box;
-  border-radius: 0;
-  overflow: hidden;
-}
-
-.arrow-_1k6Kj {
-  width: 10px;
-  height: 5px;
-  fill: var(--wst-primary-background-color, #fff);
-  stroke: color-mix(in srgb,
-    var(--wst-system-line-1-color, #000) 40%,
-    transparent);
-}
-
-.group-RG2nP6 {
-  padding: 0;
-}
-
-.groupLabel-mgGSHG {
-  font: var(--wst-paragraph-3-font);
-  color: var(--wst-shade-3-color, #767676);
-  padding-block: 6px;
-  padding-inline: 12px;
-  display: block;
-}
-
-.row-ay0VrR {
-  align-items: center;
-  display: flex;
-}
-
-.item-MXqW1H {
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-  cursor: pointer;
-  user-select: none;
-  outline: none;
-  align-items: center;
-  gap: 8px;
-  padding-block: 8px;
-  padding-inline: 12px;
-  list-style: none;
-  display: flex;
-}
-
-.item-MXqW1H[data-highlighted] {
-  background-color: color-mix(in srgb,
-    var(--wst-base-2-color, #000) 6%,
-    transparent);
-}
-
-.empty-P2WjlU {
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-shade-3-color, #767676);
-  text-align: center;
-  padding-block: 8px;
-  padding-inline: 12px;
-}
-

package/dist/Avatar/index.css

@@ -1,32 +0,0 @@
-.root-uFk_6F {
-  width: var(--avatar-size, 36px);
-  height: var(--avatar-size, 36px);
-  background-color: var(--wst-secondary-background-color, #e0e0e0);
-  color: var(--wst-paragraph-2-color, #000);
-  font: var(--wst-paragraph-2-font);
-  text-align: center;
-  letter-spacing: 0;
-  box-sizing: border-box;
-  border-radius: 50%;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  position: relative;
-  overflow: hidden;
-}
-
-.image-i3BrFP {
-  object-fit: cover;
-  width: 100%;
-  height: 100%;
-}
-
-.fallback-r0pagw {
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-

package/dist/Collapsible/index.css

@@ -1,45 +0,0 @@
-.root-D02Wtj {
-  background-color: var(--wst-primary-background-color, #fff);
-}
-
-.trigger-jzj48r {
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-  text-align: start;
-  cursor: pointer;
-  padding: 0;
-  background: none;
-  border: none;
-  justify-content: space-between;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
-  padding-block: 12px;
-  padding-inline: 0;
-  display: flex;
-}
-
-.trigger-jzj48r:disabled {
-  color: var(--wst-system-disabled-color, #939393);
-  cursor: default;
-  pointer-events: none;
-}
-
-.panel-TIli5f {
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-  interpolate-size: allow-keywords;
-  height: auto;
-  padding-block: 0 12px;
-  padding-inline: 0;
-  transition: height .3s cubic-bezier(.39, .11, .37, .99), padding .3s cubic-bezier(.39, .11, .37, .99);
-  overflow: hidden;
-}
-
-.root-D02Wtj:after {
-  content: "";
-  border-bottom: var(--wst-system-line-1-width, 1px) solid
-    color-mix(in srgb, var(--wst-paragraph-2-color, #000) 30%, transparent);
-  display: block;
-}
-

package/dist/Combobox/index.css

@@ -1,253 +0,0 @@
-.label-AxhKN1 {
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-  margin-bottom: 8px;
-  display: inline-block;
-}
-
-.inputGroup-j4QBzY {
-  box-sizing: border-box;
-  border-width: var(--wst-system-line-1-width, 1px);
-  border-style: solid;
-  border-color: color-mix(in srgb,
-    var(--wst-system-line-1-color, #000) 60%,
-    transparent);
-  background-color: var(--wst-primary-background-color, #fff);
-  border-radius: 0;
-  align-items: center;
-  width: 100%;
-  display: flex;
-}
-
-.inputGroup-j4QBzY:not([data-disabled]):not([data-invalid]):hover, .inputGroup-j4QBzY:not([data-disabled]):not([data-invalid]):focus-within {
-  border-color: var(--wst-system-line-1-color, #000);
-}
-
-.inputGroup-j4QBzY[data-invalid] {
-  border-color: color-mix(in srgb,
-    var(--wst-system-error-color, #df3131) 60%,
-    transparent);
-}
-
-.inputGroup-j4QBzY[data-disabled] {
-  border-color: color-mix(in srgb,
-    var(--wst-system-line-1-color, #000) 60%,
-    transparent);
-  cursor: not-allowed;
-  opacity: .6;
-}
-
-.input-V1lew7 {
-  box-sizing: border-box;
-  min-width: 0;
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-  vertical-align: middle;
-  background-color: #0000;
-  border: none;
-  outline: none;
-  flex: 1;
-  margin: 0;
-  padding-block: 8px;
-  padding-inline: 12px;
-}
-
-.input-V1lew7::placeholder {
-  color: var(--wst-shade-3-color, #767676);
-  font: var(--wst-paragraph-2-font);
-}
-
-.trigger-d9xFPE {
-  appearance: none;
-  cursor: pointer;
-  width: 36px;
-  height: 100%;
-  color: var(--wst-paragraph-2-color, #000);
-  background: none;
-  border: none;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  margin: 0;
-  padding: 0;
-  padding-inline: 8px;
-  display: inline-flex;
-}
-
-.trigger-d9xFPE[data-disabled] {
-  color: var(--wst-system-disabled-color, #939393);
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.icon-sFiTxy {
-  justify-content: center;
-  align-items: center;
-  width: 20px;
-  height: 20px;
-  transition: transform .2s;
-  display: inline-flex;
-}
-
-[data-popup-open] .icon-sFiTxy, .trigger-d9xFPE[aria-expanded="true"] .icon-sFiTxy {
-  transform: rotate(180deg);
-}
-
-.positioner-Va3ay5 {
-  z-index: 100;
-}
-
-.popup-u5vEt9 {
-  box-sizing: border-box;
-  background-color: var(--wst-primary-background-color, #fff);
-  border: var(--wst-system-line-1-width, 1px) solid
-    color-mix(in srgb, var(--wst-system-line-1-color, #000) 60%, transparent);
-  box-shadow: 0 4px 12px
-    color-mix(in srgb, var(--wst-paragraph-2-color, #000) 12%, transparent);
-  min-width: var(--anchor-width);
-  border-radius: 0;
-  overflow: hidden;
-}
-
-.list-du0h4z {
-  flex-direction: column;
-  max-height: 300px;
-  margin: 0;
-  padding-block: 4px;
-  list-style: none;
-  display: flex;
-  overflow-y: auto;
-}
-
-.groupLabel-fj4SAo {
-  font: var(--wst-paragraph-3-font);
-  color: var(--wst-shade-3-color, #767676);
-  padding-block: 6px;
-  padding-inline: 12px;
-  display: block;
-}
-
-.item-cRAzQU {
-  cursor: pointer;
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-  user-select: none;
-  align-items: center;
-  gap: 8px;
-  padding-block: 10px;
-  padding-inline: 12px;
-  display: flex;
-}
-
-.item-cRAzQU[data-highlighted] {
-  background-color: color-mix(in srgb,
-    var(--wst-base-2-color, #000) 6%,
-    transparent);
-}
-
-.item-cRAzQU[data-selected] {
-  background-color: color-mix(in srgb,
-    var(--wst-base-2-color, #000) 12%,
-    transparent);
-}
-
-.item-cRAzQU[data-highlighted][data-selected] {
-  background-color: color-mix(in srgb,
-    var(--wst-base-2-color, #000) 16%,
-    transparent);
-}
-
-.item-cRAzQU[data-disabled] {
-  color: var(--wst-system-disabled-color, #939393);
-  cursor: default;
-  pointer-events: none;
-}
-
-.itemIndicator-vKAwkz {
-  width: 16px;
-  height: 16px;
-  color: var(--wst-links-and-actions-color, #116dff);
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  display: inline-flex;
-}
-
-.chips-XV1Ctk {
-  flex-wrap: wrap;
-  gap: 4px;
-  padding: 4px;
-  display: flex;
-}
-
-.chip-YCMHpQ {
-  font: var(--wst-paragraph-3-font);
-  color: var(--wst-paragraph-2-color, #000);
-  background-color: color-mix(in srgb,
-    var(--wst-paragraph-2-color, #000) 8%,
-    transparent);
-  user-select: none;
-  border-radius: 12px;
-  align-items: center;
-  gap: 4px;
-  padding-block: 2px;
-  padding-inline: 8px;
-  display: inline-flex;
-}
-
-.chipRemove-VYdSNc {
-  appearance: none;
-  cursor: pointer;
-  color: var(--wst-paragraph-2-color, #000);
-  opacity: .6;
-  background: none;
-  border: none;
-  justify-content: center;
-  align-items: center;
-  margin: 0;
-  padding: 0;
-  line-height: 1;
-  display: inline-flex;
-}
-
-.chipRemove-VYdSNc:hover {
-  opacity: 1;
-}
-
-.row-tXxIj8 {
-  align-items: center;
-  padding-block: 10px;
-  padding-inline: 12px;
-  display: flex;
-}
-
-.empty-ypPHaj {
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-shade-3-color, #767676);
-  text-align: center;
-  padding-block: 12px;
-  padding-inline: 12px;
-  display: block;
-}
-
-.clear-UgLOma {
-  appearance: none;
-  cursor: pointer;
-  width: 28px;
-  height: 28px;
-  color: var(--wst-paragraph-2-color, #000);
-  opacity: .5;
-  background: none;
-  border: none;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  margin: 0;
-  padding: 0;
-  display: inline-flex;
-}
-
-.clear-UgLOma:hover {
-  opacity: 1;
-}
-