@rarui/components 1.24.2-rc.1 → 1.24.2-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/custom-elements.json +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +10 -6
  4. package/package.json +1 -1
package/custom-elements.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.24.2-rc.1",
2
+ "version": "1.24.2-rc.3",
3
3
  "tags": [
4
4
  {
5
5
  "name": "rarui-avatar",
package/dist/index.d.ts CHANGED
@@ -18764,7 +18764,7 @@ declare global {
18764
18764
  *
18765
18765
  * See [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/input/checkbox) for more details.
18766
18766
  */
18767
- type CheckboxManifestProperties = Pick<CheckboxProps, 'error' | 'size' | 'indeterminate'> & {
18767
+ type CheckboxManifestProperties = Pick<CheckboxProps, "error" | "size" | "indeterminate"> & {
18768
18768
  /**
18769
18769
  * Controls the checked state of the checkbox.
18770
18770
  *
package/dist/index.js CHANGED
@@ -101,7 +101,7 @@ const _r=r=>(i,o)=>{void 0!==o?o.addInitializer((()=>{customElements.define(r,i)
101
101
  ></div>`}};Zi.styles=t`
102
102
  ${e(".rarui-divider__hzl8zj0 {\n border-width: 0;\n}\n@media screen and (min-width: 0px) {\n .rarui-divider_width-xs__hzl8zj5 {\n width: var(--width-xs__hzl8zj1);\n }\n .rarui-divider_height-xs__hzl8zjd {\n height: var(--height-xs__hzl8zj9);\n }\n .rarui-divider_borderColor-transparent-xs__hzl8zjh {\n border-color: transparent;\n }\n .rarui-divider_borderColor-brand-xs__hzl8zjl {\n border-color: var(--rarui-colors-border-brand);\n }\n .rarui-divider_borderColor-brand-alt-xs__hzl8zjp {\n border-color: var(--rarui-colors-border-brand-alt);\n }\n .rarui-divider_borderColor-disabled-xs__hzl8zjt {\n border-color: var(--rarui-colors-border-disabled);\n }\n .rarui-divider_borderColor-divider-xs__hzl8zjx {\n border-color: var(--rarui-colors-border-divider);\n }\n .rarui-divider_borderColor-error-xs__hzl8zj11 {\n border-color: var(--rarui-colors-border-error);\n }\n .rarui-divider_borderColor-info-xs__hzl8zj15 {\n border-color: var(--rarui-colors-border-info);\n }\n .rarui-divider_borderColor-invert-xs__hzl8zj19 {\n border-color: var(--rarui-colors-border-invert);\n }\n .rarui-divider_borderColor-invert-disabled-xs__hzl8zj1d {\n border-color: var(--rarui-colors-border-invert-disabled);\n }\n .rarui-divider_borderColor-primary-xs__hzl8zj1h {\n border-color: var(--rarui-colors-border-primary);\n }\n .rarui-divider_borderColor-secondary-xs__hzl8zj1l {\n border-color: var(--rarui-colors-border-secondary);\n }\n .rarui-divider_borderColor-subdued-xs__hzl8zj1p {\n border-color: var(--rarui-colors-border-subdued);\n }\n .rarui-divider_borderColor-success-xs__hzl8zj1t {\n border-color: var(--rarui-colors-border-success);\n }\n .rarui-divider_borderColor-warning-xs__hzl8zj1x {\n border-color: var(--rarui-colors-border-warning);\n }\n .rarui-divider_borderStyle-solid-xs__hzl8zj21 {\n border-style: solid;\n }\n .rarui-divider_borderStyle-dashed-xs__hzl8zj25 {\n border-style: dashed;\n }\n .rarui-divider_borderTopWidth-1-xs__hzl8zj29 {\n border-top-width: 1px;\n }\n .rarui-divider_borderTopWidth-2-xs__hzl8zj2d {\n border-top-width: 2px;\n }\n .rarui-divider_borderLeftWidth-1-xs__hzl8zj2h {\n border-left-width: 1px;\n }\n .rarui-divider_borderLeftWidth-2-xs__hzl8zj2l {\n border-left-width: 2px;\n }\n}\n@media screen and (min-width: 768px) {\n .rarui-divider_width-md__hzl8zj6 {\n width: var(--width-md__hzl8zj2);\n }\n .rarui-divider_height-md__hzl8zje {\n height: var(--height-md__hzl8zja);\n }\n .rarui-divider_borderColor-transparent-md__hzl8zji {\n border-color: transparent;\n }\n .rarui-divider_borderColor-brand-md__hzl8zjm {\n border-color: var(--rarui-colors-border-brand);\n }\n .rarui-divider_borderColor-brand-alt-md__hzl8zjq {\n border-color: var(--rarui-colors-border-brand-alt);\n }\n .rarui-divider_borderColor-disabled-md__hzl8zju {\n border-color: var(--rarui-colors-border-disabled);\n }\n .rarui-divider_borderColor-divider-md__hzl8zjy {\n border-color: var(--rarui-colors-border-divider);\n }\n .rarui-divider_borderColor-error-md__hzl8zj12 {\n border-color: var(--rarui-colors-border-error);\n }\n .rarui-divider_borderColor-info-md__hzl8zj16 {\n border-color: var(--rarui-colors-border-info);\n }\n .rarui-divider_borderColor-invert-md__hzl8zj1a {\n border-color: var(--rarui-colors-border-invert);\n }\n .rarui-divider_borderColor-invert-disabled-md__hzl8zj1e {\n border-color: var(--rarui-colors-border-invert-disabled);\n }\n .rarui-divider_borderColor-primary-md__hzl8zj1i {\n border-color: var(--rarui-colors-border-primary);\n }\n .rarui-divider_borderColor-secondary-md__hzl8zj1m {\n border-color: var(--rarui-colors-border-secondary);\n }\n .rarui-divider_borderColor-subdued-md__hzl8zj1q {\n border-color: var(--rarui-colors-border-subdued);\n }\n .rarui-divider_borderColor-success-md__hzl8zj1u {\n border-color: var(--rarui-colors-border-success);\n }\n .rarui-divider_borderColor-warning-md__hzl8zj1y {\n border-color: var(--rarui-colors-border-warning);\n }\n .rarui-divider_borderStyle-solid-md__hzl8zj22 {\n border-style: solid;\n }\n .rarui-divider_borderStyle-dashed-md__hzl8zj26 {\n border-style: dashed;\n }\n .rarui-divider_borderTopWidth-1-md__hzl8zj2a {\n border-top-width: 1px;\n }\n .rarui-divider_borderTopWidth-2-md__hzl8zj2e {\n border-top-width: 2px;\n }\n .rarui-divider_borderLeftWidth-1-md__hzl8zj2i {\n border-left-width: 1px;\n }\n .rarui-divider_borderLeftWidth-2-md__hzl8zj2m {\n border-left-width: 2px;\n }\n}\n@media screen and (min-width: 1200px) {\n .rarui-divider_width-lg__hzl8zj7 {\n width: var(--width-lg__hzl8zj3);\n }\n .rarui-divider_height-lg__hzl8zjf {\n height: var(--height-lg__hzl8zjb);\n }\n .rarui-divider_borderColor-transparent-lg__hzl8zjj {\n border-color: transparent;\n }\n .rarui-divider_borderColor-brand-lg__hzl8zjn {\n border-color: var(--rarui-colors-border-brand);\n }\n .rarui-divider_borderColor-brand-alt-lg__hzl8zjr {\n border-color: var(--rarui-colors-border-brand-alt);\n }\n .rarui-divider_borderColor-disabled-lg__hzl8zjv {\n border-color: var(--rarui-colors-border-disabled);\n }\n .rarui-divider_borderColor-divider-lg__hzl8zjz {\n border-color: var(--rarui-colors-border-divider);\n }\n .rarui-divider_borderColor-error-lg__hzl8zj13 {\n border-color: var(--rarui-colors-border-error);\n }\n .rarui-divider_borderColor-info-lg__hzl8zj17 {\n border-color: var(--rarui-colors-border-info);\n }\n .rarui-divider_borderColor-invert-lg__hzl8zj1b {\n border-color: var(--rarui-colors-border-invert);\n }\n .rarui-divider_borderColor-invert-disabled-lg__hzl8zj1f {\n border-color: var(--rarui-colors-border-invert-disabled);\n }\n .rarui-divider_borderColor-primary-lg__hzl8zj1j {\n border-color: var(--rarui-colors-border-primary);\n }\n .rarui-divider_borderColor-secondary-lg__hzl8zj1n {\n border-color: var(--rarui-colors-border-secondary);\n }\n .rarui-divider_borderColor-subdued-lg__hzl8zj1r {\n border-color: var(--rarui-colors-border-subdued);\n }\n .rarui-divider_borderColor-success-lg__hzl8zj1v {\n border-color: var(--rarui-colors-border-success);\n }\n .rarui-divider_borderColor-warning-lg__hzl8zj1z {\n border-color: var(--rarui-colors-border-warning);\n }\n .rarui-divider_borderStyle-solid-lg__hzl8zj23 {\n border-style: solid;\n }\n .rarui-divider_borderStyle-dashed-lg__hzl8zj27 {\n border-style: dashed;\n }\n .rarui-divider_borderTopWidth-1-lg__hzl8zj2b {\n border-top-width: 1px;\n }\n .rarui-divider_borderTopWidth-2-lg__hzl8zj2f {\n border-top-width: 2px;\n }\n .rarui-divider_borderLeftWidth-1-lg__hzl8zj2j {\n border-left-width: 1px;\n }\n .rarui-divider_borderLeftWidth-2-lg__hzl8zj2n {\n border-left-width: 2px;\n }\n}\n@media screen and (min-width: 1400px) {\n .rarui-divider_width-xl__hzl8zj8 {\n width: var(--width-xl__hzl8zj4);\n }\n .rarui-divider_height-xl__hzl8zjg {\n height: var(--height-xl__hzl8zjc);\n }\n .rarui-divider_borderColor-transparent-xl__hzl8zjk {\n border-color: transparent;\n }\n .rarui-divider_borderColor-brand-xl__hzl8zjo {\n border-color: var(--rarui-colors-border-brand);\n }\n .rarui-divider_borderColor-brand-alt-xl__hzl8zjs {\n border-color: var(--rarui-colors-border-brand-alt);\n }\n .rarui-divider_borderColor-disabled-xl__hzl8zjw {\n border-color: var(--rarui-colors-border-disabled);\n }\n .rarui-divider_borderColor-divider-xl__hzl8zj10 {\n border-color: var(--rarui-colors-border-divider);\n }\n .rarui-divider_borderColor-error-xl__hzl8zj14 {\n border-color: var(--rarui-colors-border-error);\n }\n .rarui-divider_borderColor-info-xl__hzl8zj18 {\n border-color: var(--rarui-colors-border-info);\n }\n .rarui-divider_borderColor-invert-xl__hzl8zj1c {\n border-color: var(--rarui-colors-border-invert);\n }\n .rarui-divider_borderColor-invert-disabled-xl__hzl8zj1g {\n border-color: var(--rarui-colors-border-invert-disabled);\n }\n .rarui-divider_borderColor-primary-xl__hzl8zj1k {\n border-color: var(--rarui-colors-border-primary);\n }\n .rarui-divider_borderColor-secondary-xl__hzl8zj1o {\n border-color: var(--rarui-colors-border-secondary);\n }\n .rarui-divider_borderColor-subdued-xl__hzl8zj1s {\n border-color: var(--rarui-colors-border-subdued);\n }\n .rarui-divider_borderColor-success-xl__hzl8zj1w {\n border-color: var(--rarui-colors-border-success);\n }\n .rarui-divider_borderColor-warning-xl__hzl8zj20 {\n border-color: var(--rarui-colors-border-warning);\n }\n .rarui-divider_borderStyle-solid-xl__hzl8zj24 {\n border-style: solid;\n }\n .rarui-divider_borderStyle-dashed-xl__hzl8zj28 {\n border-style: dashed;\n }\n .rarui-divider_borderTopWidth-1-xl__hzl8zj2c {\n border-top-width: 1px;\n }\n .rarui-divider_borderTopWidth-2-xl__hzl8zj2g {\n border-top-width: 2px;\n }\n .rarui-divider_borderLeftWidth-1-xl__hzl8zj2k {\n border-left-width: 1px;\n }\n .rarui-divider_borderLeftWidth-2-xl__hzl8zj2o {\n border-left-width: 2px;\n }\n}")}
103
103
  :host {
104
- display: 100%;
104
+ width: 100%;
105
105
  }
106
106
  `,r([fr()],Zi.prototype,"direction",void 0),r([fr()],Zi.prototype,"type",void 0),r([fr()],Zi.prototype,"thickness",void 0),r([fr()],Zi.prototype,"color",void 0),r([fr()],Zi.prototype,"size",void 0),Zi=r([_r("rarui-divider"),hr()],Zi);
107
107
  /**
@@ -399,10 +399,15 @@ const bo=Symbol.for(""),xo=r=>{if(r?.r===bo)return r?._$litStatic$},go=r=>({_$li
399
399
  </button>
400
400
  `}_handleClick(r){if(this.dispatchEvent(new CustomEvent("rarui-button-click",{detail:{originalEvent:r,type:this.type},bubbles:!0,composed:!0})),"submit"!==this.type||this.disabled){if("reset"===this.type&&!this.disabled){const r=this.closest("form");r&&r.reset()}}else{const r=this.closest("form");r&&r.requestSubmit()}}};Ea.styles=t`
401
401
  ${e('.rarui-button__15gxywr0 {\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n text-decoration: none;\n cursor: pointer;\n box-sizing: border-box;\n position: relative;\n font-weight: var(--rarui-fontWeight-semiBold);\n line-height: var(--rarui-lineHeight-button-l);\n font-size: var(--rarui-fontSize-button-l);\n font-family: var(--rarui-fontFamily-button);\n border-radius: var(--rarui-shape-border-radius-button);\n border-width: var(--rarui-shape-border-width-1);\n border-style: solid;\n border-color: var(--rarui-colors-surface-brand);\n}\n.rarui-button__15gxywr0:disabled {\n background: var(--rarui-colors-surface-disabled);\n border-color: var(--rarui-colors-surface-disabled);\n color: var(--rarui-colors-content-disabled);\n cursor: not-allowed;\n}\n.rarui-button__15gxywr0:focus-within {\n outline: none;\n box-shadow: var(--rarui-elevation-focus-ring);\n}\n.rarui-button__15gxywr0:after {\n content: "";\n transition: opacity 150ms ease;\n position: absolute;\n opacity: 0;\n inset: -1px;\n border-radius: var(--rarui-shape-border-radius-button);\n}\n.rarui-button__15gxywr0:hover:after {\n opacity: 1;\n}\n.rarui-button__15gxywr0:active:after {\n opacity: 1;\n}\n.rarui-button__15gxywr0:hover:disabled:after {\n opacity: 0;\n}\n.rarui-button_full_true__15gxywr1 {\n width: 100%;\n}\n.rarui-button_appearance_brand__15gxywr2 {\n background-color: var(--rarui-colors-surface-brand);\n border-color: var(--rarui-colors-surface-brand);\n color: var(--rarui-colors-content-on-brand);\n}\n.rarui-button_appearance_danger__15gxywr3 {\n background-color: var(--rarui-colors-surface-error);\n border-color: var(--rarui-colors-surface-error);\n color: var(--rarui-colors-content-on-error);\n}\n.rarui-button_appearance_success__15gxywr4 {\n background-color: var(--rarui-colors-surface-success);\n border-color: var(--rarui-colors-surface-success);\n color: var(--rarui-colors-content-on-success);\n}\n.rarui-button_appearance_warning__15gxywr5 {\n background-color: var(--rarui-colors-surface-warning);\n border-color: var(--rarui-colors-surface-warning);\n color: var(--rarui-colors-content-on-warning);\n}\n.rarui-button_appearance_neutral__15gxywr6 {\n background-color: var(--rarui-colors-surface-invert);\n border-color: var(--rarui-colors-surface-invert);\n color: var(--rarui-colors-content-invert);\n}\n.rarui-button_appearance_inverted__15gxywr7 {\n background-color: var(--rarui-colors-surface-primary);\n border-color: var(--rarui-colors-surface-primary);\n color: var(--rarui-colors-content-primary);\n}\n.rarui-button_size_large__15gxywr8 {\n gap: var(--rarui-spacing-3xs);\n padding: 0 var(--rarui-spacing-s);\n height: 3rem;\n font-size: var(--rarui-fontSize-button-l);\n}\n.rarui-button_size_medium__15gxywr9 {\n gap: var(--rarui-spacing-3xs);\n padding: 0 var(--rarui-spacing-xs);\n height: 2.5rem;\n font-size: var(--rarui-fontSize-button-m);\n}\n.rarui-button_size_small__15gxywra {\n gap: var(--rarui-spacing-4xs);\n padding: 0 var(--rarui-spacing-2xs);\n height: 2rem;\n font-size: var(--rarui-fontSize-button-s);\n}\n.rarui-button_variant_solid__15gxywrb:hover:after {\n background-color: var(--rarui-colors-surface-invert-hover);\n}\n.rarui-button_variant_solid__15gxywrb:active:after {\n border-color: var(--rarui-colors-surface-invert-press);\n background-color: var(--rarui-colors-surface-invert-press);\n}\n.rarui-button_variant_outlined__15gxywrc {\n background-color: transparent;\n}\n.rarui-button_variant_text__15gxywrd {\n background-color: transparent;\n text-decoration: underline;\n border-color: transparent;\n}\n.rarui-button_variant_tonal__15gxywre {\n border-color: transparent;\n}\n.rarui-button__compound_0__15gxywrf {\n color: var(--rarui-colors-content-brand);\n border-color: var(--rarui-colors-border-brand);\n}\n.rarui-button__compound_0__15gxywrf:hover {\n background-color: var(--rarui-colors-surface-brand-hover);\n}\n.rarui-button__compound_0__15gxywrf:active {\n background-color: var(--rarui-colors-surface-brand-press);\n}\n.rarui-button__compound_1__15gxywrg {\n color: var(--rarui-colors-content-error);\n border-color: var(--rarui-colors-border-error);\n}\n.rarui-button__compound_1__15gxywrg:hover {\n background-color: var(--rarui-colors-surface-error-hover);\n}\n.rarui-button__compound_1__15gxywrg:active {\n background-color: var(--rarui-colors-surface-error-press);\n}\n.rarui-button__compound_2__15gxywrh {\n color: var(--rarui-colors-content-success);\n border-color: var(--rarui-colors-border-success);\n}\n.rarui-button__compound_2__15gxywrh:hover {\n background-color: var(--rarui-colors-surface-success-hover);\n}\n.rarui-button__compound_2__15gxywrh:active {\n background-color: var(--rarui-colors-surface-success-press);\n}\n.rarui-button__compound_3__15gxywri {\n color: var(--rarui-colors-content-warning);\n border-color: var(--rarui-colors-border-warning);\n}\n.rarui-button__compound_3__15gxywri:hover {\n background-color: var(--rarui-colors-surface-warning-hover);\n}\n.rarui-button__compound_3__15gxywri:active {\n background-color: var(--rarui-colors-surface-warning-press);\n}\n.rarui-button__compound_4__15gxywrj {\n color: var(--rarui-colors-content-primary);\n border-color: var(--rarui-colors-border-secondary);\n}\n.rarui-button__compound_4__15gxywrj:hover {\n background-color: var(--rarui-colors-surface-hover);\n}\n.rarui-button__compound_4__15gxywrj:active {\n background-color: var(--rarui-colors-surface-press);\n}\n.rarui-button__compound_5__15gxywrk {\n color: var(--rarui-colors-content-invert);\n border-color: var(--rarui-colors-border-invert);\n}\n.rarui-button__compound_5__15gxywrk:hover {\n background-color: var(--rarui-colors-surface-invert-hover);\n}\n.rarui-button__compound_5__15gxywrk:active {\n background-color: var(--rarui-colors-surface-invert-press);\n}\n.rarui-button__compound_6__15gxywrl {\n color: var(--rarui-colors-content-brand);\n}\n.rarui-button__compound_6__15gxywrl:hover {\n background-color: var(--rarui-colors-surface-brand-hover);\n}\n.rarui-button__compound_6__15gxywrl:active {\n background-color: var(--rarui-colors-surface-brand-press);\n}\n.rarui-button__compound_7__15gxywrm {\n color: var(--rarui-colors-content-error);\n}\n.rarui-button__compound_7__15gxywrm:hover {\n background-color: var(--rarui-colors-surface-error-hover);\n}\n.rarui-button__compound_7__15gxywrm:active {\n background-color: var(--rarui-colors-surface-error-press);\n}\n.rarui-button__compound_8__15gxywrn {\n color: var(--rarui-colors-content-success);\n}\n.rarui-button__compound_8__15gxywrn:hover {\n background-color: var(--rarui-colors-surface-success-hover);\n}\n.rarui-button__compound_8__15gxywrn:active {\n background-color: var(--rarui-colors-surface-success-press);\n}\n.rarui-button__compound_9__15gxywro {\n color: var(--rarui-colors-content-warning);\n}\n.rarui-button__compound_9__15gxywro:hover {\n background-color: var(--rarui-colors-surface-warning-hover);\n}\n.rarui-button__compound_9__15gxywro:active {\n background-color: var(--rarui-colors-surface-warning-press);\n}\n.rarui-button__compound_10__15gxywrp {\n color: var(--rarui-colors-content-primary);\n}\n.rarui-button__compound_10__15gxywrp:hover {\n background-color: var(--rarui-colors-surface-hover);\n}\n.rarui-button__compound_10__15gxywrp:active {\n background-color: var(--rarui-colors-surface-press);\n}\n.rarui-button__compound_11__15gxywrq {\n color: var(--rarui-colors-content-invert);\n}\n.rarui-button__compound_11__15gxywrq:hover {\n background-color: var(--rarui-colors-surface-invert-hover);\n}\n.rarui-button__compound_11__15gxywrq:active {\n background-color: var(--rarui-colors-surface-invert-press);\n}\n.rarui-button__compound_12__15gxywrr {\n color: var(--rarui-colors-content-brand);\n background-color: var(--rarui-colors-surface-brand-subdued);\n}\n.rarui-button__compound_12__15gxywrr:hover {\n background-color: var(--rarui-colors-surface-brand-hover);\n}\n.rarui-button__compound_12__15gxywrr:active {\n background-color: var(--rarui-colors-surface-brand-press);\n}\n.rarui-button__compound_12__15gxywrr:hover {\n background-color: var(--rarui-colors-surface-brand-subdued);\n}\n.rarui-button__compound_12__15gxywrr:active {\n background-color: var(--rarui-colors-surface-brand-subdued);\n}\n.rarui-button__compound_12__15gxywrr:hover:after {\n background-color: var(--rarui-colors-surface-brand-hover);\n}\n.rarui-button__compound_12__15gxywrr:active:after {\n background-color: var(--rarui-colors-surface-brand-press);\n}\n.rarui-button__compound_13__15gxywrs {\n color: var(--rarui-colors-content-error);\n background-color: var(--rarui-colors-surface-error-subdued);\n}\n.rarui-button__compound_13__15gxywrs:hover {\n background-color: var(--rarui-colors-surface-error-hover);\n}\n.rarui-button__compound_13__15gxywrs:active {\n background-color: var(--rarui-colors-surface-error-press);\n}\n.rarui-button__compound_13__15gxywrs:hover {\n background-color: var(--rarui-colors-surface-error-subdued);\n}\n.rarui-button__compound_13__15gxywrs:active {\n background-color: var(--rarui-colors-surface-error-subdued);\n}\n.rarui-button__compound_13__15gxywrs:hover:after {\n background-color: var(--rarui-colors-surface-error-hover);\n}\n.rarui-button__compound_13__15gxywrs:active:after {\n background-color: var(--rarui-colors-surface-error-press);\n}\n.rarui-button__compound_14__15gxywrt {\n color: var(--rarui-colors-content-success);\n background-color: var(--rarui-colors-surface-success-subdued);\n}\n.rarui-button__compound_14__15gxywrt:hover {\n background-color: var(--rarui-colors-surface-success-hover);\n}\n.rarui-button__compound_14__15gxywrt:active {\n background-color: var(--rarui-colors-surface-success-press);\n}\n.rarui-button__compound_14__15gxywrt:hover {\n background-color: var(--rarui-colors-surface-success-subdued);\n}\n.rarui-button__compound_14__15gxywrt:active {\n background-color: var(--rarui-colors-surface-success-subdued);\n}\n.rarui-button__compound_14__15gxywrt:hover:after {\n background-color: var(--rarui-colors-surface-success-hover);\n}\n.rarui-button__compound_14__15gxywrt:active:after {\n background-color: var(--rarui-colors-surface-success-press);\n}\n.rarui-button__compound_15__15gxywru {\n color: var(--rarui-colors-content-warning);\n background-color: var(--rarui-colors-surface-warning-subdued);\n}\n.rarui-button__compound_15__15gxywru:hover {\n background-color: var(--rarui-colors-surface-warning-hover);\n}\n.rarui-button__compound_15__15gxywru:active {\n background-color: var(--rarui-colors-surface-warning-press);\n}\n.rarui-button__compound_15__15gxywru:hover {\n background-color: var(--rarui-colors-surface-warning-subdued);\n}\n.rarui-button__compound_15__15gxywru:active {\n background-color: var(--rarui-colors-surface-warning-subdued);\n}\n.rarui-button__compound_15__15gxywru:hover:after {\n background-color: var(--rarui-colors-surface-warning-hover);\n}\n.rarui-button__compound_15__15gxywru:active:after {\n background-color: var(--rarui-colors-surface-warning-press);\n}\n.rarui-button__compound_16__15gxywrv {\n color: var(--rarui-colors-content-primary);\n background-color: var(--rarui-colors-surface-secondary);\n}\n.rarui-button__compound_16__15gxywrv:hover {\n background-color: var(--rarui-colors-surface-hover);\n}\n.rarui-button__compound_16__15gxywrv:active {\n background-color: var(--rarui-colors-surface-press);\n}\n.rarui-button__compound_16__15gxywrv:hover {\n background-color: var(--rarui-colors-surface-secondary);\n}\n.rarui-button__compound_16__15gxywrv:active {\n background-color: var(--rarui-colors-surface-secondary);\n}\n.rarui-button__compound_16__15gxywrv:hover:after {\n background-color: var(--rarui-colors-surface-hover);\n}\n.rarui-button__compound_16__15gxywrv:active:after {\n background-color: var(--rarui-colors-surface-press);\n}\n.rarui-button__compound_17__15gxywrw {\n color: var(--rarui-colors-content-invert);\n background-color: var(--rarui-colors-surface-invert-secondary);\n}\n.rarui-button__compound_17__15gxywrw:hover {\n background-color: var(--rarui-colors-surface-invert-hover);\n}\n.rarui-button__compound_17__15gxywrw:active {\n background-color: var(--rarui-colors-surface-invert-press);\n}\n.rarui-button__compound_17__15gxywrw:hover {\n background-color: var(--rarui-colors-surface-invert-secondary);\n}\n.rarui-button__compound_17__15gxywrw:active {\n background-color: var(--rarui-colors-surface-invert-secondary);\n}\n.rarui-button__compound_17__15gxywrw:hover:after {\n background-color: var(--rarui-colors-surface-invert-hover);\n}\n.rarui-button__compound_17__15gxywrw:active:after {\n background-color: var(--rarui-colors-surface-invert-press);\n}')}
402
+
402
403
  :host {
403
404
  display: flex;
404
405
  width: fit-content;
405
406
  }
407
+
408
+ :host([full]) {
409
+ width: 100%;
410
+ }
406
411
  `,r([fr({type:String})],Ea.prototype,"type",void 0),r([fr({type:String})],Ea.prototype,"size",void 0),r([fr({type:String})],Ea.prototype,"variant",void 0),r([fr({type:String})],Ea.prototype,"appearance",void 0),r([fr({type:Boolean,converter:r=>"false"!==r})],Ea.prototype,"disabled",void 0),r([fr({type:Boolean,converter:r=>"false"!==r})],Ea.prototype,"full",void 0),r([fr({type:String})],Ea.prototype,"name",void 0),r([fr({type:String})],Ea.prototype,"value",void 0),r([fr({type:String})],Ea.prototype,"form",void 0),Ea=r([_r("rarui-button")],Ea);let Pa=class extends er{constructor(){super(),this.size="medium",this.error=!1,this.indeterminate=!1,this.disabled=!1,this.checked=!1,this.readonly=!1,this.required=!1,this._hasCheckedAttribute=!1,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._hasCheckedAttribute=this.hasAttribute("checked"),document.addEventListener("rarui-label-click",this._handleLabelClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("rarui-label-click",this._handleLabelClick.bind(this))}attributeChangedCallback(r,i,o){super.attributeChangedCallback(r,i,o),"checked"===r&&(this._hasCheckedAttribute=null!==o)}updated(r){super.updated(r),r.has("checked")&&this.input&&this._hasCheckedAttribute&&(this.input.checked=this.checked)}render(){return N`
407
412
  <label
408
413
  for="${this.readonly?"":this.id??""}"
@@ -581,7 +586,6 @@ const bo=Symbol.for(""),xo=r=>{if(r?.r===bo)return r?._$litStatic$},go=r=>({_$li
581
586
  aria-invalid="${gr(this.getAttribute("aria-invalid"))}"
582
587
  aria-required="${this.required?"true":"false"}"
583
588
  @input="${this._onInput}"
584
-
585
589
  />
586
590
 
587
591
  ${i?N`
@@ -747,9 +751,9 @@ const bo=Symbol.for(""),xo=r=>{if(r?.r===bo)return r?._$litStatic$},go=r=>({_$li
747
751
  value="${this.selectedOptions[0]?.value||""}"
748
752
  form="${gr(this.form)}"
749
753
  />
750
- `:F}handleResetOptions(r){if(r.preventDefault(),r.stopPropagation(),this.disabled)return;const i=this.selectedOptions;this.selectedOptions=[],this.requestUpdate("selectedOptions",i),this._value=[];const o=new CustomEvent("rarui-select-change",{detail:{value:[],selectedOptions:[]}});this.dispatchEvent(o)}handleDropdownOpenChange(r){!r.detail&&this.menuOpen&&(this.menuOpen=!1)}handleSelectClick(){this.disabled||(this.menuOpen=!this.menuOpen)}render(){const{className:r,style:i}=hi.sprinkle({maxHeight:this.maxHeight,...this.sprinkleAttrs});return N`
754
+ `:F}handleResetOptions(r){if(r.preventDefault(),r.stopPropagation(),this.disabled)return;const i=this.selectedOptions;this.selectedOptions=[],this.requestUpdate("selectedOptions",i),this._value=[];const o=new CustomEvent("rarui-select-change",{detail:{value:[],selectedOptions:[]}});this.dispatchEvent(o)}handleDropdownOpenChange(r){!r.detail&&this.menuOpen&&(this.menuOpen=!1)}handleSelectClick(){this.disabled||(this.menuOpen=!this.menuOpen)}render(){const{className:r,style:i}=hi.sprinkle({maxHeight:this.maxHeight,...this.sprinkleAttrs});return console.log("options",this.options),N`
751
755
  <rarui-dropdown
752
- visible=${this.menuOpen}
756
+ ?visible=${this.menuOpen}
753
757
  ?enabled-click=${!1}
754
758
  ?enabled-dismiss=${!0}
755
759
  ?enabled-flip=${this.enabledFlip}
@@ -871,9 +875,9 @@ const bo=Symbol.for(""),xo=r=>{if(r?.r===bo)return r?._$litStatic$},go=r=>({_$li
871
875
  size="medium"
872
876
  id=${r.value}
873
877
  label=${r.label}
874
- readonly=${!0}
878
+ ?readonly=${!0}
875
879
  name=${r.label}
876
- checked=${this.selectedOptions.some((i=>i.value===r.value))}
880
+ ?checked=${this.selectedOptions.some((i=>i.value===r.value))}
877
881
  ></rarui-checkbox>
878
882
  </rarui-dropdown-item>
879
883
  `:N`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rarui/components",
3
- "version": "1.24.2-rc.1",
3
+ "version": "1.24.2-rc.3",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "type": "module",