prime-ui-kit 0.7.7 → 0.7.8

package/dist/components/index.css

@@ -7313,6 +7313,18 @@
 .Popover_popoverScroll2[data-overlay-portal-layer=drawerInModal] {
   z-index: var(--prime-sys-elevation-zIndex-popoverInDrawerInModal);
 }
+.Popover_popoverScroll2[data-overlay-portal-layer=page][data-overlay-stack=above-dropdown] {
+  z-index: var(--prime-sys-elevation-zIndex-tooltip);
+}
+.Popover_popoverScroll2[data-overlay-portal-layer=drawer][data-overlay-stack=above-dropdown] {
+  z-index: var(--prime-sys-elevation-zIndex-tooltipInDrawer);
+}
+.Popover_popoverScroll2[data-overlay-portal-layer=modal][data-overlay-stack=above-dropdown] {
+  z-index: var(--prime-sys-elevation-zIndex-tooltipInModal);
+}
+.Popover_popoverScroll2[data-overlay-portal-layer=drawerInModal][data-overlay-stack=above-dropdown] {
+  z-index: var(--prime-sys-elevation-zIndex-tooltipInDrawerInModal);
+}
 .Popover_popoverScroll2[data-size=s] {
   --dd-pad: calc((var(--prime-sys-spacing-x2) + var(--prime-sys-spacing-x3)) / 2);
   --dd-min-w: var(--prime-sys-unit-9p5rem);
@@ -8781,6 +8793,197 @@
 .TagSelect_createLabel2 {
   flex-shrink: 0;
 }
+.TagSelect_optionRowWrap2 {
+  display: flex;
+  align-items: center;
+  gap: var(--prime-sys-spacing-x1);
+  width: 100%;
+  min-width: 0;
+  padding-inline: var(--prime-sys-spacing-x3);
+  padding-block: var(--prime-sys-spacing-x2);
+  border-radius: var(--prime-sys-shape-radius-m);
+  transition: background var(--prime-sys-motion-fast) var(--prime-sys-motion-standard);
+}
+.TagSelect_optionRowWrap2:hover:not([data-disabled=true]) {
+  background: var(--prime-sys-color-action-neutralBackgroundHover);
+}
+.TagSelect_optionRowWrap2[data-highlighted=true]:not([data-disabled=true]) {
+  background: var(--prime-sys-color-action-neutralBackgroundHover);
+}
+.TagSelect_optionRowSelect2 {
+  display: flex;
+  align-items: center;
+  flex: 1 1 auto;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: none;
+  cursor: pointer;
+  background: none;
+  text-align: left;
+  font: inherit;
+  color: inherit;
+}
+.TagSelect_optionRowSelect2:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+.TagSelect_optionMenuTrigger2 {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  padding: var(--prime-sys-spacing-x1);
+  border: none;
+  border-radius: var(--prime-sys-shape-radius-s);
+  background: transparent;
+  color: var(--prime-sys-color-content-secondary);
+  cursor: pointer;
+  transition: background var(--prime-sys-motion-fast) var(--prime-sys-motion-standard), color var(--prime-sys-motion-fast) var(--prime-sys-motion-standard);
+}
+.TagSelect_optionMenuTrigger2:hover:not(:disabled) {
+  background: var(--prime-sys-color-action-neutralBackgroundHover);
+  color: var(--prime-sys-color-content-primary);
+}
+.TagSelect_optionMenuTrigger2:focus-visible {
+  outline: none;
+  box-shadow: var(--prime-sys-elevation-shadow-buttonFocus);
+}
+.TagSelect_optionMenuTrigger2:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+.TagSelect_optionMenuDots2 {
+  display: block;
+  width: var(--prime-sys-size-control-s-icon);
+  height: var(--prime-sys-size-control-s-icon);
+}
+.TagSelect_managePopoverSurface2[data-size=s] {
+  --dd-pad: var(--prime-sys-spacing-x2);
+  min-width: min(var(--prime-sys-unit-9p5rem), 100vw);
+}
+.TagSelect_managePopoverShell2 {
+  margin: 0;
+  padding: 0;
+  border: none;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--prime-sys-spacing-x2);
+  font-size: var(--prime-sys-size-control-s-text);
+  line-height: var(--prime-sys-typography-body-lineHeight);
+}
+.TagSelect_manageDelete2 {
+  justify-content: flex-start;
+  width: 100%;
+  font-size: inherit;
+}
+.TagSelect_manageDeleteIcon2 {
+  display: block;
+  flex-shrink: 0;
+  width: var(--prime-sys-size-control-s-icon);
+  height: var(--prime-sys-size-control-s-icon);
+}
+.TagSelect_manageSeparator2 {
+  width: 100%;
+  height: var(--prime-sys-border-width-control);
+  margin: 0;
+  border: none;
+  background: var(--prime-sys-color-border-separator);
+}
+.TagSelect_manageColorsHeading2 {
+  margin: 0;
+  padding-block: 0;
+  padding-inline: var(--prime-sys-size-control-s-buttonPaddingX);
+  font-size: inherit;
+  font-weight: var(--prime-sys-typography-weight-regular);
+  color: var(--prime-sys-color-content-muted);
+}
+.TagSelect_manageColorList2 {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  min-width: 0;
+  max-height: min(12rem, 45vh);
+  overflow-y: auto;
+}
+.TagSelect_manageColorRow2 {
+  display: flex;
+  align-items: center;
+  gap: var(--prime-sys-spacing-x2);
+  width: 100%;
+  min-width: 0;
+  margin: 0;
+  padding-block: var(--prime-sys-spacing-x1);
+  padding-inline: var(--prime-sys-size-control-s-buttonPaddingX);
+  border: none;
+  border-radius: var(--prime-sys-shape-radius-s);
+  cursor: pointer;
+  background: none;
+  text-align: left;
+  font-size: inherit;
+  line-height: var(--prime-sys-typography-body-lineHeight);
+  color: inherit;
+  transition: background var(--prime-sys-motion-fast) var(--prime-sys-motion-standard);
+}
+.TagSelect_manageColorRow2:hover {
+  background: var(--prime-sys-color-action-neutralBackgroundHover);
+}
+.TagSelect_manageColorSwatch2 {
+  flex-shrink: 0;
+  display: block;
+  box-sizing: border-box;
+  width: var(--prime-sys-unit-0p75rem);
+  height: var(--prime-sys-unit-0p75rem);
+  border-radius: var(--prime-sys-shape-radius-s);
+}
+.TagSelect_manageColorSwatch2[data-color=gray] {
+  background: var(--prime-sys-color-badge-grayFilled-background);
+}
+.TagSelect_manageColorSwatch2[data-color=red] {
+  background: var(--prime-sys-color-status-error-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch2[data-color=blue] {
+  background: var(--prime-sys-color-status-information-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch2[data-color=green] {
+  background: var(--prime-sys-color-status-success-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch2[data-color=orange] {
+  background: var(--prime-sys-color-status-warning-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch2[data-color=yellow] {
+  background: var(--prime-sys-color-status-away-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch2[data-color=purple] {
+  background: var(--prime-sys-color-status-feature-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch2[data-color=sky] {
+  background: var(--prime-sys-color-status-verified-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch2[data-color=pink] {
+  background: var(--prime-sys-color-badge-pink-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch2[data-color=teal] {
+  background: var(--prime-sys-color-badge-teal-backgroundEmphasis);
+}
+.TagSelect_manageColorLabel2 {
+  flex: 1 1 auto;
+  min-width: 0;
+  font-size: inherit;
+}
+.TagSelect_manageCheck2 {
+  flex-shrink: 0;
+  width: var(--prime-sys-unit-0p75rem);
+  height: var(--prime-sys-unit-0p75rem);
+  color: var(--prime-sys-color-content-primary);
+}
+.TagSelect_manageCheckPlaceholder2 {
+  flex-shrink: 0;
+  width: var(--prime-sys-unit-0p75rem);
+  height: var(--prime-sys-unit-0p75rem);
+}
 
 /* src/components/textarea/Textarea.module.css */
 .Textarea_field2 {