@rarui/styles 2.2.5 → 2.3.0-rc.1

package/dist/packages/surface/modal/rarui-modal.css

@@ -0,0 +1,169 @@
+@keyframes rarui-modal_overlayAnimation__qilkny3 {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.rarui-modal__qilkny0 {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: calc(100% - 2rem);
+  min-height: 3rem;
+  justify-content: center;
+  flex-wrap: nowrap;
+  height: auto;
+  box-sizing: border-box;
+  background-color: var(--rarui-colors-surface-primary);
+  border-radius: var(--rarui-shape-border-radius-sm);
+  padding: var(--rarui-spacing-s);
+  gap: var(--rarui-spacing-xs);
+  z-index: var(--rarui-zIndex-800);
+}
+.rarui-modal_padding_base__qilkny1 {
+  padding: var(--rarui-spacing-md) var(--rarui-spacing-s);
+}
+.rarui-modal_padding_none__qilkny2 {
+  padding: 0;
+}
+.rarui-modal_overlay__qilkny4 {
+  position: fixed;
+  background-color: var(--rarui-colors-surface-overlay);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: var(--rarui-zIndex-600);
+  border: none;
+  animation: rarui-modal_overlayAnimation__qilkny3 0.5s ease;
+}
+@media screen and (min-width: 0px) {
+  .rarui-modal_maxWidth-xs__qilkny9 {
+    max-width: var(--maxWidth-xs__qilkny5);
+  }
+  .rarui-modal_zIndex-100-xs__qilknyd {
+    z-index: var(--rarui-zIndex-100);
+  }
+  .rarui-modal_zIndex-200-xs__qilknyh {
+    z-index: var(--rarui-zIndex-200);
+  }
+  .rarui-modal_zIndex-300-xs__qilknyl {
+    z-index: var(--rarui-zIndex-300);
+  }
+  .rarui-modal_zIndex-400-xs__qilknyp {
+    z-index: var(--rarui-zIndex-400);
+  }
+  .rarui-modal_zIndex-500-xs__qilknyt {
+    z-index: var(--rarui-zIndex-500);
+  }
+  .rarui-modal_zIndex-600-xs__qilknyx {
+    z-index: var(--rarui-zIndex-600);
+  }
+  .rarui-modal_zIndex-700-xs__qilkny11 {
+    z-index: var(--rarui-zIndex-700);
+  }
+  .rarui-modal_zIndex-800-xs__qilkny15 {
+    z-index: var(--rarui-zIndex-800);
+  }
+  .rarui-modal_zIndex-900-xs__qilkny19 {
+    z-index: var(--rarui-zIndex-900);
+  }
+}
+@media screen and (min-width: 768px) {
+  .rarui-modal_maxWidth-md__qilknya {
+    max-width: var(--maxWidth-md__qilkny6);
+  }
+  .rarui-modal_zIndex-100-md__qilknye {
+    z-index: var(--rarui-zIndex-100);
+  }
+  .rarui-modal_zIndex-200-md__qilknyi {
+    z-index: var(--rarui-zIndex-200);
+  }
+  .rarui-modal_zIndex-300-md__qilknym {
+    z-index: var(--rarui-zIndex-300);
+  }
+  .rarui-modal_zIndex-400-md__qilknyq {
+    z-index: var(--rarui-zIndex-400);
+  }
+  .rarui-modal_zIndex-500-md__qilknyu {
+    z-index: var(--rarui-zIndex-500);
+  }
+  .rarui-modal_zIndex-600-md__qilknyy {
+    z-index: var(--rarui-zIndex-600);
+  }
+  .rarui-modal_zIndex-700-md__qilkny12 {
+    z-index: var(--rarui-zIndex-700);
+  }
+  .rarui-modal_zIndex-800-md__qilkny16 {
+    z-index: var(--rarui-zIndex-800);
+  }
+  .rarui-modal_zIndex-900-md__qilkny1a {
+    z-index: var(--rarui-zIndex-900);
+  }
+}
+@media screen and (min-width: 1200px) {
+  .rarui-modal_maxWidth-lg__qilknyb {
+    max-width: var(--maxWidth-lg__qilkny7);
+  }
+  .rarui-modal_zIndex-100-lg__qilknyf {
+    z-index: var(--rarui-zIndex-100);
+  }
+  .rarui-modal_zIndex-200-lg__qilknyj {
+    z-index: var(--rarui-zIndex-200);
+  }
+  .rarui-modal_zIndex-300-lg__qilknyn {
+    z-index: var(--rarui-zIndex-300);
+  }
+  .rarui-modal_zIndex-400-lg__qilknyr {
+    z-index: var(--rarui-zIndex-400);
+  }
+  .rarui-modal_zIndex-500-lg__qilknyv {
+    z-index: var(--rarui-zIndex-500);
+  }
+  .rarui-modal_zIndex-600-lg__qilknyz {
+    z-index: var(--rarui-zIndex-600);
+  }
+  .rarui-modal_zIndex-700-lg__qilkny13 {
+    z-index: var(--rarui-zIndex-700);
+  }
+  .rarui-modal_zIndex-800-lg__qilkny17 {
+    z-index: var(--rarui-zIndex-800);
+  }
+  .rarui-modal_zIndex-900-lg__qilkny1b {
+    z-index: var(--rarui-zIndex-900);
+  }
+}
+@media screen and (min-width: 1400px) {
+  .rarui-modal_maxWidth-xl__qilknyc {
+    max-width: var(--maxWidth-xl__qilkny8);
+  }
+  .rarui-modal_zIndex-100-xl__qilknyg {
+    z-index: var(--rarui-zIndex-100);
+  }
+  .rarui-modal_zIndex-200-xl__qilknyk {
+    z-index: var(--rarui-zIndex-200);
+  }
+  .rarui-modal_zIndex-300-xl__qilknyo {
+    z-index: var(--rarui-zIndex-300);
+  }
+  .rarui-modal_zIndex-400-xl__qilknys {
+    z-index: var(--rarui-zIndex-400);
+  }
+  .rarui-modal_zIndex-500-xl__qilknyw {
+    z-index: var(--rarui-zIndex-500);
+  }
+  .rarui-modal_zIndex-600-xl__qilkny10 {
+    z-index: var(--rarui-zIndex-600);
+  }
+  .rarui-modal_zIndex-700-xl__qilkny14 {
+    z-index: var(--rarui-zIndex-700);
+  }
+  .rarui-modal_zIndex-800-xl__qilkny18 {
+    z-index: var(--rarui-zIndex-800);
+  }
+  .rarui-modal_zIndex-900-xl__qilkny1c {
+    z-index: var(--rarui-zIndex-900);
+  }
+}

package/dist/packages/surface/modal/rarui-modal.css.js

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-modal.css";import{c as a}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as l}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var d=a({config:{maxWidth:{dynamic:{default:"rarui-modal_maxWidth-xs__qilkny9",conditions:{xs:"rarui-modal_maxWidth-xs__qilkny9",md:"rarui-modal_maxWidth-md__qilknya",lg:"rarui-modal_maxWidth-lg__qilknyb",xl:"rarui-modal_maxWidth-xl__qilknyc"}},name:"maxWidth",vars:{conditions:{xs:"var(--maxWidth-xs__qilkny5)",md:"var(--maxWidth-md__qilkny6)",lg:"var(--maxWidth-lg__qilkny7)",xl:"var(--maxWidth-xl__qilkny8)"},default:"var(--maxWidth-xs__qilkny5)"},dynamicScale:!0},zIndex:{values:{100:{conditions:{xs:"rarui-modal_zIndex-100-xs__qilknyd",md:"rarui-modal_zIndex-100-md__qilknye",lg:"rarui-modal_zIndex-100-lg__qilknyf",xl:"rarui-modal_zIndex-100-xl__qilknyg"},default:"rarui-modal_zIndex-100-xs__qilknyd"},200:{conditions:{xs:"rarui-modal_zIndex-200-xs__qilknyh",md:"rarui-modal_zIndex-200-md__qilknyi",lg:"rarui-modal_zIndex-200-lg__qilknyj",xl:"rarui-modal_zIndex-200-xl__qilknyk"},default:"rarui-modal_zIndex-200-xs__qilknyh"},300:{conditions:{xs:"rarui-modal_zIndex-300-xs__qilknyl",md:"rarui-modal_zIndex-300-md__qilknym",lg:"rarui-modal_zIndex-300-lg__qilknyn",xl:"rarui-modal_zIndex-300-xl__qilknyo"},default:"rarui-modal_zIndex-300-xs__qilknyl"},400:{conditions:{xs:"rarui-modal_zIndex-400-xs__qilknyp",md:"rarui-modal_zIndex-400-md__qilknyq",lg:"rarui-modal_zIndex-400-lg__qilknyr",xl:"rarui-modal_zIndex-400-xl__qilknys"},default:"rarui-modal_zIndex-400-xs__qilknyp"},500:{conditions:{xs:"rarui-modal_zIndex-500-xs__qilknyt",md:"rarui-modal_zIndex-500-md__qilknyu",lg:"rarui-modal_zIndex-500-lg__qilknyv",xl:"rarui-modal_zIndex-500-xl__qilknyw"},default:"rarui-modal_zIndex-500-xs__qilknyt"},600:{conditions:{xs:"rarui-modal_zIndex-600-xs__qilknyx",md:"rarui-modal_zIndex-600-md__qilknyy",lg:"rarui-modal_zIndex-600-lg__qilknyz",xl:"rarui-modal_zIndex-600-xl__qilkny10"},default:"rarui-modal_zIndex-600-xs__qilknyx"},700:{conditions:{xs:"rarui-modal_zIndex-700-xs__qilkny11",md:"rarui-modal_zIndex-700-md__qilkny12",lg:"rarui-modal_zIndex-700-lg__qilkny13",xl:"rarui-modal_zIndex-700-xl__qilkny14"},default:"rarui-modal_zIndex-700-xs__qilkny11"},800:{conditions:{xs:"rarui-modal_zIndex-800-xs__qilkny15",md:"rarui-modal_zIndex-800-md__qilkny16",lg:"rarui-modal_zIndex-800-lg__qilkny17",xl:"rarui-modal_zIndex-800-xl__qilkny18"},default:"rarui-modal_zIndex-800-xs__qilkny15"},900:{conditions:{xs:"rarui-modal_zIndex-900-xs__qilkny19",md:"rarui-modal_zIndex-900-md__qilkny1a",lg:"rarui-modal_zIndex-900-lg__qilkny1b",xl:"rarui-modal_zIndex-900-xl__qilkny1c"},default:"rarui-modal_zIndex-900-xs__qilkny19"}},name:"zIndex",staticScale:{100:"var(--rarui-zIndex-100)",200:"var(--rarui-zIndex-200)",300:"var(--rarui-zIndex-300)",400:"var(--rarui-zIndex-400)",500:"var(--rarui-zIndex-500)",600:"var(--rarui-zIndex-600)",700:"var(--rarui-zIndex-700)",800:"var(--rarui-zIndex-800)",900:"var(--rarui-zIndex-900)"}}}}),i={modal:l({defaultClassName:"rarui-modal__qilkny0",variantClassNames:{padding:{base:"rarui-modal_padding_base__qilkny1",none:"rarui-modal_padding_none__qilkny2"}},defaultVariants:{},compoundVariants:[]}),overlay:"rarui-modal_overlay__qilkny4"};export{d as modalSprinkle,i as modalStyles};

package/dist/themes/globals.css

@@ -0,0 +1,165 @@
+:root {
+  --rarui-colors-surface-background: rgba(247, 247, 248, 1);
+  --rarui-colors-surface-brand: rgba(3, 174, 252, 1);
+  --rarui-colors-surface-brand-hover: rgba(3, 174, 252, .10);
+  --rarui-colors-surface-brand-press: rgba(3, 174, 252, .20);
+  --rarui-colors-surface-brand-subdued: rgba(3, 174, 252, .10);
+  --rarui-colors-surface-disabled: rgba(234, 235, 236, 1);
+  --rarui-colors-surface-error: rgba(220, 42, 35, 1);
+  --rarui-colors-surface-error-hover: rgba(220, 42, 35, .10);
+  --rarui-colors-surface-error-press: rgba(220, 42, 35, .20);
+  --rarui-colors-surface-error-subdued: rgba(255, 246, 245, 1);
+  --rarui-colors-surface-hover: rgba(0, 0, 0, 0.1);
+  --rarui-colors-surface-info: rgba(3, 174, 252, 1);
+  --rarui-colors-surface-info-hover: rgba(3, 174, 252, .10);
+  --rarui-colors-surface-info-press: rgba(3, 174, 252, .20);
+  --rarui-colors-surface-info-subdued: rgba(245, 252, 255, 1);
+  --rarui-colors-surface-invert: rgba(12, 13, 13, 1);
+  --rarui-colors-surface-invert-disabled: rgba(61, 65, 67, 1);
+  --rarui-colors-surface-invert-hover: rgba(255, 255, 255, 0.1);
+  --rarui-colors-surface-invert-press: rgba(255, 255, 255, 0.2);
+  --rarui-colors-surface-invert-secondary: rgba(39, 41, 43, 1);
+  --rarui-colors-surface-overlay: rgba(0, 0, 0, 0.65);
+  --rarui-colors-surface-press: rgba(0, 0, 0, 0.2);
+  --rarui-colors-surface-primary: rgba(255, 255, 255, 1);
+  --rarui-colors-surface-secondary: rgba(242, 242, 243, 1);
+  --rarui-colors-surface-success: rgba(26, 147, 56, 1);
+  --rarui-colors-surface-success-hover: rgba(26, 147, 56, .10);
+  --rarui-colors-surface-success-press: rgba(26, 147, 56, .20);
+  --rarui-colors-surface-success-subdued: rgba(245, 255, 243, 1);
+  --rarui-colors-surface-warning: rgba(255, 176, 66, 1);
+  --rarui-colors-surface-warning-hover: rgba(231, 157, 19, .10);
+  --rarui-colors-surface-warning-press: rgba(231, 157, 19, .20);
+  --rarui-colors-surface-warning-subdued: rgba(255, 234, 204, 1);
+  --rarui-colors-content-brand: rgba(3, 174, 252, 1);
+  --rarui-colors-content-brand-alt: rgba(104, 206, 253, 1);
+  --rarui-colors-content-disabled: rgba(0, 0, 0, 0.3);
+  --rarui-colors-content-error: rgba(163, 41, 47, 1);
+  --rarui-colors-content-info: rgba(2, 138, 202, 1);
+  --rarui-colors-content-invert: rgba(255, 255, 255, 1);
+  --rarui-colors-content-invert-disabled: rgba(255, 255, 255, 0.4);
+  --rarui-colors-content-invert-secondary: rgba(255, 255, 255, 0.75);
+  --rarui-colors-content-on-brand: rgba(250, 253, 255, 1);
+  --rarui-colors-content-on-error: rgba(255, 233, 229, 1);
+  --rarui-colors-content-on-info: rgba(229, 247, 255, 1);
+  --rarui-colors-content-on-success: rgba(245, 255, 243, 1);
+  --rarui-colors-content-on-warning: rgba(77, 42, 0, 1);
+  --rarui-colors-content-primary: rgba(24, 26, 27, 1);
+  --rarui-colors-content-secondary: rgba(97, 103, 107, 1);
+  --rarui-colors-content-success: rgba(12, 69, 27, 1);
+  --rarui-colors-content-warning: rgba(134, 96, 0, 1);
+  --rarui-colors-content-warning-alt: rgba(255, 176, 66, 1);
+  --rarui-colors-border-brand: rgba(153, 222, 254, 1);
+  --rarui-colors-border-brand-alt: rgba(3, 174, 252, 1);
+  --rarui-colors-border-disabled: rgba(0, 0, 0, 0.05);
+  --rarui-colors-border-divider: rgba(0, 0, 0, 0.1);
+  --rarui-colors-border-error: rgba(255, 164, 153, 1);
+  --rarui-colors-border-info: rgba(153, 222, 254, 1);
+  --rarui-colors-border-invert: rgba(255, 255, 255, 0.3);
+  --rarui-colors-border-invert-disabled: rgba(255, 255, 255, 0.1);
+  --rarui-colors-border-primary: rgba(0, 0, 0, 0.4);
+  --rarui-colors-border-secondary: rgba(0, 0, 0, 0.2);
+  --rarui-colors-border-subdued: rgba(0, 0, 0, 0.1);
+  --rarui-colors-border-success: rgba(139, 244, 166, 1);
+  --rarui-colors-border-warning: rgba(255, 187, 92, 1);
+  --rarui-fontFamily-body: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
+  --rarui-fontFamily-heading: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
+  --rarui-fontFamily-button: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
+  --rarui-fontSize-body-xxs: 0.6875rem;
+  --rarui-fontSize-body-xs: 0.75rem;
+  --rarui-fontSize-body-s: 0.875rem;
+  --rarui-fontSize-body-m: 1rem;
+  --rarui-fontSize-body-l: 1.125rem;
+  --rarui-fontSize-body-xl: 1.5rem;
+  --rarui-fontSize-heading-xs: 1.25rem;
+  --rarui-fontSize-heading-s: 1.5rem;
+  --rarui-fontSize-heading-m: 1.75rem;
+  --rarui-fontSize-heading-l: 2.375rem;
+  --rarui-fontSize-heading-xl: 2.875rem;
+  --rarui-fontSize-heading-hero: 4.25rem;
+  --rarui-fontSize-button-xs: 0.75rem;
+  --rarui-fontSize-button-s: 0.875rem;
+  --rarui-fontSize-button-m: 0.9375rem;
+  --rarui-fontSize-button-l: 1rem;
+  --rarui-fontSize-label-s: 0.75rem;
+  --rarui-fontSize-label-m: 0.875rem;
+  --rarui-fontSize-label-l: 1rem;
+  --rarui-fontWeight-regular: 400;
+  --rarui-fontWeight-medium: 500;
+  --rarui-fontWeight-semiBold: 600;
+  --rarui-fontWeight-bold: 700;
+  --rarui-lineHeight-body-xxs: 0.875rem;
+  --rarui-lineHeight-body-xs: 1rem;
+  --rarui-lineHeight-body-s: 1.25rem;
+  --rarui-lineHeight-body-m: 1.5rem;
+  --rarui-lineHeight-body-l: 1.75rem;
+  --rarui-lineHeight-body-xl: 2rem;
+  --rarui-lineHeight-heading-xs: 1.5rem;
+  --rarui-lineHeight-heading-s: 1.75rem;
+  --rarui-lineHeight-heading-m: 2rem;
+  --rarui-lineHeight-heading-l: 2.75rem;
+  --rarui-lineHeight-heading-xl: 3.5rem;
+  --rarui-lineHeight-heading-hero: 4.375rem;
+  --rarui-lineHeight-button-s: normal;
+  --rarui-lineHeight-button-m: normal;
+  --rarui-lineHeight-button-l: normal;
+  --rarui-lineHeight-label-s: normal;
+  --rarui-lineHeight-label-m: normal;
+  --rarui-lineHeight-label-l: normal;
+  --rarui-elevation-none: none;
+  --rarui-elevation-top-1: 0px -1px 2px 0px rgba(78, 81, 83, 0.10);
+  --rarui-elevation-top-2: 0px -4px 8px 0px rgba(78, 81, 83, 0.10);
+  --rarui-elevation-top-3: 0px -8px 16px 0px rgba(78, 81, 83, 0.08);
+  --rarui-elevation-top-4: 0px -16px 32px 0px rgba(78, 81, 83, 0.08);
+  --rarui-elevation-top-5: 0px -24px 64px 0px rgba(78, 81, 83, 0.08);
+  --rarui-elevation-bottom-1: 0px 1px 2px 0px rgba(78, 81, 83, 0.10);
+  --rarui-elevation-bottom-2: 0px 4px 8px 0px rgba(78, 81, 83, 0.10);
+  --rarui-elevation-bottom-3: 0px 8px 16px 0px rgba(78, 81, 83, 0.08);
+  --rarui-elevation-bottom-4: 0px 16px 32px 0px rgba(78, 81, 83, 0.08);
+  --rarui-elevation-bottom-5: 0px 24px 48px 0px rgba(78, 81, 83, 0.08);
+  --rarui-elevation-focus-ring: 0px 0px 0px 2px rgba(3, 174, 252, .20);
+  --rarui-shape-border-radius-none: 0;
+  --rarui-shape-border-radius-2xs: 0.25rem;
+  --rarui-shape-border-radius-xs: 0.5rem;
+  --rarui-shape-border-radius-sm: 1rem;
+  --rarui-shape-border-radius-md: 1.5rem;
+  --rarui-shape-border-radius-lg: 2rem;
+  --rarui-shape-border-radius-xl: 3rem;
+  --rarui-shape-border-radius-2xl: 4rem;
+  --rarui-shape-border-radius-pill: 31.25rem;
+  --rarui-shape-border-radius-button: 0.25rem;
+  --rarui-shape-border-radius-input: 0.25rem;
+  --rarui-shape-border-width-1: 0.0625rem;
+  --rarui-shape-border-width-2: 0.125rem;
+  --rarui-shape-border-width-3: 0.1875rem;
+  --rarui-shape-border-width-4: 1rem;
+  --rarui-shape-border-width-5: 1.25rem;
+  --rarui-spacing-4xs: 0.25rem;
+  --rarui-spacing-3xs: 0.5rem;
+  --rarui-spacing-2xs: 0.75rem;
+  --rarui-spacing-xs: 1rem;
+  --rarui-spacing-s: 1.5rem;
+  --rarui-spacing-md: 2rem;
+  --rarui-spacing-lg: 2.5rem;
+  --rarui-spacing-xl: 3rem;
+  --rarui-spacing-2xl: 3.5rem;
+  --rarui-spacing-3xl: 4rem;
+  --rarui-spacing-4xl: 5rem;
+  --rarui-spacing-5xl: 6rem;
+  --rarui-spacing-6xl: 7rem;
+  --rarui-spacing-7xl: 7.75rem;
+  --rarui-spacing-8xl: 9rem;
+  --rarui-zIndex-100: 100;
+  --rarui-zIndex-200: 200;
+  --rarui-zIndex-300: 300;
+  --rarui-zIndex-400: 400;
+  --rarui-zIndex-500: 500;
+  --rarui-zIndex-600: 600;
+  --rarui-zIndex-700: 700;
+  --rarui-zIndex-800: 800;
+  --rarui-zIndex-900: 900;
+  --rarui-breakpoint-xs: 0px;
+  --rarui-breakpoint-md: 768px;
+  --rarui-breakpoint-lg: 1200px;
+  --rarui-breakpoint-xl: 1400px;
+}

package/dist/themes/globals.css.js

@@ -0,0 +1 @@
+import"./globals.css";var r={colors:{surface:{background:"var(--rarui-colors-surface-background)",brand:"var(--rarui-colors-surface-brand)","brand-hover":"var(--rarui-colors-surface-brand-hover)","brand-press":"var(--rarui-colors-surface-brand-press)","brand-subdued":"var(--rarui-colors-surface-brand-subdued)",disabled:"var(--rarui-colors-surface-disabled)",error:"var(--rarui-colors-surface-error)","error-hover":"var(--rarui-colors-surface-error-hover)","error-press":"var(--rarui-colors-surface-error-press)","error-subdued":"var(--rarui-colors-surface-error-subdued)",hover:"var(--rarui-colors-surface-hover)",info:"var(--rarui-colors-surface-info)","info-hover":"var(--rarui-colors-surface-info-hover)","info-press":"var(--rarui-colors-surface-info-press)","info-subdued":"var(--rarui-colors-surface-info-subdued)",invert:"var(--rarui-colors-surface-invert)","invert-disabled":"var(--rarui-colors-surface-invert-disabled)","invert-hover":"var(--rarui-colors-surface-invert-hover)","invert-press":"var(--rarui-colors-surface-invert-press)","invert-secondary":"var(--rarui-colors-surface-invert-secondary)",overlay:"var(--rarui-colors-surface-overlay)",press:"var(--rarui-colors-surface-press)",primary:"var(--rarui-colors-surface-primary)",secondary:"var(--rarui-colors-surface-secondary)",success:"var(--rarui-colors-surface-success)","success-hover":"var(--rarui-colors-surface-success-hover)","success-press":"var(--rarui-colors-surface-success-press)","success-subdued":"var(--rarui-colors-surface-success-subdued)",warning:"var(--rarui-colors-surface-warning)","warning-hover":"var(--rarui-colors-surface-warning-hover)","warning-press":"var(--rarui-colors-surface-warning-press)","warning-subdued":"var(--rarui-colors-surface-warning-subdued)"},content:{brand:"var(--rarui-colors-content-brand)","brand-alt":"var(--rarui-colors-content-brand-alt)",disabled:"var(--rarui-colors-content-disabled)",error:"var(--rarui-colors-content-error)",info:"var(--rarui-colors-content-info)",invert:"var(--rarui-colors-content-invert)","invert-disabled":"var(--rarui-colors-content-invert-disabled)","invert-secondary":"var(--rarui-colors-content-invert-secondary)","on-brand":"var(--rarui-colors-content-on-brand)","on-error":"var(--rarui-colors-content-on-error)","on-info":"var(--rarui-colors-content-on-info)","on-success":"var(--rarui-colors-content-on-success)","on-warning":"var(--rarui-colors-content-on-warning)",primary:"var(--rarui-colors-content-primary)",secondary:"var(--rarui-colors-content-secondary)",success:"var(--rarui-colors-content-success)",warning:"var(--rarui-colors-content-warning)","warning-alt":"var(--rarui-colors-content-warning-alt)"},border:{brand:"var(--rarui-colors-border-brand)","brand-alt":"var(--rarui-colors-border-brand-alt)",disabled:"var(--rarui-colors-border-disabled)",divider:"var(--rarui-colors-border-divider)",error:"var(--rarui-colors-border-error)",info:"var(--rarui-colors-border-info)",invert:"var(--rarui-colors-border-invert)","invert-disabled":"var(--rarui-colors-border-invert-disabled)",primary:"var(--rarui-colors-border-primary)",secondary:"var(--rarui-colors-border-secondary)",subdued:"var(--rarui-colors-border-subdued)",success:"var(--rarui-colors-border-success)",warning:"var(--rarui-colors-border-warning)"}},fontFamily:{body:"var(--rarui-fontFamily-body)",heading:"var(--rarui-fontFamily-heading)",button:"var(--rarui-fontFamily-button)"},fontSize:{body:{xxs:"var(--rarui-fontSize-body-xxs)",xs:"var(--rarui-fontSize-body-xs)",s:"var(--rarui-fontSize-body-s)",m:"var(--rarui-fontSize-body-m)",l:"var(--rarui-fontSize-body-l)",xl:"var(--rarui-fontSize-body-xl)"},heading:{xs:"var(--rarui-fontSize-heading-xs)",s:"var(--rarui-fontSize-heading-s)",m:"var(--rarui-fontSize-heading-m)",l:"var(--rarui-fontSize-heading-l)",xl:"var(--rarui-fontSize-heading-xl)",hero:"var(--rarui-fontSize-heading-hero)"},button:{xs:"var(--rarui-fontSize-button-xs)",s:"var(--rarui-fontSize-button-s)",m:"var(--rarui-fontSize-button-m)",l:"var(--rarui-fontSize-button-l)"},label:{s:"var(--rarui-fontSize-label-s)",m:"var(--rarui-fontSize-label-m)",l:"var(--rarui-fontSize-label-l)"}},fontWeight:{regular:"var(--rarui-fontWeight-regular)",medium:"var(--rarui-fontWeight-medium)",semiBold:"var(--rarui-fontWeight-semiBold)",bold:"var(--rarui-fontWeight-bold)"},lineHeight:{body:{xxs:"var(--rarui-lineHeight-body-xxs)",xs:"var(--rarui-lineHeight-body-xs)",s:"var(--rarui-lineHeight-body-s)",m:"var(--rarui-lineHeight-body-m)",l:"var(--rarui-lineHeight-body-l)",xl:"var(--rarui-lineHeight-body-xl)"},heading:{xs:"var(--rarui-lineHeight-heading-xs)",s:"var(--rarui-lineHeight-heading-s)",m:"var(--rarui-lineHeight-heading-m)",l:"var(--rarui-lineHeight-heading-l)",xl:"var(--rarui-lineHeight-heading-xl)",hero:"var(--rarui-lineHeight-heading-hero)"},button:{s:"var(--rarui-lineHeight-button-s)",m:"var(--rarui-lineHeight-button-m)",l:"var(--rarui-lineHeight-button-l)"},label:{s:"var(--rarui-lineHeight-label-s)",m:"var(--rarui-lineHeight-label-m)",l:"var(--rarui-lineHeight-label-l)"}},elevation:{none:"var(--rarui-elevation-none)",top:{1:"var(--rarui-elevation-top-1)",2:"var(--rarui-elevation-top-2)",3:"var(--rarui-elevation-top-3)",4:"var(--rarui-elevation-top-4)",5:"var(--rarui-elevation-top-5)"},bottom:{1:"var(--rarui-elevation-bottom-1)",2:"var(--rarui-elevation-bottom-2)",3:"var(--rarui-elevation-bottom-3)",4:"var(--rarui-elevation-bottom-4)",5:"var(--rarui-elevation-bottom-5)"},"focus-ring":"var(--rarui-elevation-focus-ring)"},shape:{border:{radius:{none:"var(--rarui-shape-border-radius-none)","2xs":"var(--rarui-shape-border-radius-2xs)",xs:"var(--rarui-shape-border-radius-xs)",sm:"var(--rarui-shape-border-radius-sm)",md:"var(--rarui-shape-border-radius-md)",lg:"var(--rarui-shape-border-radius-lg)",xl:"var(--rarui-shape-border-radius-xl)","2xl":"var(--rarui-shape-border-radius-2xl)",pill:"var(--rarui-shape-border-radius-pill)",button:"var(--rarui-shape-border-radius-button)",input:"var(--rarui-shape-border-radius-input)"},width:{1:"var(--rarui-shape-border-width-1)",2:"var(--rarui-shape-border-width-2)",3:"var(--rarui-shape-border-width-3)",4:"var(--rarui-shape-border-width-4)",5:"var(--rarui-shape-border-width-5)"}}},spacing:{"4xs":"var(--rarui-spacing-4xs)","3xs":"var(--rarui-spacing-3xs)","2xs":"var(--rarui-spacing-2xs)",xs:"var(--rarui-spacing-xs)",s:"var(--rarui-spacing-s)",md:"var(--rarui-spacing-md)",lg:"var(--rarui-spacing-lg)",xl:"var(--rarui-spacing-xl)","2xl":"var(--rarui-spacing-2xl)","3xl":"var(--rarui-spacing-3xl)","4xl":"var(--rarui-spacing-4xl)","5xl":"var(--rarui-spacing-5xl)","6xl":"var(--rarui-spacing-6xl)","7xl":"var(--rarui-spacing-7xl)","8xl":"var(--rarui-spacing-8xl)"},zIndex:{100:"var(--rarui-zIndex-100)",200:"var(--rarui-zIndex-200)",300:"var(--rarui-zIndex-300)",400:"var(--rarui-zIndex-400)",500:"var(--rarui-zIndex-500)",600:"var(--rarui-zIndex-600)",700:"var(--rarui-zIndex-700)",800:"var(--rarui-zIndex-800)",900:"var(--rarui-zIndex-900)"},breakpoint:{xs:"var(--rarui-breakpoint-xs)",md:"var(--rarui-breakpoint-md)",lg:"var(--rarui-breakpoint-lg)",xl:"var(--rarui-breakpoint-xl)"}};export{r as varsThemeBase};

package/dist/themes/rarui-theme-dark.css

@@ -0,0 +1,165 @@
+.rarui-theme-dark_variables__t1161z0 {
+  --rarui-colors-surface-background: rgba(24, 26, 27, 1);
+  --rarui-colors-surface-brand: rgba(2, 138, 202, 1);
+  --rarui-colors-surface-brand-hover: rgba(3, 174, 252, .10);
+  --rarui-colors-surface-brand-press: rgba(3, 174, 252, .20);
+  --rarui-colors-surface-brand-subdued: rgba(3, 174, 252, .10);
+  --rarui-colors-surface-disabled: rgba(61, 65, 67, 1);
+  --rarui-colors-surface-error: rgba(255, 102, 107, 1);
+  --rarui-colors-surface-error-hover: rgba(220, 42, 35, .10);
+  --rarui-colors-surface-error-press: rgba(220, 42, 35, .20);
+  --rarui-colors-surface-error-subdued: rgba(220, 42, 35, .10);
+  --rarui-colors-surface-hover: rgba(255, 255, 255, 0.1);
+  --rarui-colors-surface-info: rgba(104, 206, 253, 1);
+  --rarui-colors-surface-info-hover: rgba(3, 174, 252, .10);
+  --rarui-colors-surface-info-press: rgba(3, 174, 252, .20);
+  --rarui-colors-surface-info-subdued: rgba(3, 174, 252, .10);
+  --rarui-colors-surface-invert: rgba(255, 255, 255, 1);
+  --rarui-colors-surface-invert-disabled: rgba(202, 204, 206, 1);
+  --rarui-colors-surface-invert-hover: rgba(0, 0, 0, 0.1);
+  --rarui-colors-surface-invert-press: rgba(0, 0, 0, 0.2);
+  --rarui-colors-surface-invert-secondary: rgba(228, 230, 231, 1);
+  --rarui-colors-surface-overlay: rgba(0, 0, 0, 0.65);
+  --rarui-colors-surface-press: rgba(255, 255, 255, 0.2);
+  --rarui-colors-surface-primary: rgba(12, 13, 13, 1);
+  --rarui-colors-surface-secondary: rgba(39, 41, 43, 1);
+  --rarui-colors-surface-success: rgba(98, 192, 115, 1);
+  --rarui-colors-surface-success-hover: rgba(26, 147, 56, .10);
+  --rarui-colors-surface-success-press: rgba(26, 147, 56, .20);
+  --rarui-colors-surface-success-subdued: rgba(26, 147, 56, .10);
+  --rarui-colors-surface-warning: rgba(255, 187, 92, 1);
+  --rarui-colors-surface-warning-hover: rgba(231, 157, 19, .10);
+  --rarui-colors-surface-warning-press: rgba(231, 157, 19, .20);
+  --rarui-colors-surface-warning-subdued: rgba(231, 157, 19, .10);
+  --rarui-colors-content-brand: rgba(104, 206, 253, 1);
+  --rarui-colors-content-brand-alt: rgba(153, 222, 254, 1);
+  --rarui-colors-content-disabled: rgba(255, 255, 255, 0.3);
+  --rarui-colors-content-error: rgba(255, 102, 107, 1);
+  --rarui-colors-content-info: rgba(104, 206, 253, 1);
+  --rarui-colors-content-invert: rgba(0, 0, 0, 1);
+  --rarui-colors-content-invert-disabled: rgba(0, 0, 0, 0.3);
+  --rarui-colors-content-invert-secondary: rgba(0, 0, 0, 0.6);
+  --rarui-colors-content-on-brand: rgba(245, 252, 255, 1);
+  --rarui-colors-content-on-error: rgba(35, 16, 17, 1);
+  --rarui-colors-content-on-info: rgba(1, 52, 76, 1);
+  --rarui-colors-content-on-success: rgba(15, 46, 24, 1);
+  --rarui-colors-content-on-warning: rgba(51, 27, 0, 1);
+  --rarui-colors-content-primary: rgba(242, 242, 243, 1);
+  --rarui-colors-content-secondary: rgba(175, 179, 182, 1);
+  --rarui-colors-content-success: rgba(139, 244, 166, 1);
+  --rarui-colors-content-warning: rgba(255, 176, 66, 1);
+  --rarui-colors-content-warning-alt: rgba(231, 157, 19, 1);
+  --rarui-colors-border-brand: rgba(2, 138, 202, 1);
+  --rarui-colors-border-brand-alt: rgba(53, 189, 253, 1);
+  --rarui-colors-border-disabled: rgba(255, 255, 255, 0.1);
+  --rarui-colors-border-divider: rgba(255, 255, 255, 0.15);
+  --rarui-colors-border-error: rgba(163, 41, 47, 1);
+  --rarui-colors-border-info: rgba(2, 138, 202, 1);
+  --rarui-colors-border-invert: rgba(0, 0, 0, 0.2);
+  --rarui-colors-border-invert-disabled: rgba(0, 0, 0, 0.05);
+  --rarui-colors-border-primary: rgba(255, 255, 255, 0.5);
+  --rarui-colors-border-secondary: rgba(255, 255, 255, 0.3);
+  --rarui-colors-border-subdued: rgba(255, 255, 255, 0.15);
+  --rarui-colors-border-success: rgba(26, 147, 56, 1);
+  --rarui-colors-border-warning: rgba(134, 96, 0, 1);
+  --rarui-fontFamily-body: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
+  --rarui-fontFamily-heading: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
+  --rarui-fontFamily-button: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
+  --rarui-fontSize-body-xxs: 0.6875rem;
+  --rarui-fontSize-body-xs: 0.75rem;
+  --rarui-fontSize-body-s: 0.875rem;
+  --rarui-fontSize-body-m: 1rem;
+  --rarui-fontSize-body-l: 1.125rem;
+  --rarui-fontSize-body-xl: 1.5rem;
+  --rarui-fontSize-heading-xs: 1.25rem;
+  --rarui-fontSize-heading-s: 1.5rem;
+  --rarui-fontSize-heading-m: 1.75rem;
+  --rarui-fontSize-heading-l: 2.375rem;
+  --rarui-fontSize-heading-xl: 2.875rem;
+  --rarui-fontSize-heading-hero: 4.25rem;
+  --rarui-fontSize-button-xs: 0.75rem;
+  --rarui-fontSize-button-s: 0.875rem;
+  --rarui-fontSize-button-m: 0.9375rem;
+  --rarui-fontSize-button-l: 1rem;
+  --rarui-fontSize-label-s: 0.75rem;
+  --rarui-fontSize-label-m: 0.875rem;
+  --rarui-fontSize-label-l: 1rem;
+  --rarui-fontWeight-regular: 400;
+  --rarui-fontWeight-medium: 500;
+  --rarui-fontWeight-semiBold: 600;
+  --rarui-fontWeight-bold: 700;
+  --rarui-lineHeight-body-xxs: 0.875rem;
+  --rarui-lineHeight-body-xs: 1rem;
+  --rarui-lineHeight-body-s: 1.25rem;
+  --rarui-lineHeight-body-m: 1.5rem;
+  --rarui-lineHeight-body-l: 1.75rem;
+  --rarui-lineHeight-body-xl: 2rem;
+  --rarui-lineHeight-heading-xs: 1.5rem;
+  --rarui-lineHeight-heading-s: 1.75rem;
+  --rarui-lineHeight-heading-m: 2rem;
+  --rarui-lineHeight-heading-l: 2.75rem;
+  --rarui-lineHeight-heading-xl: 3.5rem;
+  --rarui-lineHeight-heading-hero: 4.375rem;
+  --rarui-lineHeight-button-s: normal;
+  --rarui-lineHeight-button-m: normal;
+  --rarui-lineHeight-button-l: normal;
+  --rarui-lineHeight-label-s: normal;
+  --rarui-lineHeight-label-m: normal;
+  --rarui-lineHeight-label-l: normal;
+  --rarui-elevation-none: none;
+  --rarui-elevation-top-1: 0px -1px 2px 0px rgba(60, 81, 93, 0.40);
+  --rarui-elevation-top-2: 0px -4px 8px 0px rgba(60, 81, 93, 0.40);
+  --rarui-elevation-top-3: 0px -8px 16px 0px rgba(60, 81, 93, 0.40);
+  --rarui-elevation-top-4: 0px -16px 32px 0px rgba(60, 81, 93, 0.40);
+  --rarui-elevation-top-5: 0px -24px 64px 0px rgba(60, 81, 93, 0.40);
+  --rarui-elevation-bottom-1: 0px 1px 2px 0px rgba(60, 81, 93, 0.40);
+  --rarui-elevation-bottom-2: 0px 4px 8px 0px rgba(60, 81, 93, 0.40);
+  --rarui-elevation-bottom-3: 0px 8px 16px 0px rgba(60, 81, 93, 0.40);
+  --rarui-elevation-bottom-4: 0px 16px 32px 0px rgba(60, 81, 93, 0.40);
+  --rarui-elevation-bottom-5: 0px 24px 64px 0px rgba(60, 81, 93, 0.40);
+  --rarui-elevation-focus-ring: 0px 0px 0px 2px rgba(3, 174, 252, .20);
+  --rarui-shape-border-radius-none: 0;
+  --rarui-shape-border-radius-2xs: 0.25rem;
+  --rarui-shape-border-radius-xs: 0.5rem;
+  --rarui-shape-border-radius-sm: 1rem;
+  --rarui-shape-border-radius-md: 1.5rem;
+  --rarui-shape-border-radius-lg: 2rem;
+  --rarui-shape-border-radius-xl: 3rem;
+  --rarui-shape-border-radius-2xl: 4rem;
+  --rarui-shape-border-radius-pill: 31.25rem;
+  --rarui-shape-border-radius-button: 0.25rem;
+  --rarui-shape-border-radius-input: 0.25rem;
+  --rarui-shape-border-width-1: 0.0625rem;
+  --rarui-shape-border-width-2: 0.125rem;
+  --rarui-shape-border-width-3: 0.1875rem;
+  --rarui-shape-border-width-4: 1rem;
+  --rarui-shape-border-width-5: 1.25rem;
+  --rarui-spacing-4xs: 0.25rem;
+  --rarui-spacing-3xs: 0.5rem;
+  --rarui-spacing-2xs: 0.75rem;
+  --rarui-spacing-xs: 1rem;
+  --rarui-spacing-s: 1.5rem;
+  --rarui-spacing-md: 2rem;
+  --rarui-spacing-lg: 2.5rem;
+  --rarui-spacing-xl: 3rem;
+  --rarui-spacing-2xl: 3.5rem;
+  --rarui-spacing-3xl: 4rem;
+  --rarui-spacing-4xl: 5rem;
+  --rarui-spacing-5xl: 6rem;
+  --rarui-spacing-6xl: 7rem;
+  --rarui-spacing-7xl: 7.75rem;
+  --rarui-spacing-8xl: 9rem;
+  --rarui-zIndex-100: 100;
+  --rarui-zIndex-200: 200;
+  --rarui-zIndex-300: 300;
+  --rarui-zIndex-400: 400;
+  --rarui-zIndex-500: 500;
+  --rarui-zIndex-600: 600;
+  --rarui-zIndex-700: 700;
+  --rarui-zIndex-800: 800;
+  --rarui-zIndex-900: 900;
+  --rarui-breakpoint-xs: 0px;
+  --rarui-breakpoint-md: 768px;
+  --rarui-breakpoint-lg: 1200px;
+  --rarui-breakpoint-xl: 1400px;
+}

package/dist/themes/rarui-theme-dark.css.js

@@ -0,0 +1 @@
+import"./globals.css";import"./rarui-theme-dark.css";var r="rarui-theme-dark_variables__t1161z0";export{r as variables};

package/dist/utils/index.js

@@ -0,0 +1 @@
+var r=function(r,t,e){var a=e.value;e.value=function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];var e=Array.from(this.el.attributes).reduce((function(r,t){var e=t.name,a=t.value,n=e.replace(/-([a-z])/g,(function(r){return r[1].toUpperCase()}));return"style"!==n&&"class"!==n&&(r[n]=function(r){try{return JSON.parse(r)}catch(t){return r}}(a)),r}),{});return this.props=e,a.apply(this,r)}};export{r as CaptureCssProperties};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rarui/styles",
-  "version": "2.2.5",
+  "version": "2.3.0-rc.1",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -10,6 +10,7 @@
   ],
   "sideEffects": false,
   "scripts": {
+    "build:rollup": "yarn g:rollup packages/styles",
     "build": "ts-node --transpile-only ../../node_modules/.bin/webpack --config webpack.config.ts && yarn build:esm",
     "build:esm": "ts-node --transpile-only ../../node_modules/.bin/webpack --config webpack.esm.config.ts",
     "test": "jest --passWithNoTests --no-cache --runInBand --no-watchAll",
@@ -23,7 +24,8 @@
   "dependencies": {
     "@vanilla-extract/css": "^1.15.3",
     "@vanilla-extract/recipes": "^0.5.3",
-    "rainbow-sprinkles": "^0.17.2"
+    "rainbow-sprinkles": "^0.17.2",
+    "rollup-plugin-postcss": "^4.0.2"
   },
   "homepage": "https://git.rarolabs.com.br/frontend/rarui",
   "repository": {
@@ -34,14 +36,20 @@
     "url": "https://git.rarolabs.com.br/frontend/rarui/issues"
   },
   "devDependencies": {
-    "@rarui/tokens": "^4.0.4",
-    "@rarui/webpack": "^1.4.0",
+    "@rarui/tokens": "workspace:^",
+    "@rarui/webpack": "workspace:^",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@types/csso": "^5",
     "@types/jest": "^29.5.12",
     "@vanilla-extract/dynamic": "^2.1.1",
     "@vanilla-extract/jest-transform": "^1.1.9",
+    "@vanilla-extract/rollup-plugin": "^1.3.15",
     "@vanilla-extract/sprinkles": "^1.6.2",
+    "cssnano": "^7.0.7",
+    "csso": "^5.0.5",
     "jest": "^29.7.0",
+    "rollup-plugin-css-porter": "^1.0.2",
     "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2"
   }
-}
+}

package/dist/accordion/index.css

@@ -1 +0,0 @@
-:root{--rarui-colors-surface-background:#f7f7f8;--rarui-colors-surface-brand:#03aefc;--rarui-colors-surface-brand-hover:rgba(3,174,252,.1);--rarui-colors-surface-brand-press:rgba(3,174,252,.2);--rarui-colors-surface-brand-subdued:rgba(3,174,252,.1);--rarui-colors-surface-disabled:#eaebec;--rarui-colors-surface-error:#dc2a23;--rarui-colors-surface-error-hover:rgba(220,42,35,.1);--rarui-colors-surface-error-press:rgba(220,42,35,.2);--rarui-colors-surface-error-subdued:#fff6f5;--rarui-colors-surface-hover:rgba(0,0,0,.1);--rarui-colors-surface-info:#03aefc;--rarui-colors-surface-info-hover:rgba(3,174,252,.1);--rarui-colors-surface-info-press:rgba(3,174,252,.2);--rarui-colors-surface-info-subdued:#f5fcff;--rarui-colors-surface-invert:#0c0d0d;--rarui-colors-surface-invert-disabled:#3d4143;--rarui-colors-surface-invert-hover:hsla(0,0%,100%,.1);--rarui-colors-surface-invert-press:hsla(0,0%,100%,.2);--rarui-colors-surface-invert-secondary:#27292b;--rarui-colors-surface-overlay:rgba(0,0,0,.65);--rarui-colors-surface-press:rgba(0,0,0,.2);--rarui-colors-surface-primary:#fff;--rarui-colors-surface-secondary:#f2f2f3;--rarui-colors-surface-success:#1a9338;--rarui-colors-surface-success-hover:rgba(26,147,56,.1);--rarui-colors-surface-success-press:rgba(26,147,56,.2);--rarui-colors-surface-success-subdued:#f5fff3;--rarui-colors-surface-warning:#ffb042;--rarui-colors-surface-warning-hover:rgba(231,157,19,.1);--rarui-colors-surface-warning-press:rgba(231,157,19,.2);--rarui-colors-surface-warning-subdued:#ffeacc;--rarui-colors-content-brand:#03aefc;--rarui-colors-content-brand-alt:#68cefd;--rarui-colors-content-disabled:rgba(0,0,0,.3);--rarui-colors-content-error:#a3292f;--rarui-colors-content-info:#028aca;--rarui-colors-content-invert:#fff;--rarui-colors-content-invert-disabled:hsla(0,0%,100%,.4);--rarui-colors-content-invert-secondary:hsla(0,0%,100%,.75);--rarui-colors-content-on-brand:#fafdff;--rarui-colors-content-on-error:#ffe9e5;--rarui-colors-content-on-info:#e5f7ff;--rarui-colors-content-on-success:#f5fff3;--rarui-colors-content-on-warning:#4d2a00;--rarui-colors-content-primary:#181a1b;--rarui-colors-content-secondary:#61676b;--rarui-colors-content-success:#0c451b;--rarui-colors-content-warning:#866000;--rarui-colors-content-warning-alt:#ffb042;--rarui-colors-border-brand:#99defe;--rarui-colors-border-brand-alt:#03aefc;--rarui-colors-border-disabled:rgba(0,0,0,.05);--rarui-colors-border-divider:rgba(0,0,0,.1);--rarui-colors-border-error:#ffa499;--rarui-colors-border-info:#99defe;--rarui-colors-border-invert:hsla(0,0%,100%,.3);--rarui-colors-border-invert-disabled:hsla(0,0%,100%,.1);--rarui-colors-border-primary:rgba(0,0,0,.4);--rarui-colors-border-secondary:rgba(0,0,0,.2);--rarui-colors-border-subdued:rgba(0,0,0,.1);--rarui-colors-border-success:#8bf4a6;--rarui-colors-border-warning:#ffbb5c;--rarui-fontFamily-body:Inter,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",arial,sans-serif;--rarui-fontFamily-heading:Inter,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",arial,sans-serif;--rarui-fontFamily-button:Inter,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",arial,sans-serif;--rarui-fontSize-body-xxs:0.6875rem;--rarui-fontSize-body-xs:0.75rem;--rarui-fontSize-body-s:0.875rem;--rarui-fontSize-body-m:1rem;--rarui-fontSize-body-l:1.125rem;--rarui-fontSize-body-xl:1.5rem;--rarui-fontSize-heading-xs:1.25rem;--rarui-fontSize-heading-s:1.5rem;--rarui-fontSize-heading-m:1.75rem;--rarui-fontSize-heading-l:2.375rem;--rarui-fontSize-heading-xl:2.875rem;--rarui-fontSize-heading-hero:4.25rem;--rarui-fontSize-button-xs:0.75rem;--rarui-fontSize-button-s:0.875rem;--rarui-fontSize-button-m:0.9375rem;--rarui-fontSize-button-l:1rem;--rarui-fontSize-label-s:0.75rem;--rarui-fontSize-label-m:0.875rem;--rarui-fontSize-label-l:1rem;--rarui-fontWeight-regular:400;--rarui-fontWeight-medium:500;--rarui-fontWeight-semiBold:600;--rarui-fontWeight-bold:700;--rarui-lineHeight-body-xxs:0.875rem;--rarui-lineHeight-body-xs:1rem;--rarui-lineHeight-body-s:1.25rem;--rarui-lineHeight-body-m:1.5rem;--rarui-lineHeight-body-l:1.75rem;--rarui-lineHeight-body-xl:2rem;--rarui-lineHeight-heading-xs:1.5rem;--rarui-lineHeight-heading-s:1.75rem;--rarui-lineHeight-heading-m:2rem;--rarui-lineHeight-heading-l:2.75rem;--rarui-lineHeight-heading-xl:3.5rem;--rarui-lineHeight-heading-hero:4.375rem;--rarui-lineHeight-button-s:normal;--rarui-lineHeight-button-m:normal;--rarui-lineHeight-button-l:normal;--rarui-lineHeight-label-s:normal;--rarui-lineHeight-label-m:normal;--rarui-lineHeight-label-l:normal;--rarui-elevation-none:none;--rarui-elevation-top-1:0px -1px 2px 0px rgba(78,81,83,.1);--rarui-elevation-top-2:0px -4px 8px 0px rgba(78,81,83,.1);--rarui-elevation-top-3:0px -8px 16px 0px rgba(78,81,83,.08);--rarui-elevation-top-4:0px -16px 32px 0px rgba(78,81,83,.08);--rarui-elevation-top-5:0px -24px 64px 0px rgba(78,81,83,.08);--rarui-elevation-bottom-1:0px 1px 2px 0px rgba(78,81,83,.1);--rarui-elevation-bottom-2:0px 4px 8px 0px rgba(78,81,83,.1);--rarui-elevation-bottom-3:0px 8px 16px 0px rgba(78,81,83,.08);--rarui-elevation-bottom-4:0px 16px 32px 0px rgba(78,81,83,.08);--rarui-elevation-bottom-5:0px 24px 48px 0px rgba(78,81,83,.08);--rarui-elevation-focus-ring:0px 0px 0px 2px rgba(3,174,252,.2);--rarui-shape-border-radius-none:0;--rarui-shape-border-radius-2xs:0.25rem;--rarui-shape-border-radius-xs:0.5rem;--rarui-shape-border-radius-sm:1rem;--rarui-shape-border-radius-md:1.5rem;--rarui-shape-border-radius-lg:2rem;--rarui-shape-border-radius-xl:3rem;--rarui-shape-border-radius-2xl:4rem;--rarui-shape-border-radius-pill:31.25rem;--rarui-shape-border-radius-button:0.5rem;--rarui-shape-border-radius-input:0.5rem;--rarui-shape-border-width-1:0.0625rem;--rarui-shape-border-width-2:0.125rem;--rarui-shape-border-width-3:0.1875rem;--rarui-shape-border-width-4:1rem;--rarui-shape-border-width-5:1.25rem;--rarui-spacing-4xs:0.25rem;--rarui-spacing-3xs:0.5rem;--rarui-spacing-2xs:0.75rem;--rarui-spacing-xs:1rem;--rarui-spacing-s:1.5rem;--rarui-spacing-md:2rem;--rarui-spacing-lg:2.5rem;--rarui-spacing-xl:3rem;--rarui-spacing-2xl:3.5rem;--rarui-spacing-3xl:4rem;--rarui-spacing-4xl:5rem;--rarui-spacing-5xl:6rem;--rarui-spacing-6xl:7rem;--rarui-spacing-7xl:7.75rem;--rarui-spacing-8xl:9rem;--rarui-zIndex-100:100;--rarui-zIndex-200:200;--rarui-zIndex-300:300;--rarui-zIndex-400:400;--rarui-zIndex-500:500;--rarui-zIndex-600:600;--rarui-zIndex-700:700;--rarui-zIndex-800:800;--rarui-zIndex-900:900;--rarui-breakpoint-xs:0px;--rarui-breakpoint-md:768px;--rarui-breakpoint-lg:1200px;--rarui-breakpoint-xl:1400px}.rarui-accordion_item__1si5gvw0{background-color:transparent;border-width:0;border-bottom:var(--rarui-shape-border-width-1) var(--rarui-colors-border-subdued);border-style:solid;border-top-left-radius:var(--rarui-shape-border-radius-2xs);border-top-right-radius:var(--rarui-shape-border-radius-2xs);box-sizing:border-box;color:var(--rarui-colors-content-primary);cursor:pointer;transition:all .15s ease}.rarui-accordion_item__1si5gvw0:hover{background-color:var(--rarui-colors-surface-hover)}.rarui-accordion_item__1si5gvw0:active{background-color:var(--rarui-colors-surface-press)}.rarui-accordion_item__1si5gvw0:disabled{background-color:transparent;color:var(--rarui-colors-content-disabled);cursor:not-allowed}.rarui-accordion_item__1si5gvw0:focus-within{box-shadow:var(--rarui-elevation-focus-ring);outline:none}.rarui-accordion_item_selected_true__1si5gvw1{border-bottom-color:var(--rarui-colors-border-brand-alt);color:var(--rarui-colors-content-brand)}.rarui-accordion_item_selected_true__1si5gvw1:hover{background-color:var(--rarui-colors-surface-brand-hover)}.rarui-accordion_item_selected_true__1si5gvw1:active{background-color:var(--rarui-colors-surface-brand-press)}.rarui-accordion_item_selected_true__1si5gvw1:disabled{background-color:transparent;border-bottom-color:var(--rarui-colors-border-subdued)}.rarui-accordion_item_size_large__1si5gvw2{padding:var(--rarui-spacing-2xs) var(--rarui-spacing-md)}.rarui-accordion_item_size_medium__1si5gvw3{padding:var(--rarui-spacing-2xs) var(--rarui-spacing-s)}.rarui-accordion_item_size_small__1si5gvw4{padding:var(--rarui-spacing-3xs) var(--rarui-spacing-xs)}.rarui-accordion_body__1si5gvw5{border-width:0;border-bottom:var(--rarui-shape-border-width-1) var(--rarui-colors-border-subdued);border-style:solid}.rarui-accordion_body_padding_base__1si5gvw6{padding:var(--rarui-spacing-2xs)}.rarui-accordion_body_padding_none__1si5gvw7{padding:0}

package/dist/accordion/index.js

@@ -1 +0,0 @@
-!function(r,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["@rarui/styles"]=e():r["@rarui/styles"]=e()}(global,(()=>(()=>{"use strict";var r={877:(r,e,t)=>{var a=t(6758),n=t.n(a),o=t(935),i=t.n(o)()(n());i.push([r.id,"// extracted by mini-css-extract-plugin\nexport {};",""])},534:(r,e,t)=>{var a=t(6758),n=t.n(a),o=t(935),i=t.n(o)()(n());i.push([r.id,"// extracted by mini-css-extract-plugin\nexport {};",""])},935:r=>{r.exports=function(r){var e=[];return e.toString=function(){return this.map((function(e){var t="",a=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),a&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=r(e),a&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t})).join("")},e.i=function(r,t,a,n,o){"string"==typeof r&&(r=[[null,r,void 0]]);var i={};if(a)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(i[c]=!0)}for(var u=0;u<r.length;u++){var l=[].concat(r[u]);a&&i[l[0]]||(void 0!==o&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=o),t&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=t):l[2]=t),n&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=n):l[4]="".concat(n)),e.push(l))}},e}},6758:r=>{r.exports=function(r){return r[1]}}},e={};function t(a){var n=e[a];if(void 0!==n)return n.exports;var o=e[a]={id:a,exports:{}};return r[a](o,o.exports,t),o.exports}t.n=r=>{var e=r&&r.__esModule?()=>r.default:()=>r;return t.d(e,{a:e}),e},t.d=(r,e)=>{for(var a in e)t.o(e,a)&&!t.o(r,a)&&Object.defineProperty(r,a,{enumerable:!0,get:e[a]})},t.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),t.r=r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})};var a={};return(()=>{t.r(a),t.d(a,{accordion:()=>c});t(534),t(877);function r(r){var e=function(r,e){if("object"!=typeof r||!r)return r;var t=r[Symbol.toPrimitive];if(void 0!==t){var a=t.call(r,e||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}(r,"string");return"symbol"==typeof e?e:String(e)}function e(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,a)}return t}function n(t){for(var a=1;a<arguments.length;a++){var n=null!=arguments[a]?arguments[a]:{};a%2?e(Object(n),!0).forEach((function(e){var a,o,i;a=t,o=e,i=n[e],(o=r(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):e(Object(n)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(n,r))}))}return t}function o(r,e){var t={};for(var a in r)t[a]=e(r[a],a);return t}var i=(r,e,t)=>{for(var a of Object.keys(r)){var n;if(r[a]!==(null!==(n=e[a])&&void 0!==n?n:t[a]))return!1}return!0},s=r=>{var e=e=>{var t=r.defaultClassName,a=n(n({},r.defaultVariants),e);for(var o in a){var s,c=null!==(s=a[o])&&void 0!==s?s:r.defaultVariants[o];if(null!=c){var u=c;"boolean"==typeof u&&(u=!0===u?"true":"false");var l=r.variantClassNames[o][u];l&&(t+=" "+l)}}for(var[d,f]of r.compoundVariants)i(d,a,r.defaultVariants)&&(t+=" "+f);return t};return e.variants=()=>Object.keys(r.variantClassNames),e.classNames={get base(){return r.defaultClassName.split(" ")[0]},get variants(){return o(r.variantClassNames,(r=>o(r,(r=>r.split(" ")[0]))))}},e},c={classnames:{item:s({defaultClassName:"rarui-accordion_item__1si5gvw0",variantClassNames:{selected:{true:"rarui-accordion_item_selected_true__1si5gvw1"},size:{large:"rarui-accordion_item_size_large__1si5gvw2",medium:"rarui-accordion_item_size_medium__1si5gvw3",small:"rarui-accordion_item_size_small__1si5gvw4"}},defaultVariants:{},compoundVariants:[]}),body:s({defaultClassName:"rarui-accordion_body__1si5gvw5",variantClassNames:{padding:{base:"rarui-accordion_body_padding_base__1si5gvw6",none:"rarui-accordion_body_padding_none__1si5gvw7"}},defaultVariants:{},compoundVariants:[]})}}})(),a})()));

package/dist/avatar/index.css

@@ -1 +0,0 @@
-:root{--rarui-colors-surface-background:#f7f7f8;--rarui-colors-surface-brand:#03aefc;--rarui-colors-surface-brand-hover:rgba(3,174,252,.1);--rarui-colors-surface-brand-press:rgba(3,174,252,.2);--rarui-colors-surface-brand-subdued:rgba(3,174,252,.1);--rarui-colors-surface-disabled:#eaebec;--rarui-colors-surface-error:#dc2a23;--rarui-colors-surface-error-hover:rgba(220,42,35,.1);--rarui-colors-surface-error-press:rgba(220,42,35,.2);--rarui-colors-surface-error-subdued:#fff6f5;--rarui-colors-surface-hover:rgba(0,0,0,.1);--rarui-colors-surface-info:#03aefc;--rarui-colors-surface-info-hover:rgba(3,174,252,.1);--rarui-colors-surface-info-press:rgba(3,174,252,.2);--rarui-colors-surface-info-subdued:#f5fcff;--rarui-colors-surface-invert:#0c0d0d;--rarui-colors-surface-invert-disabled:#3d4143;--rarui-colors-surface-invert-hover:hsla(0,0%,100%,.1);--rarui-colors-surface-invert-press:hsla(0,0%,100%,.2);--rarui-colors-surface-invert-secondary:#27292b;--rarui-colors-surface-overlay:rgba(0,0,0,.65);--rarui-colors-surface-press:rgba(0,0,0,.2);--rarui-colors-surface-primary:#fff;--rarui-colors-surface-secondary:#f2f2f3;--rarui-colors-surface-success:#1a9338;--rarui-colors-surface-success-hover:rgba(26,147,56,.1);--rarui-colors-surface-success-press:rgba(26,147,56,.2);--rarui-colors-surface-success-subdued:#f5fff3;--rarui-colors-surface-warning:#ffb042;--rarui-colors-surface-warning-hover:rgba(231,157,19,.1);--rarui-colors-surface-warning-press:rgba(231,157,19,.2);--rarui-colors-surface-warning-subdued:#ffeacc;--rarui-colors-content-brand:#03aefc;--rarui-colors-content-brand-alt:#68cefd;--rarui-colors-content-disabled:rgba(0,0,0,.3);--rarui-colors-content-error:#a3292f;--rarui-colors-content-info:#028aca;--rarui-colors-content-invert:#fff;--rarui-colors-content-invert-disabled:hsla(0,0%,100%,.4);--rarui-colors-content-invert-secondary:hsla(0,0%,100%,.75);--rarui-colors-content-on-brand:#fafdff;--rarui-colors-content-on-error:#ffe9e5;--rarui-colors-content-on-info:#e5f7ff;--rarui-colors-content-on-success:#f5fff3;--rarui-colors-content-on-warning:#4d2a00;--rarui-colors-content-primary:#181a1b;--rarui-colors-content-secondary:#61676b;--rarui-colors-content-success:#0c451b;--rarui-colors-content-warning:#866000;--rarui-colors-content-warning-alt:#ffb042;--rarui-colors-border-brand:#99defe;--rarui-colors-border-brand-alt:#03aefc;--rarui-colors-border-disabled:rgba(0,0,0,.05);--rarui-colors-border-divider:rgba(0,0,0,.1);--rarui-colors-border-error:#ffa499;--rarui-colors-border-info:#99defe;--rarui-colors-border-invert:hsla(0,0%,100%,.3);--rarui-colors-border-invert-disabled:hsla(0,0%,100%,.1);--rarui-colors-border-primary:rgba(0,0,0,.4);--rarui-colors-border-secondary:rgba(0,0,0,.2);--rarui-colors-border-subdued:rgba(0,0,0,.1);--rarui-colors-border-success:#8bf4a6;--rarui-colors-border-warning:#ffbb5c;--rarui-fontFamily-body:Inter,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",arial,sans-serif;--rarui-fontFamily-heading:Inter,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",arial,sans-serif;--rarui-fontFamily-button:Inter,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",arial,sans-serif;--rarui-fontSize-body-xxs:0.6875rem;--rarui-fontSize-body-xs:0.75rem;--rarui-fontSize-body-s:0.875rem;--rarui-fontSize-body-m:1rem;--rarui-fontSize-body-l:1.125rem;--rarui-fontSize-body-xl:1.5rem;--rarui-fontSize-heading-xs:1.25rem;--rarui-fontSize-heading-s:1.5rem;--rarui-fontSize-heading-m:1.75rem;--rarui-fontSize-heading-l:2.375rem;--rarui-fontSize-heading-xl:2.875rem;--rarui-fontSize-heading-hero:4.25rem;--rarui-fontSize-button-xs:0.75rem;--rarui-fontSize-button-s:0.875rem;--rarui-fontSize-button-m:0.9375rem;--rarui-fontSize-button-l:1rem;--rarui-fontSize-label-s:0.75rem;--rarui-fontSize-label-m:0.875rem;--rarui-fontSize-label-l:1rem;--rarui-fontWeight-regular:400;--rarui-fontWeight-medium:500;--rarui-fontWeight-semiBold:600;--rarui-fontWeight-bold:700;--rarui-lineHeight-body-xxs:0.875rem;--rarui-lineHeight-body-xs:1rem;--rarui-lineHeight-body-s:1.25rem;--rarui-lineHeight-body-m:1.5rem;--rarui-lineHeight-body-l:1.75rem;--rarui-lineHeight-body-xl:2rem;--rarui-lineHeight-heading-xs:1.5rem;--rarui-lineHeight-heading-s:1.75rem;--rarui-lineHeight-heading-m:2rem;--rarui-lineHeight-heading-l:2.75rem;--rarui-lineHeight-heading-xl:3.5rem;--rarui-lineHeight-heading-hero:4.375rem;--rarui-lineHeight-button-s:normal;--rarui-lineHeight-button-m:normal;--rarui-lineHeight-button-l:normal;--rarui-lineHeight-label-s:normal;--rarui-lineHeight-label-m:normal;--rarui-lineHeight-label-l:normal;--rarui-elevation-none:none;--rarui-elevation-top-1:0px -1px 2px 0px rgba(78,81,83,.1);--rarui-elevation-top-2:0px -4px 8px 0px rgba(78,81,83,.1);--rarui-elevation-top-3:0px -8px 16px 0px rgba(78,81,83,.08);--rarui-elevation-top-4:0px -16px 32px 0px rgba(78,81,83,.08);--rarui-elevation-top-5:0px -24px 64px 0px rgba(78,81,83,.08);--rarui-elevation-bottom-1:0px 1px 2px 0px rgba(78,81,83,.1);--rarui-elevation-bottom-2:0px 4px 8px 0px rgba(78,81,83,.1);--rarui-elevation-bottom-3:0px 8px 16px 0px rgba(78,81,83,.08);--rarui-elevation-bottom-4:0px 16px 32px 0px rgba(78,81,83,.08);--rarui-elevation-bottom-5:0px 24px 48px 0px rgba(78,81,83,.08);--rarui-elevation-focus-ring:0px 0px 0px 2px rgba(3,174,252,.2);--rarui-shape-border-radius-none:0;--rarui-shape-border-radius-2xs:0.25rem;--rarui-shape-border-radius-xs:0.5rem;--rarui-shape-border-radius-sm:1rem;--rarui-shape-border-radius-md:1.5rem;--rarui-shape-border-radius-lg:2rem;--rarui-shape-border-radius-xl:3rem;--rarui-shape-border-radius-2xl:4rem;--rarui-shape-border-radius-pill:31.25rem;--rarui-shape-border-radius-button:0.5rem;--rarui-shape-border-radius-input:0.5rem;--rarui-shape-border-width-1:0.0625rem;--rarui-shape-border-width-2:0.125rem;--rarui-shape-border-width-3:0.1875rem;--rarui-shape-border-width-4:1rem;--rarui-shape-border-width-5:1.25rem;--rarui-spacing-4xs:0.25rem;--rarui-spacing-3xs:0.5rem;--rarui-spacing-2xs:0.75rem;--rarui-spacing-xs:1rem;--rarui-spacing-s:1.5rem;--rarui-spacing-md:2rem;--rarui-spacing-lg:2.5rem;--rarui-spacing-xl:3rem;--rarui-spacing-2xl:3.5rem;--rarui-spacing-3xl:4rem;--rarui-spacing-4xl:5rem;--rarui-spacing-5xl:6rem;--rarui-spacing-6xl:7rem;--rarui-spacing-7xl:7.75rem;--rarui-spacing-8xl:9rem;--rarui-zIndex-100:100;--rarui-zIndex-200:200;--rarui-zIndex-300:300;--rarui-zIndex-400:400;--rarui-zIndex-500:500;--rarui-zIndex-600:600;--rarui-zIndex-700:700;--rarui-zIndex-800:800;--rarui-zIndex-900:900;--rarui-breakpoint-xs:0px;--rarui-breakpoint-md:768px;--rarui-breakpoint-lg:1200px;--rarui-breakpoint-xl:1400px}.rarui-avatar_container__1jwfew50{display:inline-flex;position:relative}.rarui-avatar__1jwfew51{align-items:center;background-color:var(--rarui-colors-surface-secondary);border-color:var(--rarui-colors-border-subdued);border-radius:100%;border-style:solid;border-width:var(--rarui-shape-border-width-1);color:var(--rarui-colors-content-primary);display:flex;justify-content:center;overflow:hidden;position:relative}.rarui-avatar_size_small__1jwfew52{font-size:var(--rarui-fontSize-body-xxs);height:20px;width:20px}.rarui-avatar_size_medium__1jwfew53{font-size:var(--rarui-fontSize-body-xs);height:30px;width:30px}.rarui-avatar_size_large__1jwfew54{border-width:var(--rarui-shape-border-width-2);font-size:var(--rarui-fontSize-body-s);height:40px;width:40px}.rarui-avatar_size_xLarge__1jwfew55{border-width:var(--rarui-shape-border-width-2);font-size:var(--rarui-fontSize-body-m);height:60px;width:60px}.rarui-avatar_badge__1jwfew56{position:absolute;top:0}.rarui-avatar_badge_size_small__1jwfew57{left:18px}.rarui-avatar_badge_size_medium__1jwfew58{left:24px}.rarui-avatar_badge_size_large__1jwfew59{left:30px;top:-4px}.rarui-avatar_badge_size_xLarge__1jwfew5a{left:44px}.rarui-avatar__1jwfew51 img{height:100%;object-fit:cover;width:100%}

package/dist/avatar/index.js

@@ -1 +0,0 @@
-!function(r,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["@rarui/styles"]=e():r["@rarui/styles"]=e()}(global,(()=>(()=>{"use strict";var r={1271:(r,e,a)=>{var t=a(6758),n=a.n(t),i=a(935),o=a.n(i)()(n());o.push([r.id,"// extracted by mini-css-extract-plugin\nexport {};",""])},534:(r,e,a)=>{var t=a(6758),n=a.n(t),i=a(935),o=a.n(i)()(n());o.push([r.id,"// extracted by mini-css-extract-plugin\nexport {};",""])},935:r=>{r.exports=function(r){var e=[];return e.toString=function(){return this.map((function(e){var a="",t=void 0!==e[5];return e[4]&&(a+="@supports (".concat(e[4],") {")),e[2]&&(a+="@media ".concat(e[2]," {")),t&&(a+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),a+=r(e),t&&(a+="}"),e[2]&&(a+="}"),e[4]&&(a+="}"),a})).join("")},e.i=function(r,a,t,n,i){"string"==typeof r&&(r=[[null,r,void 0]]);var o={};if(t)for(var s=0;s<this.length;s++){var u=this[s][0];null!=u&&(o[u]=!0)}for(var l=0;l<r.length;l++){var c=[].concat(r[l]);t&&o[c[0]]||(void 0!==i&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=i),a&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=a):c[2]=a),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),e.push(c))}},e}},6758:r=>{r.exports=function(r){return r[1]}}},e={};function a(t){var n=e[t];if(void 0!==n)return n.exports;var i=e[t]={id:t,exports:{}};return r[t](i,i.exports,a),i.exports}a.n=r=>{var e=r&&r.__esModule?()=>r.default:()=>r;return a.d(e,{a:e}),e},a.d=(r,e)=>{for(var t in e)a.o(e,t)&&!a.o(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:e[t]})},a.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),a.r=r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})};var t={};return(()=>{a.r(t),a.d(t,{avatar:()=>u});a(534),a(1271);function r(r){var e=function(r,e){if("object"!=typeof r||!r)return r;var a=r[Symbol.toPrimitive];if(void 0!==a){var t=a.call(r,e||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}(r,"string");return"symbol"==typeof e?e:String(e)}function e(r,e){var a=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),a.push.apply(a,t)}return a}function n(a){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?e(Object(n),!0).forEach((function(e){var t,i,o;t=a,i=e,o=n[e],(i=r(i))in t?Object.defineProperty(t,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(n)):e(Object(n)).forEach((function(r){Object.defineProperty(a,r,Object.getOwnPropertyDescriptor(n,r))}))}return a}function i(r,e){var a={};for(var t in r)a[t]=e(r[t],t);return a}var o=(r,e,a)=>{for(var t of Object.keys(r)){var n;if(r[t]!==(null!==(n=e[t])&&void 0!==n?n:a[t]))return!1}return!0},s=r=>{var e=e=>{var a=r.defaultClassName,t=n(n({},r.defaultVariants),e);for(var i in t){var s,u=null!==(s=t[i])&&void 0!==s?s:r.defaultVariants[i];if(null!=u){var l=u;"boolean"==typeof l&&(l=!0===l?"true":"false");var c=r.variantClassNames[i][l];c&&(a+=" "+c)}}for(var[f,v]of r.compoundVariants)o(f,t,r.defaultVariants)&&(a+=" "+v);return a};return e.variants=()=>Object.keys(r.variantClassNames),e.classNames={get base(){return r.defaultClassName.split(" ")[0]},get variants(){return i(r.variantClassNames,(r=>i(r,(r=>r.split(" ")[0]))))}},e},u={classnames:{container:"rarui-avatar_container__1jwfew50",avatar:s({defaultClassName:"rarui-avatar__1jwfew51",variantClassNames:{size:{small:"rarui-avatar_size_small__1jwfew52",medium:"rarui-avatar_size_medium__1jwfew53",large:"rarui-avatar_size_large__1jwfew54",xLarge:"rarui-avatar_size_xLarge__1jwfew55"}},defaultVariants:{},compoundVariants:[]}),badge:s({defaultClassName:"rarui-avatar_badge__1jwfew56",variantClassNames:{size:{small:"rarui-avatar_badge_size_small__1jwfew57",medium:"rarui-avatar_badge_size_medium__1jwfew58",large:"rarui-avatar_badge_size_large__1jwfew59",xLarge:"rarui-avatar_badge_size_xLarge__1jwfew5a"}},defaultVariants:{},compoundVariants:[]})}}})(),t})()));