@rarui/styles 1.30.3 → 1.30.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +30 -113
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/dist/themes/dark.css +1 -1
  7. package/dist/themes/dark.js +1 -1
  8. package/package.json +2 -2
package/dist/index.d.ts CHANGED
@@ -4122,16 +4122,6 @@ declare const backgroundColorProperties: {
4122
4122
  "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4123
4123
  "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4124
4124
  "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4125
- "on-brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4126
- "on-brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4127
- "on-error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4128
- "on-error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4129
- "on-info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4130
- "on-info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4131
- "on-success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4132
- "on-success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4133
- "on-warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4134
- "on-warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4135
4125
  overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4136
4126
  press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4137
4127
  primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -4427,46 +4417,6 @@ export declare const box: {
4427
4417
  default: string;
4428
4418
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4429
4419
  };
4430
- "on-brand-hover": {
4431
- default: string;
4432
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4433
- };
4434
- "on-brand-press": {
4435
- default: string;
4436
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4437
- };
4438
- "on-error-hover": {
4439
- default: string;
4440
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4441
- };
4442
- "on-error-press": {
4443
- default: string;
4444
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4445
- };
4446
- "on-info-hover": {
4447
- default: string;
4448
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4449
- };
4450
- "on-info-press": {
4451
- default: string;
4452
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4453
- };
4454
- "on-success-hover": {
4455
- default: string;
4456
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4457
- };
4458
- "on-success-press": {
4459
- default: string;
4460
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4461
- };
4462
- "on-warning-hover": {
4463
- default: string;
4464
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4465
- };
4466
- "on-warning-press": {
4467
- default: string;
4468
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4469
- };
4470
4420
  overlay: {
4471
4421
  default: string;
4472
4422
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -4542,16 +4492,6 @@ export declare const box: {
4542
4492
  "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4543
4493
  "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4544
4494
  "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4545
- "on-brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4546
- "on-brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4547
- "on-error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4548
- "on-error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4549
- "on-info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4550
- "on-info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4551
- "on-success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4552
- "on-success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4553
- "on-warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4554
- "on-warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4555
4495
  overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4556
4496
  press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4557
4497
  primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -10424,46 +10364,6 @@ export declare const card: {
10424
10364
  default: string;
10425
10365
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10426
10366
  };
10427
- "on-brand-hover": {
10428
- default: string;
10429
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10430
- };
10431
- "on-brand-press": {
10432
- default: string;
10433
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10434
- };
10435
- "on-error-hover": {
10436
- default: string;
10437
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10438
- };
10439
- "on-error-press": {
10440
- default: string;
10441
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10442
- };
10443
- "on-info-hover": {
10444
- default: string;
10445
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10446
- };
10447
- "on-info-press": {
10448
- default: string;
10449
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10450
- };
10451
- "on-success-hover": {
10452
- default: string;
10453
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10454
- };
10455
- "on-success-press": {
10456
- default: string;
10457
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10458
- };
10459
- "on-warning-hover": {
10460
- default: string;
10461
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10462
- };
10463
- "on-warning-press": {
10464
- default: string;
10465
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10466
- };
10467
10367
  overlay: {
10468
10368
  default: string;
10469
10369
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
@@ -10539,16 +10439,6 @@ export declare const card: {
10539
10439
  "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10540
10440
  "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10541
10441
  "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10542
- "on-brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10543
- "on-brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10544
- "on-error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10545
- "on-error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10546
- "on-info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10547
- "on-info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10548
- "on-success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10549
- "on-success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10550
- "on-warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10551
- "on-warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10552
10442
  overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10553
10443
  press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10554
10444
  primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -11033,7 +10923,22 @@ declare const sideNavigationStyles: {
11033
10923
  };
11034
10924
  };
11035
10925
  }>;
11036
- sideNavigationItem: string;
10926
+ sideNavigationItem: import("@vanilla-extract/recipes").RuntimeFn<{
10927
+ /**
10928
+ * Determines the level of nesting for the item.
10929
+ */
10930
+ level: {
10931
+ 0: {
10932
+ paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10933
+ };
10934
+ 1: {
10935
+ paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10936
+ };
10937
+ 2: {
10938
+ paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10939
+ };
10940
+ };
10941
+ }>;
11037
10942
  name: import("@vanilla-extract/recipes").RuntimeFn<{
11038
10943
  active: {
11039
10944
  true: {
@@ -11063,7 +10968,7 @@ declare const sideNavigationStyles: {
11063
10968
  };
11064
10969
  }>;
11065
10970
  };
11066
- export type SideNavigationVariants = RecipeVariants<typeof sideNavigationStyles.sideNavigation>;
10971
+ export type SideNavigationVariants = NonNullable<RecipeVariants<typeof sideNavigationStyles.sideNavigation> & RecipeVariants<typeof sideNavigationStyles.sideNavigationItem>>;
11067
10972
  export declare const sideNavigation: {
11068
10973
  classnames: {
11069
10974
  sideNavigation: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -11092,7 +10997,19 @@ export declare const sideNavigation: {
11092
10997
  };
11093
10998
  };
11094
10999
  }>;
11095
- sideNavigationItem: string;
11000
+ sideNavigationItem: import("@vanilla-extract/recipes").RuntimeFn<{
11001
+ level: {
11002
+ 0: {
11003
+ paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11004
+ };
11005
+ 1: {
11006
+ paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11007
+ };
11008
+ 2: {
11009
+ paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11010
+ };
11011
+ };
11012
+ }>;
11096
11013
  name: import("@vanilla-extract/recipes").RuntimeFn<{
11097
11014
  active: {
11098
11015
  true: {