@rarui/styles 2.2.5-rc.2 → 2.3.0-rc.1

package/dist/packages/input/iconButton/rarui-iconButton.css

@@ -0,0 +1,356 @@
+.rarui-iconButton__k9hrpu0 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  cursor: pointer;
+  box-sizing: border-box;
+  position: relative;
+  gap: var(--rarui-spacing-4xs);
+  font-weight: var(--rarui-fontWeight-semiBold);
+  line-height: var(--rarui-lineHeight-button-l);
+  font-size: var(--rarui-fontSize-button-l);
+  font-family: var(--rarui-fontFamily-button);
+  border-radius: var(--rarui-shape-border-radius-2xs);
+  border-width: var(--rarui-shape-border-width-1);
+  border-style: solid;
+  border-color: var(--rarui-colors-surface-brand);
+}
+.rarui-iconButton__k9hrpu0:disabled {
+  background: var(--rarui-colors-surface-disabled);
+  border-color: var(--rarui-colors-surface-disabled);
+  color: var(--rarui-colors-content-disabled);
+  cursor: not-allowed;
+}
+.rarui-iconButton__k9hrpu0:focus-within {
+  outline: none;
+  box-shadow: var(--rarui-elevation-focus-ring);
+}
+.rarui-iconButton__k9hrpu0:after {
+  content: "";
+  transition: opacity 150ms ease;
+  position: absolute;
+  opacity: 0;
+  inset: -1px;
+  border-radius: var(--rarui-shape-border-radius-2xs);
+}
+.rarui-iconButton__k9hrpu0:hover:after {
+  opacity: 1;
+}
+.rarui-iconButton__k9hrpu0:active:after {
+  opacity: 1;
+}
+.rarui-iconButton_appearance_brand__k9hrpu1 {
+  background-color: var(--rarui-colors-surface-brand);
+  border-color: var(--rarui-colors-surface-brand);
+  color: var(--rarui-colors-content-on-brand);
+}
+.rarui-iconButton_appearance_danger__k9hrpu2 {
+  background-color: var(--rarui-colors-surface-error);
+  border-color: var(--rarui-colors-surface-error);
+  color: var(--rarui-colors-content-on-error);
+}
+.rarui-iconButton_appearance_success__k9hrpu3 {
+  background-color: var(--rarui-colors-surface-success);
+  border-color: var(--rarui-colors-surface-success);
+  color: var(--rarui-colors-content-on-success);
+}
+.rarui-iconButton_appearance_warning__k9hrpu4 {
+  background-color: var(--rarui-colors-surface-warning);
+  border-color: var(--rarui-colors-surface-warning);
+  color: var(--rarui-colors-content-on-warning);
+}
+.rarui-iconButton_appearance_neutral__k9hrpu5 {
+  background-color: var(--rarui-colors-surface-invert);
+  border-color: var(--rarui-colors-surface-invert);
+  color: var(--rarui-colors-content-invert);
+}
+.rarui-iconButton_appearance_inverted__k9hrpu6 {
+  background-color: var(--rarui-colors-surface-primary);
+  border-color: var(--rarui-colors-surface-primary);
+  color: var(--rarui-colors-content-primary);
+}
+.rarui-iconButton_size_large__k9hrpu7 {
+  height: 3rem;
+  width: 3rem;
+  font-size: var(--rarui-fontSize-button-l);
+}
+.rarui-iconButton_size_medium__k9hrpu8 {
+  height: 2.5rem;
+  width: 2.5rem;
+  font-size: var(--rarui-fontSize-button-m);
+}
+.rarui-iconButton_size_small__k9hrpu9 {
+  height: 2rem;
+  width: 2rem;
+  font-size: var(--rarui-fontSize-button-s);
+}
+.rarui-iconButton_variant_solid__k9hrpua:hover:after {
+  background-color: var(--rarui-colors-surface-hover);
+}
+.rarui-iconButton_variant_solid__k9hrpua:active:after {
+  border-color: var(--rarui-colors-surface-press);
+  background-color: var(--rarui-colors-surface-press);
+}
+.rarui-iconButton_variant_outlined__k9hrpub {
+  background-color: transparent;
+}
+.rarui-iconButton_variant_ghost__k9hrpuc {
+  background-color: transparent;
+  border-color: transparent;
+}
+.rarui-iconButton_variant_tonal__k9hrpud {
+  border-color: transparent;
+}
+.rarui-iconButton_rounded_true__k9hrpue {
+  border-radius: var(--rarui-shape-border-radius-pill);
+}
+.rarui-iconButton_rounded_true__k9hrpue:after {
+  border-radius: var(--rarui-shape-border-radius-pill);
+}
+.rarui-iconButton__compound_0__k9hrpuf {
+  color: var(--rarui-colors-content-brand);
+  border-color: var(--rarui-colors-border-brand);
+}
+.rarui-iconButton__compound_0__k9hrpuf:hover {
+  background-color: var(--rarui-colors-surface-brand-hover);
+}
+.rarui-iconButton__compound_0__k9hrpuf:active {
+  background-color: var(--rarui-colors-surface-brand-press);
+}
+.rarui-iconButton__compound_1__k9hrpug {
+  color: var(--rarui-colors-content-error);
+  border-color: var(--rarui-colors-border-error);
+}
+.rarui-iconButton__compound_1__k9hrpug:hover {
+  background-color: var(--rarui-colors-surface-error-hover);
+}
+.rarui-iconButton__compound_1__k9hrpug:active {
+  background-color: var(--rarui-colors-surface-error-press);
+}
+.rarui-iconButton__compound_2__k9hrpuh {
+  color: var(--rarui-colors-content-success);
+  border-color: var(--rarui-colors-border-success);
+}
+.rarui-iconButton__compound_2__k9hrpuh:hover {
+  background-color: var(--rarui-colors-surface-success-hover);
+}
+.rarui-iconButton__compound_2__k9hrpuh:active {
+  background-color: var(--rarui-colors-surface-success-press);
+}
+.rarui-iconButton__compound_3__k9hrpui {
+  color: var(--rarui-colors-content-warning);
+  border-color: var(--rarui-colors-border-warning);
+}
+.rarui-iconButton__compound_3__k9hrpui:hover {
+  background-color: var(--rarui-colors-surface-warning-hover);
+}
+.rarui-iconButton__compound_3__k9hrpui:active {
+  background-color: var(--rarui-colors-surface-warning-press);
+}
+.rarui-iconButton__compound_4__k9hrpuj {
+  color: var(--rarui-colors-content-primary);
+  border-color: var(--rarui-colors-border-secondary);
+}
+.rarui-iconButton__compound_4__k9hrpuj:hover {
+  background-color: var(--rarui-colors-surface-hover);
+}
+.rarui-iconButton__compound_4__k9hrpuj:active {
+  background-color: var(--rarui-colors-surface-press);
+}
+.rarui-iconButton__compound_5__k9hrpuk {
+  color: var(--rarui-colors-content-invert);
+  border-color: var(--rarui-colors-border-invert);
+}
+.rarui-iconButton__compound_5__k9hrpuk:hover {
+  background-color: var(--rarui-colors-surface-invert-hover);
+}
+.rarui-iconButton__compound_5__k9hrpuk:active {
+  background-color: var(--rarui-colors-surface-invert-press);
+}
+.rarui-iconButton__compound_6__k9hrpul {
+  color: var(--rarui-colors-content-brand);
+}
+.rarui-iconButton__compound_6__k9hrpul:hover {
+  background-color: var(--rarui-colors-surface-brand-hover);
+}
+.rarui-iconButton__compound_6__k9hrpul:active {
+  background-color: var(--rarui-colors-surface-brand-press);
+}
+.rarui-iconButton__compound_7__k9hrpum {
+  color: var(--rarui-colors-content-error);
+}
+.rarui-iconButton__compound_7__k9hrpum:hover {
+  background-color: var(--rarui-colors-surface-error-hover);
+}
+.rarui-iconButton__compound_7__k9hrpum:active {
+  background-color: var(--rarui-colors-surface-error-press);
+}
+.rarui-iconButton__compound_8__k9hrpun {
+  color: var(--rarui-colors-content-success);
+}
+.rarui-iconButton__compound_8__k9hrpun:hover {
+  background-color: var(--rarui-colors-surface-success-hover);
+}
+.rarui-iconButton__compound_8__k9hrpun:active {
+  background-color: var(--rarui-colors-surface-success-press);
+}
+.rarui-iconButton__compound_9__k9hrpuo {
+  color: var(--rarui-colors-content-warning);
+}
+.rarui-iconButton__compound_9__k9hrpuo:hover {
+  background-color: var(--rarui-colors-surface-warning-hover);
+}
+.rarui-iconButton__compound_9__k9hrpuo:active {
+  background-color: var(--rarui-colors-surface-warning-press);
+}
+.rarui-iconButton__compound_10__k9hrpup {
+  color: var(--rarui-colors-content-primary);
+}
+.rarui-iconButton__compound_10__k9hrpup:hover {
+  background-color: var(--rarui-colors-surface-hover);
+}
+.rarui-iconButton__compound_10__k9hrpup:active {
+  background-color: var(--rarui-colors-surface-press);
+}
+.rarui-iconButton__compound_11__k9hrpuq {
+  color: var(--rarui-colors-content-invert);
+}
+.rarui-iconButton__compound_11__k9hrpuq:hover {
+  background-color: var(--rarui-colors-surface-invert-hover);
+}
+.rarui-iconButton__compound_11__k9hrpuq:active {
+  background-color: var(--rarui-colors-surface-invert-press);
+}
+.rarui-iconButton__compound_12__k9hrpur {
+  color: var(--rarui-colors-content-brand);
+  background-color: var(--rarui-colors-surface-brand-subdued);
+}
+.rarui-iconButton__compound_12__k9hrpur:hover {
+  background-color: var(--rarui-colors-surface-brand-hover);
+}
+.rarui-iconButton__compound_12__k9hrpur:active {
+  background-color: var(--rarui-colors-surface-brand-press);
+}
+.rarui-iconButton__compound_12__k9hrpur:hover {
+  background-color: var(--rarui-colors-surface-brand-subdued);
+}
+.rarui-iconButton__compound_12__k9hrpur:active {
+  background-color: var(--rarui-colors-surface-brand-subdued);
+}
+.rarui-iconButton__compound_12__k9hrpur:hover:after {
+  background-color: var(--rarui-colors-surface-brand-hover);
+}
+.rarui-iconButton__compound_12__k9hrpur:active:after {
+  background-color: var(--rarui-colors-surface-brand-press);
+}
+.rarui-iconButton__compound_13__k9hrpus {
+  color: var(--rarui-colors-content-error);
+  background-color: var(--rarui-colors-surface-error-subdued);
+}
+.rarui-iconButton__compound_13__k9hrpus:hover {
+  background-color: var(--rarui-colors-surface-error-hover);
+}
+.rarui-iconButton__compound_13__k9hrpus:active {
+  background-color: var(--rarui-colors-surface-error-press);
+}
+.rarui-iconButton__compound_13__k9hrpus:hover {
+  background-color: var(--rarui-colors-surface-error-subdued);
+}
+.rarui-iconButton__compound_13__k9hrpus:active {
+  background-color: var(--rarui-colors-surface-error-subdued);
+}
+.rarui-iconButton__compound_13__k9hrpus:hover:after {
+  background-color: var(--rarui-colors-surface-error-hover);
+}
+.rarui-iconButton__compound_13__k9hrpus:active:after {
+  background-color: var(--rarui-colors-surface-error-press);
+}
+.rarui-iconButton__compound_14__k9hrput {
+  color: var(--rarui-colors-content-success);
+  background-color: var(--rarui-colors-surface-success-subdued);
+}
+.rarui-iconButton__compound_14__k9hrput:hover {
+  background-color: var(--rarui-colors-surface-success-hover);
+}
+.rarui-iconButton__compound_14__k9hrput:active {
+  background-color: var(--rarui-colors-surface-success-press);
+}
+.rarui-iconButton__compound_14__k9hrput:hover {
+  background-color: var(--rarui-colors-surface-success-subdued);
+}
+.rarui-iconButton__compound_14__k9hrput:active {
+  background-color: var(--rarui-colors-surface-success-subdued);
+}
+.rarui-iconButton__compound_14__k9hrput:hover:after {
+  background-color: var(--rarui-colors-surface-success-hover);
+}
+.rarui-iconButton__compound_14__k9hrput:active:after {
+  background-color: var(--rarui-colors-surface-success-press);
+}
+.rarui-iconButton__compound_15__k9hrpuu {
+  color: var(--rarui-colors-content-warning);
+  background-color: var(--rarui-colors-surface-warning-subdued);
+}
+.rarui-iconButton__compound_15__k9hrpuu:hover {
+  background-color: var(--rarui-colors-surface-warning-hover);
+}
+.rarui-iconButton__compound_15__k9hrpuu:active {
+  background-color: var(--rarui-colors-surface-warning-press);
+}
+.rarui-iconButton__compound_15__k9hrpuu:hover {
+  background-color: var(--rarui-colors-surface-warning-subdued);
+}
+.rarui-iconButton__compound_15__k9hrpuu:active {
+  background-color: var(--rarui-colors-surface-warning-subdued);
+}
+.rarui-iconButton__compound_15__k9hrpuu:hover:after {
+  background-color: var(--rarui-colors-surface-warning-hover);
+}
+.rarui-iconButton__compound_15__k9hrpuu:active:after {
+  background-color: var(--rarui-colors-surface-warning-press);
+}
+.rarui-iconButton__compound_16__k9hrpuv {
+  color: var(--rarui-colors-content-primary);
+  background-color: var(--rarui-colors-surface-secondary);
+}
+.rarui-iconButton__compound_16__k9hrpuv:hover {
+  background-color: var(--rarui-colors-surface-hover);
+}
+.rarui-iconButton__compound_16__k9hrpuv:active {
+  background-color: var(--rarui-colors-surface-press);
+}
+.rarui-iconButton__compound_16__k9hrpuv:hover {
+  background-color: var(--rarui-colors-surface-secondary);
+}
+.rarui-iconButton__compound_16__k9hrpuv:active {
+  background-color: var(--rarui-colors-surface-secondary);
+}
+.rarui-iconButton__compound_16__k9hrpuv:hover:after {
+  background-color: var(--rarui-colors-surface-hover);
+}
+.rarui-iconButton__compound_16__k9hrpuv:active:after {
+  background-color: var(--rarui-colors-surface-press);
+}
+.rarui-iconButton__compound_17__k9hrpuw {
+  color: var(--rarui-colors-content-invert);
+  background-color: var(--rarui-colors-surface-invert-secondary);
+}
+.rarui-iconButton__compound_17__k9hrpuw:hover {
+  background-color: var(--rarui-colors-surface-invert-hover);
+}
+.rarui-iconButton__compound_17__k9hrpuw:active {
+  background-color: var(--rarui-colors-surface-invert-press);
+}
+.rarui-iconButton__compound_17__k9hrpuw:hover {
+  background-color: var(--rarui-colors-surface-invert-secondary);
+}
+.rarui-iconButton__compound_17__k9hrpuw:active {
+  background-color: var(--rarui-colors-surface-invert-secondary);
+}
+.rarui-iconButton__compound_17__k9hrpuw:hover:after {
+  background-color: var(--rarui-colors-surface-invert-hover);
+}
+.rarui-iconButton__compound_17__k9hrpuw:active:after {
+  background-color: var(--rarui-colors-surface-invert-press);
+}

package/dist/packages/input/iconButton/rarui-iconButton.css.js

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-iconButton.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var n={iconButton:a({defaultClassName:"rarui-iconButton__k9hrpu0",variantClassNames:{appearance:{brand:"rarui-iconButton_appearance_brand__k9hrpu1",danger:"rarui-iconButton_appearance_danger__k9hrpu2",success:"rarui-iconButton_appearance_success__k9hrpu3",warning:"rarui-iconButton_appearance_warning__k9hrpu4",neutral:"rarui-iconButton_appearance_neutral__k9hrpu5",inverted:"rarui-iconButton_appearance_inverted__k9hrpu6"},size:{large:"rarui-iconButton_size_large__k9hrpu7",medium:"rarui-iconButton_size_medium__k9hrpu8",small:"rarui-iconButton_size_small__k9hrpu9"},variant:{solid:"rarui-iconButton_variant_solid__k9hrpua",outlined:"rarui-iconButton_variant_outlined__k9hrpub",ghost:"rarui-iconButton_variant_ghost__k9hrpuc",tonal:"rarui-iconButton_variant_tonal__k9hrpud"},rounded:{true:"rarui-iconButton_rounded_true__k9hrpue"}},defaultVariants:{},compoundVariants:[[{appearance:"brand",variant:"outlined"},"rarui-iconButton__compound_0__k9hrpuf"],[{appearance:"danger",variant:"outlined"},"rarui-iconButton__compound_1__k9hrpug"],[{appearance:"success",variant:"outlined"},"rarui-iconButton__compound_2__k9hrpuh"],[{appearance:"warning",variant:"outlined"},"rarui-iconButton__compound_3__k9hrpui"],[{appearance:"neutral",variant:"outlined"},"rarui-iconButton__compound_4__k9hrpuj"],[{appearance:"inverted",variant:"outlined"},"rarui-iconButton__compound_5__k9hrpuk"],[{appearance:"brand",variant:"ghost"},"rarui-iconButton__compound_6__k9hrpul"],[{appearance:"danger",variant:"ghost"},"rarui-iconButton__compound_7__k9hrpum"],[{appearance:"success",variant:"ghost"},"rarui-iconButton__compound_8__k9hrpun"],[{appearance:"warning",variant:"ghost"},"rarui-iconButton__compound_9__k9hrpuo"],[{appearance:"neutral",variant:"ghost"},"rarui-iconButton__compound_10__k9hrpup"],[{appearance:"inverted",variant:"ghost"},"rarui-iconButton__compound_11__k9hrpuq"],[{appearance:"brand",variant:"tonal"},"rarui-iconButton__compound_12__k9hrpur"],[{appearance:"danger",variant:"tonal"},"rarui-iconButton__compound_13__k9hrpus"],[{appearance:"success",variant:"tonal"},"rarui-iconButton__compound_14__k9hrput"],[{appearance:"warning",variant:"tonal"},"rarui-iconButton__compound_15__k9hrpuu"],[{appearance:"neutral",variant:"tonal"},"rarui-iconButton__compound_16__k9hrpuv"],[{appearance:"inverted",variant:"tonal"},"rarui-iconButton__compound_17__k9hrpuw"]]})};export{n as iconButtonStyles};

package/dist/packages/input/input/index.js

@@ -0,0 +1 @@
+import{__assign as r}from"tslib";import{styles as s}from"./rarui-input.css.js";var i={classnames:r({},s)};export{i as input};

package/dist/packages/input/input/rarui-input.css

@@ -0,0 +1,171 @@
+.rarui-input_container__lq13ap0 {
+  display: flex;
+  align-items: stretch;
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  border-style: solid;
+  transition: all 150ms ease;
+  border-radius: var(--rarui-shape-border-radius-input);
+  border-color: var(--rarui-colors-border-secondary);
+}
+.rarui-input_container__lq13ap0:hover {
+  border-color: var(--rarui-colors-border-primary);
+}
+.rarui-input_container__lq13ap0:focus {
+  border-color: var(--rarui-colors-border-primary);
+}
+.rarui-input_container__lq13ap0:focus-within {
+  outline: none;
+  box-shadow: var(--rarui-elevation-focus-ring);
+}
+.rarui-input_container__lq13ap0:has(input:disabled) {
+  border-color: var(--rarui-colors-surface-disabled);
+}
+.rarui-input_container_appearance_success__lq13ap1 {
+  border-color: var(--rarui-colors-border-success);
+}
+.rarui-input_container_appearance_success__lq13ap1:hover {
+  border-color: var(--rarui-colors-border-success);
+}
+.rarui-input_container_appearance_success__lq13ap1:focus {
+  border-color: var(--rarui-colors-border-success);
+}
+.rarui-input_container_appearance_error__lq13ap2 {
+  border-color: var(--rarui-colors-border-error);
+}
+.rarui-input_container_appearance_error__lq13ap2:hover {
+  border-color: var(--rarui-colors-border-error);
+}
+.rarui-input_container_appearance_error__lq13ap2:focus {
+  border-color: var(--rarui-colors-border-error);
+}
+.rarui-input_container_border_true__lq13ap3 {
+  border-width: var(--rarui-shape-border-width-1);
+}
+.rarui-input_container_border_false__lq13ap4 {
+  border-width: 0;
+}
+.rarui-input_container_size_large__lq13ap5 {
+  height: 3rem;
+}
+.rarui-input_container_size_medium__lq13ap6 {
+  height: 2.5rem;
+}
+.rarui-input_container_size_small__lq13ap7 {
+  height: 2rem;
+}
+.rarui-input__lq13ap8 {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  border: none;
+  padding: var(--rarui-spacing-2xs);
+  font-family: var(--rarui-fontFamily-body);
+  background-color: var(--rarui-colors-surface-primary);
+  color: var(--rarui-colors-content-primary);
+}
+.rarui-input__lq13ap8::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.rarui-input__lq13ap8::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.rarui-input__lq13ap8:focus-within {
+  outline: none;
+  box-shadow: none;
+}
+.rarui-input__lq13ap8:disabled {
+  background-color: var(--rarui-colors-surface-disabled);
+  border-color: var(--rarui-colors-surface-disabled);
+  color: var(--rarui-colors-content-disabled);
+}
+.rarui-input__lq13ap8::placeholder {
+  color: var(--rarui-colors-content-disabled);
+}
+.rarui-input__lq13ap8[type='number'] {
+  -moz-appearance: textfield;
+}
+.rarui-input_size_large__lq13apa {
+  font-size: var(--rarui-fontSize-body-l);
+  line-height: var(--rarui-lineHeight-body-xl);
+}
+.rarui-input_size_medium__lq13apb {
+  font-size: var(--rarui-fontSize-body-m);
+  line-height: var(--rarui-lineHeight-body-l);
+}
+.rarui-input_size_small__lq13apc {
+  font-size: var(--rarui-fontSize-body-s);
+  line-height: var(--rarui-lineHeight-body-m);
+  padding: 0 var(--rarui-spacing-3xs);
+}
+.rarui-input_leading__lq13apd {
+  cursor: pointer;
+  box-sizing: border-box;
+  border-right-color: transparent;
+  border-width: 0;
+  background-color: var(--rarui-colors-surface-primary);
+  color: var(--rarui-colors-content-secondary);
+}
+.rarui-input_leading_position_start__lq13ape {
+  border-right-width: var(--rarui-shape-border-width-1);
+}
+.rarui-input_leading_position_end__lq13apf {
+  border-left-width: var(--rarui-shape-border-width-1);
+}
+.rarui-input_leading_divider_true__lq13apg {
+  border-style: solid;
+  border-color: var(--rarui-colors-border-secondary);
+}
+.rarui-input_leading_divider_false__lq13aph {
+  border-right-width: 0;
+  border-left-width: 0;
+}
+.rarui-input_leading_appearance_success__lq13api {
+  color: var(--rarui-colors-content-success);
+  background-color: var(--rarui-colors-surface-success-subdued);
+  border-color: var(--rarui-colors-border-success);
+}
+.rarui-input_leading_appearance_error__lq13apj {
+  color: var(--rarui-colors-content-error);
+  background-color: var(--rarui-colors-surface-error-subdued);
+  border-color: var(--rarui-colors-border-error);
+}
+.rarui-input_leading_size_large__lq13apk {
+  padding: 0 var(--rarui-spacing-xs);
+}
+.rarui-input_leading_size_medium__lq13apl {
+  padding: 0 var(--rarui-spacing-2xs);
+}
+.rarui-input_leading_size_small__lq13apm {
+  padding: 0 var(--rarui-spacing-3xs);
+}
+.rarui-input_leading_compound_0__lq13apn {
+  padding-right: 0;
+}
+.rarui-input_leading_compound_1__lq13apo {
+  padding-left: 0;
+}
+.rarui-input_leading_compound_2__lq13app {
+  background-color: transparent;
+}
+.rarui-input_leading_compound_3__lq13apq {
+  background-color: transparent;
+}
+.rarui-input_container__lq13ap0:hover .rarui-input_leading__lq13apd {
+  border-color: var(--rarui-colors-border-primary);
+}
+.rarui-input_container__lq13ap0:hover .rarui-input_leading_appearance_success__lq13api {
+  border-color: var(--rarui-colors-border-success);
+}
+.rarui-input_container__lq13ap0:hover .rarui-input_leading_appearance_error__lq13apj {
+  border-color: var(--rarui-colors-border-error);
+}
+.rarui-input_container__lq13ap0:has(.rarui-input__lq13ap8:disabled) .rarui-input_leading__lq13apd {
+  cursor: auto;
+  border-color: var(--rarui-colors-border-disabled);
+  background-color: var(--rarui-colors-surface-disabled);
+  color: var(--rarui-colors-content-disabled);
+}

package/dist/packages/input/input/rarui-input.css.js

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-input.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var i={container:a({defaultClassName:"rarui-input_container__lq13ap0",variantClassNames:{appearance:{success:"rarui-input_container_appearance_success__lq13ap1",error:"rarui-input_container_appearance_error__lq13ap2"},border:{true:"rarui-input_container_border_true__lq13ap3",false:"rarui-input_container_border_false__lq13ap4"},size:{large:"rarui-input_container_size_large__lq13ap5",medium:"rarui-input_container_size_medium__lq13ap6",small:"rarui-input_container_size_small__lq13ap7"}},defaultVariants:{},compoundVariants:[]}),input:a({defaultClassName:"rarui-input__lq13ap8",variantClassNames:{divider:{false:"rarui-input_divider_false__lq13ap9"},size:{large:"rarui-input_size_large__lq13apa",medium:"rarui-input_size_medium__lq13apb",small:"rarui-input_size_small__lq13apc"}},defaultVariants:{},compoundVariants:[]}),leading:a({defaultClassName:"rarui-input_leading__lq13apd",variantClassNames:{position:{start:"rarui-input_leading_position_start__lq13ape",end:"rarui-input_leading_position_end__lq13apf"},divider:{true:"rarui-input_leading_divider_true__lq13apg",false:"rarui-input_leading_divider_false__lq13aph"},appearance:{success:"rarui-input_leading_appearance_success__lq13api",error:"rarui-input_leading_appearance_error__lq13apj"},size:{large:"rarui-input_leading_size_large__lq13apk",medium:"rarui-input_leading_size_medium__lq13apl",small:"rarui-input_leading_size_small__lq13apm"}},defaultVariants:{},compoundVariants:[[{position:"start",divider:!1},"rarui-input_leading_compound_0__lq13apn"],[{position:"end",divider:!1},"rarui-input_leading_compound_1__lq13apo"],[{appearance:"error",divider:!1},"rarui-input_leading_compound_2__lq13app"],[{appearance:"success",divider:!1},"rarui-input_leading_compound_3__lq13apq"]]})};export{i as styles};

package/dist/packages/input/radioButton/index.js

@@ -0,0 +1 @@
+import{__assign as r}from"tslib";import{styles as o}from"./rarui-radioButton.css.js";var s={classnames:r({},o)};export{s as radioButton};

package/dist/packages/input/radioButton/rarui-radioButton.css

@@ -0,0 +1,113 @@
+.rarui-radioButton__1d9isw70 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 100%;
+  border-style: solid;
+  position: relative;
+  cursor: pointer;
+  border-width: var(--rarui-shape-border-width-2);
+  border-color: var(--rarui-colors-border-primary);
+}
+.rarui-radioButton__1d9isw70:before {
+  content: "";
+  position: absolute;
+  border-radius: 100%;
+  transition: all 150ms ease;
+  opacity: 0;
+}
+.rarui-radioButton__1d9isw70:after {
+  content: "";
+  position: absolute;
+  border-radius: 100%;
+  transition: all 150ms ease;
+  background-color: var(--rarui-colors-content-on-brand);
+  opacity: 0;
+}
+.rarui-radioButton__1d9isw70:has(input:checked) {
+  background-color: var(--rarui-colors-surface-brand);
+  border-color: var(--rarui-colors-surface-brand);
+}
+.rarui-radioButton__1d9isw70:has(input:checked):after {
+  opacity: 1;
+}
+.rarui-radioButton__1d9isw70:hover:before {
+  opacity: 1;
+  background-color: var(--rarui-colors-surface-brand-hover);
+}
+.rarui-radioButton__1d9isw70:active:before {
+  background-color: var(--rarui-colors-surface-brand-press);
+}
+.rarui-radioButton__1d9isw70:has(input:disabled) {
+  background-color: var(--rarui-colors-surface-disabled);
+  border-color: var(--rarui-colors-border-secondary);
+}
+.rarui-radioButton__1d9isw70:has(input:disabled):before {
+  opacity: 0;
+}
+.rarui-radioButton__1d9isw70:has(input:disabled):after {
+  background-color: var(--rarui-colors-content-disabled);
+}
+.rarui-radioButton_size_small__1d9isw71 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.rarui-radioButton_size_small__1d9isw71:before {
+  width: 2rem;
+  height: 2rem;
+}
+.rarui-radioButton_size_small__1d9isw71:after {
+  width: .5rem;
+  height: .5rem;
+}
+.rarui-radioButton_size_large__1d9isw72 {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.rarui-radioButton_size_large__1d9isw72:before {
+  width: 2.75rem;
+  height: 2.75rem;
+}
+.rarui-radioButton_size_large__1d9isw72:after {
+  width: .75rem;
+  height: .75rem;
+}
+.rarui-radioButton_error_true__1d9isw73 {
+  border-color: var(--rarui-colors-border-error);
+  background-color: var(--rarui-colors-surface-primary);
+}
+.rarui-radioButton_error_true__1d9isw73:has(input:disabled) {
+  opacity: 50%;
+  background-color: var(--rarui-colors-surface-primary);
+}
+.rarui-radioButton_error_true__1d9isw73:has(input:checked) {
+  background-color: var(--rarui-colors-surface-primary);
+  border-color: var(--rarui-colors-surface-error);
+}
+.rarui-radioButton_error_true__1d9isw73:has(input:checked):after {
+  background-color: var(--rarui-colors-content-error);
+}
+.rarui-radioButton_error_true__1d9isw73:hover:before {
+  opacity: 1;
+  background-color: var(--rarui-colors-surface-error-hover);
+}
+.rarui-radioButton_error_true__1d9isw73:active:before {
+  background-color: var(--rarui-colors-surface-error-press);
+}
+.rarui-radioButton_container__1d9isw74 {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  gap: var(--rarui-spacing-3xs);
+  color: var(--rarui-colors-content-primary);
+}
+.rarui-radioButton_container__1d9isw74[aria-disabled='true'] {
+  color: var(--rarui-colors-content-disabled);
+}
+.rarui-radioButton_input__1d9isw75 {
+  position: absolute;
+  overflow: hidden;
+  opacity: 0;
+  height: 0;
+  width: 0;
+}

package/dist/packages/input/radioButton/rarui-radioButton.css.js

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-radioButton.css";import{c as r}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var a={radioButton:r({defaultClassName:"rarui-radioButton__1d9isw70",variantClassNames:{size:{small:"rarui-radioButton_size_small__1d9isw71",large:"rarui-radioButton_size_large__1d9isw72"},error:{true:"rarui-radioButton_error_true__1d9isw73"}},defaultVariants:{},compoundVariants:[]}),input:"rarui-radioButton_input__1d9isw75",container:"rarui-radioButton_container__1d9isw74"};export{a as styles};

package/dist/packages/input/select/index.js

@@ -0,0 +1 @@
+import{selectSprinkle as s,selectStyles as r}from"./rarui-select.css.js";var e={classnames:r,sprinkle:s};export{e as select};