@wix/site-ui 1.187.0 → 1.189.0

package/dist/Progress/index.css

@@ -1,36 +0,0 @@
-.root-VDHmKD {
-  flex-direction: row;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  display: flex;
-}
-
-.track-_XqaKn {
-  height: var(--progress-size, 6px);
-  border-radius: calc(var(--progress-size, 6px) / 2);
-  background-color: var(--wst-secondary-background-color, #e0e0e0);
-  flex: 1;
-  position: relative;
-  overflow: hidden;
-}
-
-.indicator-lfO9jO {
-  border-radius: calc(var(--progress-size, 6px) / 2);
-  background-color: var(--wst-links-and-actions-color, #116dff);
-  height: 100%;
-  transition: width .3s;
-}
-
-.value-SBk4OI {
-  font: var(--wst-paragraph-3-font);
-  color: var(--wst-paragraph-3-color, #000);
-  white-space: nowrap;
-  flex-shrink: 0;
-}
-
-.label-HqgXxt {
-  font: var(--wst-paragraph-3-font);
-  color: var(--wst-paragraph-2-color, #000);
-}
-

package/dist/ScrollArea/index.css

@@ -1,47 +0,0 @@
-.root-_9VjLl {
-  position: relative;
-  overflow: hidden;
-}
-
-.viewport-AtdxVk {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-}
-
-.scrollbar-NftRcM {
-  touch-action: none;
-  user-select: none;
-  background-color: var(--wst-secondary-background-color, transparent);
-  display: flex;
-}
-
-.scrollbar-NftRcM[data-orientation="vertical"] {
-  flex-direction: column;
-  width: 8px;
-}
-
-.scrollbar-NftRcM[data-orientation="horizontal"] {
-  flex-direction: row;
-  height: 8px;
-}
-
-.thumb-qKKUxU {
-  background-color: color-mix(in srgb,
-    var(--wst-base-2-color, #000) 30%,
-    transparent);
-  border-radius: 4px;
-  flex: 1;
-  position: relative;
-}
-
-.thumb-qKKUxU:hover {
-  background-color: color-mix(in srgb,
-    var(--wst-base-2-color, #000) 50%,
-    transparent);
-}
-
-.corner-Ev0G3O {
-  background-color: var(--wst-secondary-background-color, transparent);
-}
-

package/dist/Slider/index.css

@@ -1,81 +0,0 @@
-.root-uI1zMj {
-  flex-direction: column;
-  gap: 4px;
-  width: 100%;
-  display: flex;
-}
-
-.label-MkH3nw {
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-}
-
-.value-ZbXzRd {
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-  justify-content: space-between;
-  display: flex;
-}
-
-.control-_J8a2_ {
-  box-sizing: border-box;
-  cursor: pointer;
-  align-items: center;
-  width: 100%;
-  padding-block: 8px;
-  display: flex;
-  position: relative;
-}
-
-.track-WMB__l {
-  background-color: color-mix(in srgb,
-    var(--wst-paragraph-2-color, #000) 20%,
-    transparent);
-  border-radius: 2px;
-  width: 100%;
-  height: 4px;
-  position: relative;
-}
-
-.indicator-uJyfNg {
-  background-color: var(--wst-links-and-actions-color, #116dff);
-  border-radius: 2px;
-  position: absolute;
-  inset-block: 0;
-}
-
-.thumb-oReKer {
-  width: var(--slider-size, 16px);
-  height: var(--slider-size, 16px);
-  background-color: var(--wst-links-and-actions-color, #116dff);
-  box-shadow: 0 0 0 2px var(--wst-primary-background-color, #fff);
-  box-sizing: border-box;
-  cursor: grab;
-  border-radius: 50%;
-  outline: none;
-}
-
-.thumb-oReKer:hover {
-  background-color: color-mix(in srgb,
-    var(--wst-links-and-actions-color, #116dff) 80%,
-    #000);
-}
-
-.thumb-oReKer:focus-visible {
-  outline: 2px solid var(--wst-links-and-actions-color, #116dff);
-  outline-offset: 2px;
-}
-
-.track-WMB__l[data-disabled] {
-  background-color: color-mix(in srgb,
-    var(--wst-system-disabled-color, #939393) 30%,
-    transparent);
-  cursor: not-allowed;
-}
-
-.indicator-uJyfNg[data-disabled], .thumb-oReKer[data-disabled] {
-  background-color: var(--wst-system-disabled-color, #939393);
-  cursor: not-allowed;
-  pointer-events: none;
-}
-

package/dist/Switch/index.css

@@ -1,60 +0,0 @@
-.root-jFySXM {
-  width: var(--switch-width, 44px);
-  height: var(--switch-height, 24px);
-  box-sizing: border-box;
-  border-radius: calc(var(--switch-height, 24px) / 2);
-  background-color: color-mix(in srgb,
-    var(--wst-paragraph-2-color, #000) 30%,
-    transparent);
-  cursor: pointer;
-  -webkit-appearance: none;
-  appearance: none;
-  border: none;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  transition: background-color .2s;
-  display: inline-flex;
-  position: relative;
-}
-
-.root-jFySXM[data-checked] {
-  background-color: var(--wst-links-and-actions-color, #116dff);
-}
-
-.root-jFySXM[data-disabled] {
-  background-color: color-mix(in srgb,
-    var(--wst-system-disabled-color, #939393) 60%,
-    transparent);
-  cursor: default;
-  pointer-events: none;
-}
-
-.root-jFySXM:focus-visible {
-  outline: 2px solid var(--wst-links-and-actions-color, #116dff);
-  outline-offset: 2px;
-}
-
-.thumb-aDkgmk {
-  width: var(--switch-thumb-size, 18px);
-  height: var(--switch-thumb-size, 18px);
-  background-color: var(--wst-primary-background-color, #fff);
-  transform: translateX(calc(-1 * (var(--switch-width, 44px) - var(--switch-thumb-size, 18px)) / 2 +
-        2px));
-  border-radius: 50%;
-  transition: transform .2s;
-  position: absolute;
-  box-shadow: 0 1px 5px #0000004d;
-}
-
-.root-jFySXM[data-checked] .thumb-aDkgmk {
-  transform: translateX(calc((var(--switch-width, 44px) - var(--switch-thumb-size, 18px)) / 2 - 2px));
-}
-
-.root-jFySXM[data-disabled] .thumb-aDkgmk {
-  background-color: color-mix(in srgb,
-    var(--wst-primary-background-color, #fff) 70%,
-    transparent);
-  box-shadow: none;
-}
-

package/dist/Toolbar/index.css

@@ -1,106 +0,0 @@
-.root-TasA57 {
-  flex-direction: row;
-  align-items: center;
-  gap: 2px;
-  padding: 4px;
-  display: flex;
-}
-
-.group-gw9JGb {
-  flex-direction: row;
-  align-items: center;
-  gap: 2px;
-  display: flex;
-}
-
-.button-VwIpOv {
-  cursor: pointer;
-  color: var(--wst-paragraph-2-color, #000);
-  font: var(--wst-paragraph-2-font);
-  box-sizing: border-box;
-  background: none;
-  border: none;
-  border-radius: 4px;
-  outline: none;
-  justify-content: center;
-  align-items: center;
-  padding: 6px;
-  line-height: 0;
-  transition: background-color .15s;
-  display: inline-flex;
-}
-
-.button-VwIpOv:hover:not(:disabled) {
-  background-color: color-mix(in srgb, var(--wst-base-2-color) 6%, transparent);
-}
-
-.button-VwIpOv[data-pressed] {
-  color: var(--wst-links-and-actions-color, #116dff);
-  background-color: color-mix(in srgb,
-    var(--wst-base-2-color) 12%,
-    transparent);
-}
-
-.button-VwIpOv:disabled {
-  color: var(--wst-system-disabled-color, #939393);
-  cursor: default;
-  pointer-events: none;
-}
-
-.button-VwIpOv:focus-visible {
-  outline: 2px solid var(--wst-links-and-actions-color, #116dff);
-  outline-offset: 2px;
-}
-
-.link-ONsUed {
-  color: var(--wst-paragraph-2-color, #000);
-  font: var(--wst-paragraph-2-font);
-  box-sizing: border-box;
-  border-radius: 4px;
-  outline: none;
-  justify-content: center;
-  align-items: center;
-  padding: 6px;
-  line-height: 0;
-  text-decoration: none;
-  transition: background-color .15s;
-  display: inline-flex;
-}
-
-.link-ONsUed:hover {
-  background-color: color-mix(in srgb, var(--wst-base-2-color) 6%, transparent);
-  color: var(--wst-links-and-actions-color, #116dff);
-}
-
-.link-ONsUed:focus-visible {
-  outline: 2px solid var(--wst-links-and-actions-color, #116dff);
-  outline-offset: 2px;
-}
-
-.input-BIEb11 {
-  font: var(--wst-paragraph-2-font);
-  color: var(--wst-paragraph-2-color, #000);
-  border: var(--wst-system-line-1-width, 1px) solid
-    color-mix(in srgb, var(--wst-system-line-1-color, #000) 60%, transparent);
-  box-sizing: border-box;
-  background: none;
-  border-radius: 4px;
-  outline: none;
-  padding: 4px 8px;
-}
-
-.input-BIEb11:focus-visible {
-  outline: 2px solid var(--wst-links-and-actions-color, #116dff);
-  outline-offset: 2px;
-}
-
-.separator-pZlgb3 {
-  width: var(--wst-system-line-1-width, 1px);
-  background-color: color-mix(in srgb,
-    var(--wst-system-line-1-color, #000) 60%,
-    transparent);
-  flex-shrink: 0;
-  height: 20px;
-  margin: 0 4px;
-}
-

package/dist/Tooltip/index.css

@@ -1,84 +0,0 @@
-.trigger-xVlrp2 {
-  display: inline-flex;
-}
-
-.positioner-sRKHj5 {
-  z-index: 9999;
-}
-
-.positioner-sRKHj5[data-side="top"] {
-  padding-bottom: 6px;
-}
-
-.positioner-sRKHj5[data-side="bottom"] {
-  padding-top: 6px;
-}
-
-.positioner-sRKHj5[data-side="left"] {
-  padding-right: 6px;
-}
-
-.positioner-sRKHj5[data-side="right"] {
-  padding-left: 6px;
-}
-
-.positioner-sRKHj5[data-side="top"] .popup-V_41k4 {
-  transform-origin: bottom;
-}
-
-.positioner-sRKHj5[data-side="bottom"] .popup-V_41k4 {
-  transform-origin: top;
-}
-
-.positioner-sRKHj5[data-side="left"] .popup-V_41k4 {
-  transform-origin: 100%;
-}
-
-.positioner-sRKHj5[data-side="right"] .popup-V_41k4 {
-  transform-origin: 0;
-}
-
-.popup-V_41k4 {
-  background-color: var(--wst-system-default-dark-color, #212121);
-  color: var(--wst-system-default-light-color, #fff);
-  font: var(--wst-paragraph-3-font);
-  overflow-wrap: break-word;
-  word-break: break-word;
-  border-radius: 4px;
-  max-width: 240px;
-  padding: 4px 12px;
-  transition: transform .12s cubic-bezier(.25, .46, .45, .94), opacity .12s cubic-bezier(.25, .46, .45, .94);
-  box-shadow: 0 4px 8px #0000001f, 0 0 4px #0000001a;
-}
-
-.popup-V_41k4[data-starting-style], .popup-V_41k4[data-ending-style] {
-  opacity: 0;
-}
-
-.positioner-sRKHj5[data-side="top"] .popup-V_41k4[data-starting-style] {
-  transform: scale(.9) translateY(3px);
-}
-
-.positioner-sRKHj5[data-side="bottom"] .popup-V_41k4[data-starting-style] {
-  transform: scale(.9) translateY(-3px);
-}
-
-.positioner-sRKHj5[data-side="left"] .popup-V_41k4[data-starting-style] {
-  transform: scale(.9) translateX(10px);
-}
-
-.positioner-sRKHj5[data-side="right"] .popup-V_41k4[data-starting-style] {
-  transform: scale(.9) translateX(-10px);
-}
-
-.popup-V_41k4[data-ending-style] {
-  transition: transform 80ms linear, opacity 80ms linear;
-}
-
-.arrow-aUAEXL {
-  background-color: var(--wst-system-default-dark-color, #212121);
-  width: 8px;
-  height: 8px;
-  rotate: 45deg;
-}
-