@rarui/styles 2.2.5 → 2.3.0-rc.1

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

@@ -0,0 +1,63 @@
+.rarui-accordion_item__1si5gvw0 {
+  cursor: pointer;
+  box-sizing: border-box;
+  background-color: transparent;
+  border-style: solid;
+  border-width: 0;
+  border-bottom-width: var(--rarui-shape-border-width-1);
+  border-bottom-color: var(--rarui-colors-border-subdued);
+  border-top-left-radius: var(--rarui-shape-border-radius-2xs);
+  border-top-right-radius: var(--rarui-shape-border-radius-2xs);
+  color: var(--rarui-colors-content-primary);
+  transition: all 150ms 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;
+  cursor: not-allowed;
+  color: var(--rarui-colors-content-disabled);
+}
+.rarui-accordion_item__1si5gvw0:focus-within {
+  outline: none;
+  box-shadow: var(--rarui-elevation-focus-ring);
+}
+.rarui-accordion_item_selected_true__1si5gvw1 {
+  color: var(--rarui-colors-content-brand);
+  border-bottom-color: var(--rarui-colors-border-brand-alt);
+}
+.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 {
+  border-bottom-color: var(--rarui-colors-border-subdued);
+  background-color: transparent;
+}
+.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-style: solid;
+  border-width: 0;
+  border-bottom-width: var(--rarui-shape-border-width-1);
+  border-bottom-color: var(--rarui-colors-border-subdued);
+}
+.rarui-accordion_body_padding_base__1si5gvw6 {
+  padding: var(--rarui-spacing-2xs);
+}
+.rarui-accordion_body_padding_none__1si5gvw7 {
+  padding: 0;
+}

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

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-accordion.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var i={item:a({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:a({defaultClassName:"rarui-accordion_body__1si5gvw5",variantClassNames:{padding:{base:"rarui-accordion_body_padding_base__1si5gvw6",none:"rarui-accordion_body_padding_none__1si5gvw7"}},defaultVariants:{},compoundVariants:[]})};export{i as accordionStyles};

package/dist/packages/surface/banner/index.js

@@ -0,0 +1 @@
+import{bannerStyles as r}from"./rarui-banner.css.js";var s={classnames:r};export{s as banner};

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

@@ -0,0 +1,42 @@
+.rarui-banner__1wgs6s20 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  width: auto;
+  margin-right: auto;
+  padding: var(--rarui-spacing-4xs) var(--rarui-spacing-3xs);
+}
+.rarui-banner_appearance_brand__1wgs6s21 {
+  background-color: var(--rarui-colors-surface-brand);
+  color: var(--rarui-colors-content-on-brand);
+}
+.rarui-banner_appearance_info__1wgs6s22 {
+  background-color: var(--rarui-colors-surface-info-subdued);
+  color: var(--rarui-colors-content-info);
+}
+.rarui-banner_appearance_neutral__1wgs6s23 {
+  background-color: var(--rarui-colors-surface-primary);
+  color: var(--rarui-colors-content-secondary);
+}
+.rarui-banner_appearance_inverted__1wgs6s24 {
+  background-color: var(--rarui-colors-surface-invert);
+  color: var(--rarui-colors-content-invert-secondary);
+}
+.rarui-banner_appearance_warning__1wgs6s25 {
+  background-color: var(--rarui-colors-surface-warning);
+  color: var(--rarui-colors-content-on-warning);
+}
+.rarui-banner_appearance_error__1wgs6s26 {
+  background-color: var(--rarui-colors-surface-error);
+  color: var(--rarui-colors-content-on-error);
+}
+.rarui-banner_floating_true__1wgs6s27 {
+  border-radius: var(--rarui-shape-border-radius-xs);
+}
+.rarui-banner__compound_0__1wgs6s28 {
+  border: 1px solid var(--rarui-colors-border-subdued);
+}
+.rarui-banner__compound_1__1wgs6s29 {
+  border: 1px solid var(--rarui-colors-border-invert);
+}

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

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-banner.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={banner:a({defaultClassName:"rarui-banner__1wgs6s20",variantClassNames:{appearance:{brand:"rarui-banner_appearance_brand__1wgs6s21",info:"rarui-banner_appearance_info__1wgs6s22",neutral:"rarui-banner_appearance_neutral__1wgs6s23",inverted:"rarui-banner_appearance_inverted__1wgs6s24",warning:"rarui-banner_appearance_warning__1wgs6s25",error:"rarui-banner_appearance_error__1wgs6s26"},floating:{true:"rarui-banner_floating_true__1wgs6s27"}},defaultVariants:{},compoundVariants:[[{appearance:"neutral",floating:!0},"rarui-banner__compound_0__1wgs6s28"],[{appearance:"inverted",floating:!0},"rarui-banner__compound_1__1wgs6s29"]]})};export{r as bannerStyles};

package/dist/packages/surface/card/index.js

@@ -0,0 +1 @@
+import{cardSprinkle as r,cardStyles as s}from"./rarui-card.css.js";var a={classnames:s,sprinkle:r};export{a as card};

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

@@ -0,0 +1,422 @@
+.rarui-card__2r8l1h0 {
+  display: flex;
+  flex-direction: column;
+  border-style: solid;
+  border-width: var(--rarui-shape-border-width-1);
+  border-radius: var(--rarui-shape-border-radius-xs);
+  background-color: var(--rarui-colors-surface-primary);
+  border-color: var(--rarui-colors-border-subdued);
+  gap: var(--rarui-spacing-3xs);
+  color: var(--rarui-colors-content-primary);
+  font-family: var(--rarui-fontFamily-body);
+}
+.rarui-card_padding_base__2r8l1h1 {
+  padding: var(--rarui-spacing-s);
+}
+.rarui-card_padding_none__2r8l1h2 {
+  padding: 0;
+}
+@media screen and (min-width: 0px) {
+  .rarui-card_backgroundColor-transparent-xs__2r8l1h3 {
+    background-color: transparent;
+  }
+  .rarui-card_backgroundColor-background-xs__2r8l1h7 {
+    background-color: var(--rarui-colors-surface-background);
+  }
+  .rarui-card_backgroundColor-brand-xs__2r8l1hb {
+    background-color: var(--rarui-colors-surface-brand);
+  }
+  .rarui-card_backgroundColor-brand-hover-xs__2r8l1hf {
+    background-color: var(--rarui-colors-surface-brand-hover);
+  }
+  .rarui-card_backgroundColor-brand-press-xs__2r8l1hj {
+    background-color: var(--rarui-colors-surface-brand-press);
+  }
+  .rarui-card_backgroundColor-brand-subdued-xs__2r8l1hn {
+    background-color: var(--rarui-colors-surface-brand-subdued);
+  }
+  .rarui-card_backgroundColor-disabled-xs__2r8l1hr {
+    background-color: var(--rarui-colors-surface-disabled);
+  }
+  .rarui-card_backgroundColor-error-xs__2r8l1hv {
+    background-color: var(--rarui-colors-surface-error);
+  }
+  .rarui-card_backgroundColor-error-hover-xs__2r8l1hz {
+    background-color: var(--rarui-colors-surface-error-hover);
+  }
+  .rarui-card_backgroundColor-error-press-xs__2r8l1h13 {
+    background-color: var(--rarui-colors-surface-error-press);
+  }
+  .rarui-card_backgroundColor-error-subdued-xs__2r8l1h17 {
+    background-color: var(--rarui-colors-surface-error-subdued);
+  }
+  .rarui-card_backgroundColor-hover-xs__2r8l1h1b {
+    background-color: var(--rarui-colors-surface-hover);
+  }
+  .rarui-card_backgroundColor-info-xs__2r8l1h1f {
+    background-color: var(--rarui-colors-surface-info);
+  }
+  .rarui-card_backgroundColor-info-hover-xs__2r8l1h1j {
+    background-color: var(--rarui-colors-surface-info-hover);
+  }
+  .rarui-card_backgroundColor-info-press-xs__2r8l1h1n {
+    background-color: var(--rarui-colors-surface-info-press);
+  }
+  .rarui-card_backgroundColor-info-subdued-xs__2r8l1h1r {
+    background-color: var(--rarui-colors-surface-info-subdued);
+  }
+  .rarui-card_backgroundColor-invert-xs__2r8l1h1v {
+    background-color: var(--rarui-colors-surface-invert);
+  }
+  .rarui-card_backgroundColor-invert-disabled-xs__2r8l1h1z {
+    background-color: var(--rarui-colors-surface-invert-disabled);
+  }
+  .rarui-card_backgroundColor-invert-hover-xs__2r8l1h23 {
+    background-color: var(--rarui-colors-surface-invert-hover);
+  }
+  .rarui-card_backgroundColor-invert-press-xs__2r8l1h27 {
+    background-color: var(--rarui-colors-surface-invert-press);
+  }
+  .rarui-card_backgroundColor-invert-secondary-xs__2r8l1h2b {
+    background-color: var(--rarui-colors-surface-invert-secondary);
+  }
+  .rarui-card_backgroundColor-overlay-xs__2r8l1h2f {
+    background-color: var(--rarui-colors-surface-overlay);
+  }
+  .rarui-card_backgroundColor-press-xs__2r8l1h2j {
+    background-color: var(--rarui-colors-surface-press);
+  }
+  .rarui-card_backgroundColor-primary-xs__2r8l1h2n {
+    background-color: var(--rarui-colors-surface-primary);
+  }
+  .rarui-card_backgroundColor-secondary-xs__2r8l1h2r {
+    background-color: var(--rarui-colors-surface-secondary);
+  }
+  .rarui-card_backgroundColor-success-xs__2r8l1h2v {
+    background-color: var(--rarui-colors-surface-success);
+  }
+  .rarui-card_backgroundColor-success-hover-xs__2r8l1h2z {
+    background-color: var(--rarui-colors-surface-success-hover);
+  }
+  .rarui-card_backgroundColor-success-press-xs__2r8l1h33 {
+    background-color: var(--rarui-colors-surface-success-press);
+  }
+  .rarui-card_backgroundColor-success-subdued-xs__2r8l1h37 {
+    background-color: var(--rarui-colors-surface-success-subdued);
+  }
+  .rarui-card_backgroundColor-warning-xs__2r8l1h3b {
+    background-color: var(--rarui-colors-surface-warning);
+  }
+  .rarui-card_backgroundColor-warning-hover-xs__2r8l1h3f {
+    background-color: var(--rarui-colors-surface-warning-hover);
+  }
+  .rarui-card_backgroundColor-warning-press-xs__2r8l1h3j {
+    background-color: var(--rarui-colors-surface-warning-press);
+  }
+  .rarui-card_backgroundColor-warning-subdued-xs__2r8l1h3n {
+    background-color: var(--rarui-colors-surface-warning-subdued);
+  }
+}
+@media screen and (min-width: 768px) {
+  .rarui-card_backgroundColor-transparent-md__2r8l1h4 {
+    background-color: transparent;
+  }
+  .rarui-card_backgroundColor-background-md__2r8l1h8 {
+    background-color: var(--rarui-colors-surface-background);
+  }
+  .rarui-card_backgroundColor-brand-md__2r8l1hc {
+    background-color: var(--rarui-colors-surface-brand);
+  }
+  .rarui-card_backgroundColor-brand-hover-md__2r8l1hg {
+    background-color: var(--rarui-colors-surface-brand-hover);
+  }
+  .rarui-card_backgroundColor-brand-press-md__2r8l1hk {
+    background-color: var(--rarui-colors-surface-brand-press);
+  }
+  .rarui-card_backgroundColor-brand-subdued-md__2r8l1ho {
+    background-color: var(--rarui-colors-surface-brand-subdued);
+  }
+  .rarui-card_backgroundColor-disabled-md__2r8l1hs {
+    background-color: var(--rarui-colors-surface-disabled);
+  }
+  .rarui-card_backgroundColor-error-md__2r8l1hw {
+    background-color: var(--rarui-colors-surface-error);
+  }
+  .rarui-card_backgroundColor-error-hover-md__2r8l1h10 {
+    background-color: var(--rarui-colors-surface-error-hover);
+  }
+  .rarui-card_backgroundColor-error-press-md__2r8l1h14 {
+    background-color: var(--rarui-colors-surface-error-press);
+  }
+  .rarui-card_backgroundColor-error-subdued-md__2r8l1h18 {
+    background-color: var(--rarui-colors-surface-error-subdued);
+  }
+  .rarui-card_backgroundColor-hover-md__2r8l1h1c {
+    background-color: var(--rarui-colors-surface-hover);
+  }
+  .rarui-card_backgroundColor-info-md__2r8l1h1g {
+    background-color: var(--rarui-colors-surface-info);
+  }
+  .rarui-card_backgroundColor-info-hover-md__2r8l1h1k {
+    background-color: var(--rarui-colors-surface-info-hover);
+  }
+  .rarui-card_backgroundColor-info-press-md__2r8l1h1o {
+    background-color: var(--rarui-colors-surface-info-press);
+  }
+  .rarui-card_backgroundColor-info-subdued-md__2r8l1h1s {
+    background-color: var(--rarui-colors-surface-info-subdued);
+  }
+  .rarui-card_backgroundColor-invert-md__2r8l1h1w {
+    background-color: var(--rarui-colors-surface-invert);
+  }
+  .rarui-card_backgroundColor-invert-disabled-md__2r8l1h20 {
+    background-color: var(--rarui-colors-surface-invert-disabled);
+  }
+  .rarui-card_backgroundColor-invert-hover-md__2r8l1h24 {
+    background-color: var(--rarui-colors-surface-invert-hover);
+  }
+  .rarui-card_backgroundColor-invert-press-md__2r8l1h28 {
+    background-color: var(--rarui-colors-surface-invert-press);
+  }
+  .rarui-card_backgroundColor-invert-secondary-md__2r8l1h2c {
+    background-color: var(--rarui-colors-surface-invert-secondary);
+  }
+  .rarui-card_backgroundColor-overlay-md__2r8l1h2g {
+    background-color: var(--rarui-colors-surface-overlay);
+  }
+  .rarui-card_backgroundColor-press-md__2r8l1h2k {
+    background-color: var(--rarui-colors-surface-press);
+  }
+  .rarui-card_backgroundColor-primary-md__2r8l1h2o {
+    background-color: var(--rarui-colors-surface-primary);
+  }
+  .rarui-card_backgroundColor-secondary-md__2r8l1h2s {
+    background-color: var(--rarui-colors-surface-secondary);
+  }
+  .rarui-card_backgroundColor-success-md__2r8l1h2w {
+    background-color: var(--rarui-colors-surface-success);
+  }
+  .rarui-card_backgroundColor-success-hover-md__2r8l1h30 {
+    background-color: var(--rarui-colors-surface-success-hover);
+  }
+  .rarui-card_backgroundColor-success-press-md__2r8l1h34 {
+    background-color: var(--rarui-colors-surface-success-press);
+  }
+  .rarui-card_backgroundColor-success-subdued-md__2r8l1h38 {
+    background-color: var(--rarui-colors-surface-success-subdued);
+  }
+  .rarui-card_backgroundColor-warning-md__2r8l1h3c {
+    background-color: var(--rarui-colors-surface-warning);
+  }
+  .rarui-card_backgroundColor-warning-hover-md__2r8l1h3g {
+    background-color: var(--rarui-colors-surface-warning-hover);
+  }
+  .rarui-card_backgroundColor-warning-press-md__2r8l1h3k {
+    background-color: var(--rarui-colors-surface-warning-press);
+  }
+  .rarui-card_backgroundColor-warning-subdued-md__2r8l1h3o {
+    background-color: var(--rarui-colors-surface-warning-subdued);
+  }
+}
+@media screen and (min-width: 1200px) {
+  .rarui-card_backgroundColor-transparent-lg__2r8l1h5 {
+    background-color: transparent;
+  }
+  .rarui-card_backgroundColor-background-lg__2r8l1h9 {
+    background-color: var(--rarui-colors-surface-background);
+  }
+  .rarui-card_backgroundColor-brand-lg__2r8l1hd {
+    background-color: var(--rarui-colors-surface-brand);
+  }
+  .rarui-card_backgroundColor-brand-hover-lg__2r8l1hh {
+    background-color: var(--rarui-colors-surface-brand-hover);
+  }
+  .rarui-card_backgroundColor-brand-press-lg__2r8l1hl {
+    background-color: var(--rarui-colors-surface-brand-press);
+  }
+  .rarui-card_backgroundColor-brand-subdued-lg__2r8l1hp {
+    background-color: var(--rarui-colors-surface-brand-subdued);
+  }
+  .rarui-card_backgroundColor-disabled-lg__2r8l1ht {
+    background-color: var(--rarui-colors-surface-disabled);
+  }
+  .rarui-card_backgroundColor-error-lg__2r8l1hx {
+    background-color: var(--rarui-colors-surface-error);
+  }
+  .rarui-card_backgroundColor-error-hover-lg__2r8l1h11 {
+    background-color: var(--rarui-colors-surface-error-hover);
+  }
+  .rarui-card_backgroundColor-error-press-lg__2r8l1h15 {
+    background-color: var(--rarui-colors-surface-error-press);
+  }
+  .rarui-card_backgroundColor-error-subdued-lg__2r8l1h19 {
+    background-color: var(--rarui-colors-surface-error-subdued);
+  }
+  .rarui-card_backgroundColor-hover-lg__2r8l1h1d {
+    background-color: var(--rarui-colors-surface-hover);
+  }
+  .rarui-card_backgroundColor-info-lg__2r8l1h1h {
+    background-color: var(--rarui-colors-surface-info);
+  }
+  .rarui-card_backgroundColor-info-hover-lg__2r8l1h1l {
+    background-color: var(--rarui-colors-surface-info-hover);
+  }
+  .rarui-card_backgroundColor-info-press-lg__2r8l1h1p {
+    background-color: var(--rarui-colors-surface-info-press);
+  }
+  .rarui-card_backgroundColor-info-subdued-lg__2r8l1h1t {
+    background-color: var(--rarui-colors-surface-info-subdued);
+  }
+  .rarui-card_backgroundColor-invert-lg__2r8l1h1x {
+    background-color: var(--rarui-colors-surface-invert);
+  }
+  .rarui-card_backgroundColor-invert-disabled-lg__2r8l1h21 {
+    background-color: var(--rarui-colors-surface-invert-disabled);
+  }
+  .rarui-card_backgroundColor-invert-hover-lg__2r8l1h25 {
+    background-color: var(--rarui-colors-surface-invert-hover);
+  }
+  .rarui-card_backgroundColor-invert-press-lg__2r8l1h29 {
+    background-color: var(--rarui-colors-surface-invert-press);
+  }
+  .rarui-card_backgroundColor-invert-secondary-lg__2r8l1h2d {
+    background-color: var(--rarui-colors-surface-invert-secondary);
+  }
+  .rarui-card_backgroundColor-overlay-lg__2r8l1h2h {
+    background-color: var(--rarui-colors-surface-overlay);
+  }
+  .rarui-card_backgroundColor-press-lg__2r8l1h2l {
+    background-color: var(--rarui-colors-surface-press);
+  }
+  .rarui-card_backgroundColor-primary-lg__2r8l1h2p {
+    background-color: var(--rarui-colors-surface-primary);
+  }
+  .rarui-card_backgroundColor-secondary-lg__2r8l1h2t {
+    background-color: var(--rarui-colors-surface-secondary);
+  }
+  .rarui-card_backgroundColor-success-lg__2r8l1h2x {
+    background-color: var(--rarui-colors-surface-success);
+  }
+  .rarui-card_backgroundColor-success-hover-lg__2r8l1h31 {
+    background-color: var(--rarui-colors-surface-success-hover);
+  }
+  .rarui-card_backgroundColor-success-press-lg__2r8l1h35 {
+    background-color: var(--rarui-colors-surface-success-press);
+  }
+  .rarui-card_backgroundColor-success-subdued-lg__2r8l1h39 {
+    background-color: var(--rarui-colors-surface-success-subdued);
+  }
+  .rarui-card_backgroundColor-warning-lg__2r8l1h3d {
+    background-color: var(--rarui-colors-surface-warning);
+  }
+  .rarui-card_backgroundColor-warning-hover-lg__2r8l1h3h {
+    background-color: var(--rarui-colors-surface-warning-hover);
+  }
+  .rarui-card_backgroundColor-warning-press-lg__2r8l1h3l {
+    background-color: var(--rarui-colors-surface-warning-press);
+  }
+  .rarui-card_backgroundColor-warning-subdued-lg__2r8l1h3p {
+    background-color: var(--rarui-colors-surface-warning-subdued);
+  }
+}
+@media screen and (min-width: 1400px) {
+  .rarui-card_backgroundColor-transparent-xl__2r8l1h6 {
+    background-color: transparent;
+  }
+  .rarui-card_backgroundColor-background-xl__2r8l1ha {
+    background-color: var(--rarui-colors-surface-background);
+  }
+  .rarui-card_backgroundColor-brand-xl__2r8l1he {
+    background-color: var(--rarui-colors-surface-brand);
+  }
+  .rarui-card_backgroundColor-brand-hover-xl__2r8l1hi {
+    background-color: var(--rarui-colors-surface-brand-hover);
+  }
+  .rarui-card_backgroundColor-brand-press-xl__2r8l1hm {
+    background-color: var(--rarui-colors-surface-brand-press);
+  }
+  .rarui-card_backgroundColor-brand-subdued-xl__2r8l1hq {
+    background-color: var(--rarui-colors-surface-brand-subdued);
+  }
+  .rarui-card_backgroundColor-disabled-xl__2r8l1hu {
+    background-color: var(--rarui-colors-surface-disabled);
+  }
+  .rarui-card_backgroundColor-error-xl__2r8l1hy {
+    background-color: var(--rarui-colors-surface-error);
+  }
+  .rarui-card_backgroundColor-error-hover-xl__2r8l1h12 {
+    background-color: var(--rarui-colors-surface-error-hover);
+  }
+  .rarui-card_backgroundColor-error-press-xl__2r8l1h16 {
+    background-color: var(--rarui-colors-surface-error-press);
+  }
+  .rarui-card_backgroundColor-error-subdued-xl__2r8l1h1a {
+    background-color: var(--rarui-colors-surface-error-subdued);
+  }
+  .rarui-card_backgroundColor-hover-xl__2r8l1h1e {
+    background-color: var(--rarui-colors-surface-hover);
+  }
+  .rarui-card_backgroundColor-info-xl__2r8l1h1i {
+    background-color: var(--rarui-colors-surface-info);
+  }
+  .rarui-card_backgroundColor-info-hover-xl__2r8l1h1m {
+    background-color: var(--rarui-colors-surface-info-hover);
+  }
+  .rarui-card_backgroundColor-info-press-xl__2r8l1h1q {
+    background-color: var(--rarui-colors-surface-info-press);
+  }
+  .rarui-card_backgroundColor-info-subdued-xl__2r8l1h1u {
+    background-color: var(--rarui-colors-surface-info-subdued);
+  }
+  .rarui-card_backgroundColor-invert-xl__2r8l1h1y {
+    background-color: var(--rarui-colors-surface-invert);
+  }
+  .rarui-card_backgroundColor-invert-disabled-xl__2r8l1h22 {
+    background-color: var(--rarui-colors-surface-invert-disabled);
+  }
+  .rarui-card_backgroundColor-invert-hover-xl__2r8l1h26 {
+    background-color: var(--rarui-colors-surface-invert-hover);
+  }
+  .rarui-card_backgroundColor-invert-press-xl__2r8l1h2a {
+    background-color: var(--rarui-colors-surface-invert-press);
+  }
+  .rarui-card_backgroundColor-invert-secondary-xl__2r8l1h2e {
+    background-color: var(--rarui-colors-surface-invert-secondary);
+  }
+  .rarui-card_backgroundColor-overlay-xl__2r8l1h2i {
+    background-color: var(--rarui-colors-surface-overlay);
+  }
+  .rarui-card_backgroundColor-press-xl__2r8l1h2m {
+    background-color: var(--rarui-colors-surface-press);
+  }
+  .rarui-card_backgroundColor-primary-xl__2r8l1h2q {
+    background-color: var(--rarui-colors-surface-primary);
+  }
+  .rarui-card_backgroundColor-secondary-xl__2r8l1h2u {
+    background-color: var(--rarui-colors-surface-secondary);
+  }
+  .rarui-card_backgroundColor-success-xl__2r8l1h2y {
+    background-color: var(--rarui-colors-surface-success);
+  }
+  .rarui-card_backgroundColor-success-hover-xl__2r8l1h32 {
+    background-color: var(--rarui-colors-surface-success-hover);
+  }
+  .rarui-card_backgroundColor-success-press-xl__2r8l1h36 {
+    background-color: var(--rarui-colors-surface-success-press);
+  }
+  .rarui-card_backgroundColor-success-subdued-xl__2r8l1h3a {
+    background-color: var(--rarui-colors-surface-success-subdued);
+  }
+  .rarui-card_backgroundColor-warning-xl__2r8l1h3e {
+    background-color: var(--rarui-colors-surface-warning);
+  }
+  .rarui-card_backgroundColor-warning-hover-xl__2r8l1h3i {
+    background-color: var(--rarui-colors-surface-warning-hover);
+  }
+  .rarui-card_backgroundColor-warning-press-xl__2r8l1h3m {
+    background-color: var(--rarui-colors-surface-warning-press);
+  }
+  .rarui-card_backgroundColor-warning-subdued-xl__2r8l1h3q {
+    background-color: var(--rarui-colors-surface-warning-subdued);
+  }
+}

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

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-card.css";import{c as r}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var o=r({config:{backgroundColor:{values:{transparent:{conditions:{xs:"rarui-card_backgroundColor-transparent-xs__2r8l1h3",md:"rarui-card_backgroundColor-transparent-md__2r8l1h4",lg:"rarui-card_backgroundColor-transparent-lg__2r8l1h5",xl:"rarui-card_backgroundColor-transparent-xl__2r8l1h6"},default:"rarui-card_backgroundColor-transparent-xs__2r8l1h3"},background:{conditions:{xs:"rarui-card_backgroundColor-background-xs__2r8l1h7",md:"rarui-card_backgroundColor-background-md__2r8l1h8",lg:"rarui-card_backgroundColor-background-lg__2r8l1h9",xl:"rarui-card_backgroundColor-background-xl__2r8l1ha"},default:"rarui-card_backgroundColor-background-xs__2r8l1h7"},brand:{conditions:{xs:"rarui-card_backgroundColor-brand-xs__2r8l1hb",md:"rarui-card_backgroundColor-brand-md__2r8l1hc",lg:"rarui-card_backgroundColor-brand-lg__2r8l1hd",xl:"rarui-card_backgroundColor-brand-xl__2r8l1he"},default:"rarui-card_backgroundColor-brand-xs__2r8l1hb"},"brand-hover":{conditions:{xs:"rarui-card_backgroundColor-brand-hover-xs__2r8l1hf",md:"rarui-card_backgroundColor-brand-hover-md__2r8l1hg",lg:"rarui-card_backgroundColor-brand-hover-lg__2r8l1hh",xl:"rarui-card_backgroundColor-brand-hover-xl__2r8l1hi"},default:"rarui-card_backgroundColor-brand-hover-xs__2r8l1hf"},"brand-press":{conditions:{xs:"rarui-card_backgroundColor-brand-press-xs__2r8l1hj",md:"rarui-card_backgroundColor-brand-press-md__2r8l1hk",lg:"rarui-card_backgroundColor-brand-press-lg__2r8l1hl",xl:"rarui-card_backgroundColor-brand-press-xl__2r8l1hm"},default:"rarui-card_backgroundColor-brand-press-xs__2r8l1hj"},"brand-subdued":{conditions:{xs:"rarui-card_backgroundColor-brand-subdued-xs__2r8l1hn",md:"rarui-card_backgroundColor-brand-subdued-md__2r8l1ho",lg:"rarui-card_backgroundColor-brand-subdued-lg__2r8l1hp",xl:"rarui-card_backgroundColor-brand-subdued-xl__2r8l1hq"},default:"rarui-card_backgroundColor-brand-subdued-xs__2r8l1hn"},disabled:{conditions:{xs:"rarui-card_backgroundColor-disabled-xs__2r8l1hr",md:"rarui-card_backgroundColor-disabled-md__2r8l1hs",lg:"rarui-card_backgroundColor-disabled-lg__2r8l1ht",xl:"rarui-card_backgroundColor-disabled-xl__2r8l1hu"},default:"rarui-card_backgroundColor-disabled-xs__2r8l1hr"},error:{conditions:{xs:"rarui-card_backgroundColor-error-xs__2r8l1hv",md:"rarui-card_backgroundColor-error-md__2r8l1hw",lg:"rarui-card_backgroundColor-error-lg__2r8l1hx",xl:"rarui-card_backgroundColor-error-xl__2r8l1hy"},default:"rarui-card_backgroundColor-error-xs__2r8l1hv"},"error-hover":{conditions:{xs:"rarui-card_backgroundColor-error-hover-xs__2r8l1hz",md:"rarui-card_backgroundColor-error-hover-md__2r8l1h10",lg:"rarui-card_backgroundColor-error-hover-lg__2r8l1h11",xl:"rarui-card_backgroundColor-error-hover-xl__2r8l1h12"},default:"rarui-card_backgroundColor-error-hover-xs__2r8l1hz"},"error-press":{conditions:{xs:"rarui-card_backgroundColor-error-press-xs__2r8l1h13",md:"rarui-card_backgroundColor-error-press-md__2r8l1h14",lg:"rarui-card_backgroundColor-error-press-lg__2r8l1h15",xl:"rarui-card_backgroundColor-error-press-xl__2r8l1h16"},default:"rarui-card_backgroundColor-error-press-xs__2r8l1h13"},"error-subdued":{conditions:{xs:"rarui-card_backgroundColor-error-subdued-xs__2r8l1h17",md:"rarui-card_backgroundColor-error-subdued-md__2r8l1h18",lg:"rarui-card_backgroundColor-error-subdued-lg__2r8l1h19",xl:"rarui-card_backgroundColor-error-subdued-xl__2r8l1h1a"},default:"rarui-card_backgroundColor-error-subdued-xs__2r8l1h17"},hover:{conditions:{xs:"rarui-card_backgroundColor-hover-xs__2r8l1h1b",md:"rarui-card_backgroundColor-hover-md__2r8l1h1c",lg:"rarui-card_backgroundColor-hover-lg__2r8l1h1d",xl:"rarui-card_backgroundColor-hover-xl__2r8l1h1e"},default:"rarui-card_backgroundColor-hover-xs__2r8l1h1b"},info:{conditions:{xs:"rarui-card_backgroundColor-info-xs__2r8l1h1f",md:"rarui-card_backgroundColor-info-md__2r8l1h1g",lg:"rarui-card_backgroundColor-info-lg__2r8l1h1h",xl:"rarui-card_backgroundColor-info-xl__2r8l1h1i"},default:"rarui-card_backgroundColor-info-xs__2r8l1h1f"},"info-hover":{conditions:{xs:"rarui-card_backgroundColor-info-hover-xs__2r8l1h1j",md:"rarui-card_backgroundColor-info-hover-md__2r8l1h1k",lg:"rarui-card_backgroundColor-info-hover-lg__2r8l1h1l",xl:"rarui-card_backgroundColor-info-hover-xl__2r8l1h1m"},default:"rarui-card_backgroundColor-info-hover-xs__2r8l1h1j"},"info-press":{conditions:{xs:"rarui-card_backgroundColor-info-press-xs__2r8l1h1n",md:"rarui-card_backgroundColor-info-press-md__2r8l1h1o",lg:"rarui-card_backgroundColor-info-press-lg__2r8l1h1p",xl:"rarui-card_backgroundColor-info-press-xl__2r8l1h1q"},default:"rarui-card_backgroundColor-info-press-xs__2r8l1h1n"},"info-subdued":{conditions:{xs:"rarui-card_backgroundColor-info-subdued-xs__2r8l1h1r",md:"rarui-card_backgroundColor-info-subdued-md__2r8l1h1s",lg:"rarui-card_backgroundColor-info-subdued-lg__2r8l1h1t",xl:"rarui-card_backgroundColor-info-subdued-xl__2r8l1h1u"},default:"rarui-card_backgroundColor-info-subdued-xs__2r8l1h1r"},invert:{conditions:{xs:"rarui-card_backgroundColor-invert-xs__2r8l1h1v",md:"rarui-card_backgroundColor-invert-md__2r8l1h1w",lg:"rarui-card_backgroundColor-invert-lg__2r8l1h1x",xl:"rarui-card_backgroundColor-invert-xl__2r8l1h1y"},default:"rarui-card_backgroundColor-invert-xs__2r8l1h1v"},"invert-disabled":{conditions:{xs:"rarui-card_backgroundColor-invert-disabled-xs__2r8l1h1z",md:"rarui-card_backgroundColor-invert-disabled-md__2r8l1h20",lg:"rarui-card_backgroundColor-invert-disabled-lg__2r8l1h21",xl:"rarui-card_backgroundColor-invert-disabled-xl__2r8l1h22"},default:"rarui-card_backgroundColor-invert-disabled-xs__2r8l1h1z"},"invert-hover":{conditions:{xs:"rarui-card_backgroundColor-invert-hover-xs__2r8l1h23",md:"rarui-card_backgroundColor-invert-hover-md__2r8l1h24",lg:"rarui-card_backgroundColor-invert-hover-lg__2r8l1h25",xl:"rarui-card_backgroundColor-invert-hover-xl__2r8l1h26"},default:"rarui-card_backgroundColor-invert-hover-xs__2r8l1h23"},"invert-press":{conditions:{xs:"rarui-card_backgroundColor-invert-press-xs__2r8l1h27",md:"rarui-card_backgroundColor-invert-press-md__2r8l1h28",lg:"rarui-card_backgroundColor-invert-press-lg__2r8l1h29",xl:"rarui-card_backgroundColor-invert-press-xl__2r8l1h2a"},default:"rarui-card_backgroundColor-invert-press-xs__2r8l1h27"},"invert-secondary":{conditions:{xs:"rarui-card_backgroundColor-invert-secondary-xs__2r8l1h2b",md:"rarui-card_backgroundColor-invert-secondary-md__2r8l1h2c",lg:"rarui-card_backgroundColor-invert-secondary-lg__2r8l1h2d",xl:"rarui-card_backgroundColor-invert-secondary-xl__2r8l1h2e"},default:"rarui-card_backgroundColor-invert-secondary-xs__2r8l1h2b"},overlay:{conditions:{xs:"rarui-card_backgroundColor-overlay-xs__2r8l1h2f",md:"rarui-card_backgroundColor-overlay-md__2r8l1h2g",lg:"rarui-card_backgroundColor-overlay-lg__2r8l1h2h",xl:"rarui-card_backgroundColor-overlay-xl__2r8l1h2i"},default:"rarui-card_backgroundColor-overlay-xs__2r8l1h2f"},press:{conditions:{xs:"rarui-card_backgroundColor-press-xs__2r8l1h2j",md:"rarui-card_backgroundColor-press-md__2r8l1h2k",lg:"rarui-card_backgroundColor-press-lg__2r8l1h2l",xl:"rarui-card_backgroundColor-press-xl__2r8l1h2m"},default:"rarui-card_backgroundColor-press-xs__2r8l1h2j"},primary:{conditions:{xs:"rarui-card_backgroundColor-primary-xs__2r8l1h2n",md:"rarui-card_backgroundColor-primary-md__2r8l1h2o",lg:"rarui-card_backgroundColor-primary-lg__2r8l1h2p",xl:"rarui-card_backgroundColor-primary-xl__2r8l1h2q"},default:"rarui-card_backgroundColor-primary-xs__2r8l1h2n"},secondary:{conditions:{xs:"rarui-card_backgroundColor-secondary-xs__2r8l1h2r",md:"rarui-card_backgroundColor-secondary-md__2r8l1h2s",lg:"rarui-card_backgroundColor-secondary-lg__2r8l1h2t",xl:"rarui-card_backgroundColor-secondary-xl__2r8l1h2u"},default:"rarui-card_backgroundColor-secondary-xs__2r8l1h2r"},success:{conditions:{xs:"rarui-card_backgroundColor-success-xs__2r8l1h2v",md:"rarui-card_backgroundColor-success-md__2r8l1h2w",lg:"rarui-card_backgroundColor-success-lg__2r8l1h2x",xl:"rarui-card_backgroundColor-success-xl__2r8l1h2y"},default:"rarui-card_backgroundColor-success-xs__2r8l1h2v"},"success-hover":{conditions:{xs:"rarui-card_backgroundColor-success-hover-xs__2r8l1h2z",md:"rarui-card_backgroundColor-success-hover-md__2r8l1h30",lg:"rarui-card_backgroundColor-success-hover-lg__2r8l1h31",xl:"rarui-card_backgroundColor-success-hover-xl__2r8l1h32"},default:"rarui-card_backgroundColor-success-hover-xs__2r8l1h2z"},"success-press":{conditions:{xs:"rarui-card_backgroundColor-success-press-xs__2r8l1h33",md:"rarui-card_backgroundColor-success-press-md__2r8l1h34",lg:"rarui-card_backgroundColor-success-press-lg__2r8l1h35",xl:"rarui-card_backgroundColor-success-press-xl__2r8l1h36"},default:"rarui-card_backgroundColor-success-press-xs__2r8l1h33"},"success-subdued":{conditions:{xs:"rarui-card_backgroundColor-success-subdued-xs__2r8l1h37",md:"rarui-card_backgroundColor-success-subdued-md__2r8l1h38",lg:"rarui-card_backgroundColor-success-subdued-lg__2r8l1h39",xl:"rarui-card_backgroundColor-success-subdued-xl__2r8l1h3a"},default:"rarui-card_backgroundColor-success-subdued-xs__2r8l1h37"},warning:{conditions:{xs:"rarui-card_backgroundColor-warning-xs__2r8l1h3b",md:"rarui-card_backgroundColor-warning-md__2r8l1h3c",lg:"rarui-card_backgroundColor-warning-lg__2r8l1h3d",xl:"rarui-card_backgroundColor-warning-xl__2r8l1h3e"},default:"rarui-card_backgroundColor-warning-xs__2r8l1h3b"},"warning-hover":{conditions:{xs:"rarui-card_backgroundColor-warning-hover-xs__2r8l1h3f",md:"rarui-card_backgroundColor-warning-hover-md__2r8l1h3g",lg:"rarui-card_backgroundColor-warning-hover-lg__2r8l1h3h",xl:"rarui-card_backgroundColor-warning-hover-xl__2r8l1h3i"},default:"rarui-card_backgroundColor-warning-hover-xs__2r8l1h3f"},"warning-press":{conditions:{xs:"rarui-card_backgroundColor-warning-press-xs__2r8l1h3j",md:"rarui-card_backgroundColor-warning-press-md__2r8l1h3k",lg:"rarui-card_backgroundColor-warning-press-lg__2r8l1h3l",xl:"rarui-card_backgroundColor-warning-press-xl__2r8l1h3m"},default:"rarui-card_backgroundColor-warning-press-xs__2r8l1h3j"},"warning-subdued":{conditions:{xs:"rarui-card_backgroundColor-warning-subdued-xs__2r8l1h3n",md:"rarui-card_backgroundColor-warning-subdued-md__2r8l1h3o",lg:"rarui-card_backgroundColor-warning-subdued-lg__2r8l1h3p",xl:"rarui-card_backgroundColor-warning-subdued-xl__2r8l1h3q"},default:"rarui-card_backgroundColor-warning-subdued-xs__2r8l1h3n"}},name:"backgroundColor",staticScale:{transparent:"transparent",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)"}}}}),d={card:a({defaultClassName:"rarui-card__2r8l1h0",variantClassNames:{padding:{base:"rarui-card_padding_base__2r8l1h1",none:"rarui-card_padding_none__2r8l1h2"}},defaultVariants:{},compoundVariants:[]})};export{o as cardSprinkle,d as cardStyles};

package/dist/packages/surface/modal/index.js

@@ -0,0 +1 @@
+import{modalSprinkle as r,modalStyles as s}from"./rarui-modal.css.js";var a={classnames:s,sprinkle:r};export{a as modal};