@rarui/styles 1.5.0 → 1.7.0

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.
package/dist/index.d.ts CHANGED
@@ -5639,6 +5639,262 @@ export declare const chip: {
5639
5639
  }>;
5640
5640
  };
5641
5641
  };
5642
+ declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5643
+ {
5644
+ config: {
5645
+ color: {
5646
+ values: {
5647
+ brand: {
5648
+ default: string;
5649
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5650
+ };
5651
+ disabled: {
5652
+ default: string;
5653
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5654
+ };
5655
+ error: {
5656
+ default: string;
5657
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5658
+ };
5659
+ info: {
5660
+ default: string;
5661
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5662
+ };
5663
+ invert: {
5664
+ default: string;
5665
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5666
+ };
5667
+ "invert-disabled": {
5668
+ default: string;
5669
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5670
+ };
5671
+ "invert-secondary": {
5672
+ default: string;
5673
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5674
+ };
5675
+ primary: {
5676
+ default: string;
5677
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5678
+ };
5679
+ secondary: {
5680
+ default: string;
5681
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5682
+ };
5683
+ success: {
5684
+ default: string;
5685
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5686
+ };
5687
+ warning: {
5688
+ default: string;
5689
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5690
+ };
5691
+ "brand-alt": {
5692
+ default: string;
5693
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5694
+ };
5695
+ "on-brand": {
5696
+ default: string;
5697
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5698
+ };
5699
+ "on-error": {
5700
+ default: string;
5701
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5702
+ };
5703
+ "on-info": {
5704
+ default: string;
5705
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5706
+ };
5707
+ "on-success": {
5708
+ default: string;
5709
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5710
+ };
5711
+ "on-warning": {
5712
+ default: string;
5713
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5714
+ };
5715
+ "warning-alt": {
5716
+ default: string;
5717
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5718
+ };
5719
+ currentColor: {
5720
+ default: string;
5721
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5722
+ };
5723
+ };
5724
+ staticScale: {
5725
+ currentColor: string;
5726
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5727
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5728
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5729
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5730
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5731
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5732
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5733
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5734
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5735
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5736
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5737
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5738
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5739
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5740
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5741
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5742
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5743
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5744
+ };
5745
+ name: "color";
5746
+ };
5747
+ };
5748
+ } & {
5749
+ config: {
5750
+ cursor: {
5751
+ dynamic: {
5752
+ default: string;
5753
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5754
+ };
5755
+ dynamicScale: true;
5756
+ name: "cursor";
5757
+ vars: {
5758
+ default: string;
5759
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5760
+ };
5761
+ };
5762
+ };
5763
+ }
5764
+ ]>;
5765
+ export type IconSprinkle = Parameters<typeof sprinkle$1>[0];
5766
+ export declare const icon: {
5767
+ sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5768
+ {
5769
+ config: {
5770
+ color: {
5771
+ values: {
5772
+ brand: {
5773
+ default: string;
5774
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5775
+ };
5776
+ disabled: {
5777
+ default: string;
5778
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5779
+ };
5780
+ error: {
5781
+ default: string;
5782
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5783
+ };
5784
+ info: {
5785
+ default: string;
5786
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5787
+ };
5788
+ invert: {
5789
+ default: string;
5790
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5791
+ };
5792
+ "invert-disabled": {
5793
+ default: string;
5794
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5795
+ };
5796
+ "invert-secondary": {
5797
+ default: string;
5798
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5799
+ };
5800
+ primary: {
5801
+ default: string;
5802
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5803
+ };
5804
+ secondary: {
5805
+ default: string;
5806
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5807
+ };
5808
+ success: {
5809
+ default: string;
5810
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5811
+ };
5812
+ warning: {
5813
+ default: string;
5814
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5815
+ };
5816
+ "brand-alt": {
5817
+ default: string;
5818
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5819
+ };
5820
+ "on-brand": {
5821
+ default: string;
5822
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5823
+ };
5824
+ "on-error": {
5825
+ default: string;
5826
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5827
+ };
5828
+ "on-info": {
5829
+ default: string;
5830
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5831
+ };
5832
+ "on-success": {
5833
+ default: string;
5834
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5835
+ };
5836
+ "on-warning": {
5837
+ default: string;
5838
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5839
+ };
5840
+ "warning-alt": {
5841
+ default: string;
5842
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5843
+ };
5844
+ currentColor: {
5845
+ default: string;
5846
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5847
+ };
5848
+ };
5849
+ staticScale: {
5850
+ currentColor: string;
5851
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5852
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5853
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5854
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5855
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5856
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5857
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5858
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5859
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5860
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5861
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5862
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5863
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5864
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5865
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5866
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5867
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5868
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5869
+ };
5870
+ name: "color";
5871
+ };
5872
+ };
5873
+ } & {
5874
+ config: {
5875
+ cursor: {
5876
+ dynamic: {
5877
+ default: string;
5878
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5879
+ };
5880
+ dynamicScale: true;
5881
+ name: "cursor";
5882
+ vars: {
5883
+ default: string;
5884
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5885
+ };
5886
+ };
5887
+ };
5888
+ }
5889
+ ]>;
5890
+ classnames: {
5891
+ icon: import("@vanilla-extract/recipes").RuntimeFn<{
5892
+ [x: string]: {
5893
+ [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
5894
+ };
5895
+ }>;
5896
+ };
5897
+ };
5642
5898
  export declare const link: {
5643
5899
  classnames: {
5644
5900
  link: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -5673,7 +5929,173 @@ export declare const link: {
5673
5929
  }>;
5674
5930
  };
5675
5931
  };
5676
- declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5932
+ declare const sprinkle$2: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5933
+ {
5934
+ config: {
5935
+ width: {
5936
+ dynamic: {
5937
+ default: string;
5938
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5939
+ };
5940
+ dynamicScale: true;
5941
+ name: "width";
5942
+ vars: {
5943
+ default: string;
5944
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5945
+ };
5946
+ };
5947
+ height: {
5948
+ dynamic: {
5949
+ default: string;
5950
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5951
+ };
5952
+ dynamicScale: true;
5953
+ name: "height";
5954
+ vars: {
5955
+ default: string;
5956
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5957
+ };
5958
+ };
5959
+ maxWidth: {
5960
+ dynamic: {
5961
+ default: string;
5962
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5963
+ };
5964
+ dynamicScale: true;
5965
+ name: "maxWidth";
5966
+ vars: {
5967
+ default: string;
5968
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5969
+ };
5970
+ };
5971
+ maxHeight: {
5972
+ dynamic: {
5973
+ default: string;
5974
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5975
+ };
5976
+ dynamicScale: true;
5977
+ name: "maxHeight";
5978
+ vars: {
5979
+ default: string;
5980
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5981
+ };
5982
+ };
5983
+ borderRadius: {
5984
+ dynamic: {
5985
+ default: string;
5986
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5987
+ };
5988
+ dynamicScale: {
5989
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5990
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5991
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5992
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5993
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5994
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5995
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5996
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5997
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5998
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5999
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6000
+ };
6001
+ name: "borderRadius";
6002
+ vars: {
6003
+ default: string;
6004
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6005
+ };
6006
+ };
6007
+ };
6008
+ }
6009
+ ]>;
6010
+ export type SkeletonSprinkle = Parameters<typeof sprinkle$2>[0];
6011
+ export declare const skeleton: {
6012
+ sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6013
+ {
6014
+ config: {
6015
+ width: {
6016
+ dynamic: {
6017
+ default: string;
6018
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6019
+ };
6020
+ dynamicScale: true;
6021
+ name: "width";
6022
+ vars: {
6023
+ default: string;
6024
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6025
+ };
6026
+ };
6027
+ height: {
6028
+ dynamic: {
6029
+ default: string;
6030
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6031
+ };
6032
+ dynamicScale: true;
6033
+ name: "height";
6034
+ vars: {
6035
+ default: string;
6036
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6037
+ };
6038
+ };
6039
+ maxWidth: {
6040
+ dynamic: {
6041
+ default: string;
6042
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6043
+ };
6044
+ dynamicScale: true;
6045
+ name: "maxWidth";
6046
+ vars: {
6047
+ default: string;
6048
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6049
+ };
6050
+ };
6051
+ maxHeight: {
6052
+ dynamic: {
6053
+ default: string;
6054
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6055
+ };
6056
+ dynamicScale: true;
6057
+ name: "maxHeight";
6058
+ vars: {
6059
+ default: string;
6060
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6061
+ };
6062
+ };
6063
+ borderRadius: {
6064
+ dynamic: {
6065
+ default: string;
6066
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6067
+ };
6068
+ dynamicScale: {
6069
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6070
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6071
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6072
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6073
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6074
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6075
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6076
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6077
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6078
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6079
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6080
+ };
6081
+ name: "borderRadius";
6082
+ vars: {
6083
+ default: string;
6084
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6085
+ };
6086
+ };
6087
+ };
6088
+ }
6089
+ ]>;
6090
+ classnames: {
6091
+ skeleton: import("@vanilla-extract/recipes").RuntimeFn<{
6092
+ [x: string]: {
6093
+ [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
6094
+ };
6095
+ }>;
6096
+ };
6097
+ };
6098
+ declare const sprinkle$3: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5677
6099
  {
5678
6100
  config: {
5679
6101
  color: {
@@ -5909,7 +6331,7 @@ declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/create
5909
6331
  };
5910
6332
  }
5911
6333
  ]>;
5912
- export type TextSprinkle = Parameters<typeof sprinkle$1>[0];
6334
+ export type TextSprinkle = Parameters<typeof sprinkle$3>[0];
5913
6335
  export declare const text: {
5914
6336
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5915
6337
  {
@@ -6160,7 +6582,7 @@ export declare const text: {
6160
6582
  }>;
6161
6583
  };
6162
6584
  };
6163
- declare const sprinkle$2: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6585
+ declare const sprinkle$4: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6164
6586
  {
6165
6587
  config: {
6166
6588
  color: {
@@ -6384,7 +6806,7 @@ declare const sprinkle$2: import("rainbow-sprinkles/dist/declarations/src/create
6384
6806
  };
6385
6807
  }
6386
6808
  ]>;
6387
- export type TitleSprinkle = Parameters<typeof sprinkle$2>[0];
6809
+ export type TitleSprinkle = Parameters<typeof sprinkle$4>[0];
6388
6810
  export declare const title: {
6389
6811
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6390
6812
  {