@vector-business-services/cristal-ds-web 0.13.0 → 0.13.1

package/dist/index.css

@@ -254,7 +254,7 @@
   background-color: var(--cr-color-fill-neutral-container);
   box-shadow: inset 0 0 0 var(--cr-stroke-x-small) var(--cr-color-stroke-neutral-base), var(--cr-elevation-gray-bottom-3);
 }
-.cr-autocomplete__panel[style*="transform-origin: bottom"] {
+.cr-autocomplete__panel[data-cr-lado=acima] {
   margin-top: calc(-1 * var(--cr-spacing-spacing-3));
 }
 .cr-autocomplete__panel > :first-child {
@@ -665,7 +665,7 @@
 .cr-checkbox__icon {
   flex-shrink: 0;
 }
-.cr-checkbox__box[data-p-highlight=true],
+.cr-checkbox__control--checked .cr-checkbox__box,
 .cr-checkbox--indeterminate .cr-checkbox__box {
   border-color: var(--cr-color-fill-brand-base);
   background-color: var(--cr-color-fill-brand-base);
@@ -680,7 +680,7 @@
 .cr-checkbox:not(.cr-checkbox--disabled):hover .cr-checkbox__box {
   border-color: var(--cr-color-stroke-neutral-bold-hover);
 }
-.cr-checkbox:not(.cr-checkbox--disabled):hover .cr-checkbox__box[data-p-highlight=true],
+.cr-checkbox:not(.cr-checkbox--disabled):hover .cr-checkbox__control--checked .cr-checkbox__box,
 .cr-checkbox--indeterminate:not(.cr-checkbox--disabled):hover .cr-checkbox__box {
   border-color: var(--cr-color-fill-brand-base-hover);
   background-color: var(--cr-color-fill-brand-base-hover);
@@ -695,7 +695,7 @@
 .cr-checkbox--disabled .cr-checkbox__box {
   border-color: var(--cr-color-stroke-disabled-base);
 }
-.cr-checkbox--disabled .cr-checkbox__box[data-p-highlight=true],
+.cr-checkbox--disabled .cr-checkbox__control--checked .cr-checkbox__box,
 .cr-checkbox--disabled.cr-checkbox--indeterminate .cr-checkbox__box {
   border-color: var(--cr-color-fill-disabled-base);
   background-color: var(--cr-color-fill-disabled-base);
@@ -1243,11 +1243,9 @@
 }
 .cr-menu--popup {
   position: absolute;
-}
-.cr-menu--popup[style*="transform-origin: center top"] {
   margin-top: var(--cr-spacing-spacing-3);
 }
-.cr-menu--popup[style*="transform-origin: center bottom"] {
+.cr-menu--popup[data-cr-lado=acima] {
   margin-top: calc(var(--cr-spacing-spacing-3) * -1);
 }
 .cr-menu__list {
@@ -1332,11 +1330,11 @@
 .cr-menu__item--selected .cr-menu__icon {
   color: var(--cr-color-icon-brand-base);
 }
-.cr-menu__item[data-p-disabled=true] .cr-menu__action {
+.cr-menu__item[aria-disabled=true] .cr-menu__action {
   color: var(--cr-color-text-disabled-base);
   cursor: not-allowed;
 }
-.cr-menu__item[data-p-disabled=true]:hover .cr-menu__action {
+.cr-menu__item[aria-disabled=true]:hover .cr-menu__action {
   background-color: var(--cr-color-fill-neutral-container);
 }
 .cr-menu__loading {
@@ -1721,11 +1719,9 @@
 .cr-menu-principal--popup {
   position: absolute;
   max-height: min(672px, calc(100dvh - var(--cr-menu-principal-topo, 0px) - var(--cr-spacing-spacing-3) - var(--cr-padding-padding-8)));
-}
-.cr-menu-principal--popup[style*="transform-origin: center top"] {
   margin-top: var(--cr-spacing-spacing-3);
 }
-.cr-menu-principal--popup[style*="transform-origin: center bottom"] {
+.cr-menu-principal--popup[data-cr-lado=acima] {
   margin-top: calc(var(--cr-spacing-spacing-3) * -1);
 }
 .cr-menu-principal__list {
@@ -2325,11 +2321,11 @@
   color: var(--cr-color-icon-inverse-base);
   font-size: 16px;
 }
-.cr-multiselect__item:hover .cr-multiselect__checkbox-box:not([data-p-highlight=true]),
-.cr-multiselect__select-all:hover .cr-multiselect__checkbox-box:not([data-p-highlight=true]) {
+.cr-multiselect__item:hover .cr-multiselect__checkbox:not(:has(.cr-multiselect__checkbox-input:checked)) .cr-multiselect__checkbox-box,
+.cr-multiselect__select-all:hover .cr-multiselect__checkbox:not(:has(.cr-multiselect__checkbox-input:checked)) .cr-multiselect__checkbox-box {
   border-color: var(--cr-color-stroke-neutral-bolder);
 }
-.cr-multiselect__checkbox-box[data-p-highlight=true] {
+.cr-multiselect__checkbox:has(.cr-multiselect__checkbox-input:checked) .cr-multiselect__checkbox-box {
   border-color: var(--cr-color-fill-brand-base);
   background-color: var(--cr-color-fill-brand-base);
 }
@@ -2575,11 +2571,9 @@
   font-weight: var(--cr-typography-body-small-14-regular-font-weight);
   line-height: var(--cr-typography-body-small-14-regular-line-height);
   letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);
-}
-.cr-select__panel[style*="transform-origin: center top"] {
   margin-top: var(--cr-spacing-spacing-3);
 }
-.cr-select__panel[style*="transform-origin: center bottom"] {
+.cr-select__panel[data-cr-lado=acima] {
   margin-top: calc(var(--cr-spacing-spacing-3) * -1);
 }
 .cr-select__wrapper {
@@ -2632,10 +2626,10 @@
   cursor: default;
 }
 .cr-select__item:hover,
-.cr-select__item[data-p-focused=true] {
+.cr-select__item--focused {
   background-color: var(--cr-color-fill-neutral-container-hover);
 }
-.cr-select__item[data-p-highlight=true] {
+.cr-select__item--selected {
   background-color: var(--cr-color-fill-selected-subtlest);
   color: var(--cr-color-text-brand-base);
 }
@@ -2767,14 +2761,14 @@
 .cr-radio__icon {
   display: none;
 }
-.cr-radio__control[data-p-checked=true] .cr-radio__box {
+.cr-radio__control--checked .cr-radio__box {
   border-width: 8px;
   border-color: var(--cr-color-stroke-brand-base);
 }
 .cr-radio:not(.cr-radio--disabled):hover .cr-radio__box {
   border-color: var(--cr-color-stroke-neutral-bold-hover);
 }
-.cr-radio:not(.cr-radio--disabled):hover .cr-radio__control[data-p-checked=true] .cr-radio__box {
+.cr-radio:not(.cr-radio--disabled):hover .cr-radio__control--checked .cr-radio__box {
   border-color: var(--cr-color-stroke-brand-base-hover);
 }
 .cr-radio__input:focus-visible + .cr-radio__box {
@@ -2785,7 +2779,7 @@
   cursor: not-allowed;
 }
 .cr-radio--disabled .cr-radio__box,
-.cr-radio--disabled .cr-radio__control[data-p-checked=true] .cr-radio__box {
+.cr-radio--disabled .cr-radio__control--checked .cr-radio__box {
   border-color: var(--cr-color-stroke-disabled-base);
 }
 .cr-radio__label {
@@ -2997,16 +2991,16 @@ body.p-scrollpanel-grabbed {
   transition: transform 150ms ease;
   content: "";
 }
-.cr-switch__control[data-p-highlight=true] .cr-switch__track {
+.cr-switch__control--checked .cr-switch__track {
   background-color: var(--cr-color-fill-brand-base);
 }
-.cr-switch__control[data-p-highlight=true] .cr-switch__track::before {
+.cr-switch__control--checked .cr-switch__track::before {
   transform: translateX(calc(var(--cr-switch-width) - var(--cr-switch-thumb) - var(--cr-switch-inset) * 2));
 }
 .cr-switch:not(.cr-switch--disabled):hover .cr-switch__track {
   background-color: var(--cr-color-fill-neutral-subtle-hover);
 }
-.cr-switch:not(.cr-switch--disabled):hover .cr-switch__control[data-p-highlight=true] .cr-switch__track {
+.cr-switch:not(.cr-switch--disabled):hover .cr-switch__control--checked .cr-switch__track {
   background-color: var(--cr-color-fill-brand-base-hover);
 }
 .cr-switch__input:focus-visible + .cr-switch__track {
@@ -3016,7 +3010,7 @@ body.p-scrollpanel-grabbed {
   cursor: not-allowed;
 }
 .cr-switch--disabled .cr-switch__track,
-.cr-switch--disabled .cr-switch__control[data-p-highlight=true] .cr-switch__track {
+.cr-switch--disabled .cr-switch__control--checked .cr-switch__track {
   background-color: var(--cr-color-fill-disabled-base);
 }
 .cr-switch--disabled .cr-switch__track::before {