@rarui/styles 1.4.0 → 1.5.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
@@ -5805,6 +5805,493 @@ declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/create
5805
5805
  };
5806
5806
  name: "fontWeight";
5807
5807
  };
5808
+ lineHeight: {
5809
+ values: {
5810
+ xxs: {
5811
+ default: string;
5812
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5813
+ };
5814
+ xs: {
5815
+ default: string;
5816
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5817
+ };
5818
+ s: {
5819
+ default: string;
5820
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5821
+ };
5822
+ m: {
5823
+ default: string;
5824
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5825
+ };
5826
+ l: {
5827
+ default: string;
5828
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5829
+ };
5830
+ xl: {
5831
+ default: string;
5832
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5833
+ };
5834
+ };
5835
+ staticScale: {
5836
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5837
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5838
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5839
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5840
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5841
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5842
+ };
5843
+ name: "lineHeight";
5844
+ };
5845
+ fontSize: {
5846
+ values: {
5847
+ xxs: {
5848
+ default: string;
5849
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5850
+ };
5851
+ xs: {
5852
+ default: string;
5853
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5854
+ };
5855
+ s: {
5856
+ default: string;
5857
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5858
+ };
5859
+ m: {
5860
+ default: string;
5861
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5862
+ };
5863
+ l: {
5864
+ default: string;
5865
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5866
+ };
5867
+ xl: {
5868
+ default: string;
5869
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5870
+ };
5871
+ };
5872
+ staticScale: {
5873
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5874
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5875
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5876
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5877
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5878
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5879
+ };
5880
+ name: "fontSize";
5881
+ };
5882
+ };
5883
+ } & {
5884
+ config: {
5885
+ textAlign: {
5886
+ dynamic: {
5887
+ default: string;
5888
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5889
+ };
5890
+ dynamicScale: true;
5891
+ name: "textAlign";
5892
+ vars: {
5893
+ default: string;
5894
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5895
+ };
5896
+ };
5897
+ wordBreak: {
5898
+ dynamic: {
5899
+ default: string;
5900
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5901
+ };
5902
+ dynamicScale: true;
5903
+ name: "wordBreak";
5904
+ vars: {
5905
+ default: string;
5906
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5907
+ };
5908
+ };
5909
+ };
5910
+ }
5911
+ ]>;
5912
+ export type TextSprinkle = Parameters<typeof sprinkle$1>[0];
5913
+ export declare const text: {
5914
+ sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5915
+ {
5916
+ config: {
5917
+ color: {
5918
+ values: {
5919
+ brand: {
5920
+ default: string;
5921
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5922
+ };
5923
+ disabled: {
5924
+ default: string;
5925
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5926
+ };
5927
+ error: {
5928
+ default: string;
5929
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5930
+ };
5931
+ info: {
5932
+ default: string;
5933
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5934
+ };
5935
+ invert: {
5936
+ default: string;
5937
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5938
+ };
5939
+ "invert-disabled": {
5940
+ default: string;
5941
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5942
+ };
5943
+ "invert-secondary": {
5944
+ default: string;
5945
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5946
+ };
5947
+ primary: {
5948
+ default: string;
5949
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5950
+ };
5951
+ secondary: {
5952
+ default: string;
5953
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5954
+ };
5955
+ success: {
5956
+ default: string;
5957
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5958
+ };
5959
+ warning: {
5960
+ default: string;
5961
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5962
+ };
5963
+ "brand-alt": {
5964
+ default: string;
5965
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5966
+ };
5967
+ "on-brand": {
5968
+ default: string;
5969
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5970
+ };
5971
+ "on-error": {
5972
+ default: string;
5973
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5974
+ };
5975
+ "on-info": {
5976
+ default: string;
5977
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5978
+ };
5979
+ "on-success": {
5980
+ default: string;
5981
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5982
+ };
5983
+ "on-warning": {
5984
+ default: string;
5985
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5986
+ };
5987
+ "warning-alt": {
5988
+ default: string;
5989
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5990
+ };
5991
+ currentColor: {
5992
+ default: string;
5993
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
5994
+ };
5995
+ };
5996
+ staticScale: {
5997
+ currentColor: string;
5998
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5999
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6000
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6001
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6002
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6003
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6004
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6005
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6006
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6007
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6008
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6009
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6010
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6011
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6012
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6013
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6014
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6015
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6016
+ };
6017
+ name: "color";
6018
+ };
6019
+ fontWeight: {
6020
+ values: {
6021
+ regular: {
6022
+ default: string;
6023
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6024
+ };
6025
+ medium: {
6026
+ default: string;
6027
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6028
+ };
6029
+ semiBold: {
6030
+ default: string;
6031
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6032
+ };
6033
+ bold: {
6034
+ default: string;
6035
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6036
+ };
6037
+ };
6038
+ staticScale: {
6039
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6040
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6041
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6042
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6043
+ };
6044
+ name: "fontWeight";
6045
+ };
6046
+ lineHeight: {
6047
+ values: {
6048
+ xxs: {
6049
+ default: string;
6050
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6051
+ };
6052
+ xs: {
6053
+ default: string;
6054
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6055
+ };
6056
+ s: {
6057
+ default: string;
6058
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6059
+ };
6060
+ m: {
6061
+ default: string;
6062
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6063
+ };
6064
+ l: {
6065
+ default: string;
6066
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6067
+ };
6068
+ xl: {
6069
+ default: string;
6070
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6071
+ };
6072
+ };
6073
+ staticScale: {
6074
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6075
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6076
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6077
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6078
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6079
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6080
+ };
6081
+ name: "lineHeight";
6082
+ };
6083
+ fontSize: {
6084
+ values: {
6085
+ xxs: {
6086
+ default: string;
6087
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6088
+ };
6089
+ xs: {
6090
+ default: string;
6091
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6092
+ };
6093
+ s: {
6094
+ default: string;
6095
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6096
+ };
6097
+ m: {
6098
+ default: string;
6099
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6100
+ };
6101
+ l: {
6102
+ default: string;
6103
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6104
+ };
6105
+ xl: {
6106
+ default: string;
6107
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6108
+ };
6109
+ };
6110
+ staticScale: {
6111
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6112
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6113
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6114
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6115
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6116
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6117
+ };
6118
+ name: "fontSize";
6119
+ };
6120
+ };
6121
+ } & {
6122
+ config: {
6123
+ textAlign: {
6124
+ dynamic: {
6125
+ default: string;
6126
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6127
+ };
6128
+ dynamicScale: true;
6129
+ name: "textAlign";
6130
+ vars: {
6131
+ default: string;
6132
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6133
+ };
6134
+ };
6135
+ wordBreak: {
6136
+ dynamic: {
6137
+ default: string;
6138
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6139
+ };
6140
+ dynamicScale: true;
6141
+ name: "wordBreak";
6142
+ vars: {
6143
+ default: string;
6144
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6145
+ };
6146
+ };
6147
+ };
6148
+ }
6149
+ ]>;
6150
+ classnames: {
6151
+ text: import("@vanilla-extract/recipes").RuntimeFn<{
6152
+ lineClamp: {
6153
+ true: {
6154
+ display: "-webkit-box";
6155
+ overflow: "hidden";
6156
+ textOverflow: "ellipsis";
6157
+ WebkitBoxOrient: "vertical";
6158
+ };
6159
+ };
6160
+ }>;
6161
+ };
6162
+ };
6163
+ declare const sprinkle$2: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
6164
+ {
6165
+ config: {
6166
+ color: {
6167
+ values: {
6168
+ brand: {
6169
+ default: string;
6170
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6171
+ };
6172
+ disabled: {
6173
+ default: string;
6174
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6175
+ };
6176
+ error: {
6177
+ default: string;
6178
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6179
+ };
6180
+ info: {
6181
+ default: string;
6182
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6183
+ };
6184
+ invert: {
6185
+ default: string;
6186
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6187
+ };
6188
+ "invert-disabled": {
6189
+ default: string;
6190
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6191
+ };
6192
+ "invert-secondary": {
6193
+ default: string;
6194
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6195
+ };
6196
+ primary: {
6197
+ default: string;
6198
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6199
+ };
6200
+ secondary: {
6201
+ default: string;
6202
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6203
+ };
6204
+ success: {
6205
+ default: string;
6206
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6207
+ };
6208
+ warning: {
6209
+ default: string;
6210
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6211
+ };
6212
+ "brand-alt": {
6213
+ default: string;
6214
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6215
+ };
6216
+ "on-brand": {
6217
+ default: string;
6218
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6219
+ };
6220
+ "on-error": {
6221
+ default: string;
6222
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6223
+ };
6224
+ "on-info": {
6225
+ default: string;
6226
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6227
+ };
6228
+ "on-success": {
6229
+ default: string;
6230
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6231
+ };
6232
+ "on-warning": {
6233
+ default: string;
6234
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6235
+ };
6236
+ "warning-alt": {
6237
+ default: string;
6238
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6239
+ };
6240
+ currentColor: {
6241
+ default: string;
6242
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6243
+ };
6244
+ };
6245
+ staticScale: {
6246
+ currentColor: string;
6247
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6248
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6249
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6250
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6251
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6252
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6253
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6254
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6255
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6256
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6257
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6258
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6259
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6260
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6261
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6262
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6263
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6264
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6265
+ };
6266
+ name: "color";
6267
+ };
6268
+ fontWeight: {
6269
+ values: {
6270
+ regular: {
6271
+ default: string;
6272
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6273
+ };
6274
+ medium: {
6275
+ default: string;
6276
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6277
+ };
6278
+ semiBold: {
6279
+ default: string;
6280
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6281
+ };
6282
+ bold: {
6283
+ default: string;
6284
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
6285
+ };
6286
+ };
6287
+ staticScale: {
6288
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6289
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6290
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6291
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6292
+ };
6293
+ name: "fontWeight";
6294
+ };
5808
6295
  lineHeight: {
5809
6296
  values: {
5810
6297
  hero: {
@@ -5897,7 +6384,7 @@ declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/create
5897
6384
  };
5898
6385
  }
5899
6386
  ]>;
5900
- export type TitleSprinkle = Parameters<typeof sprinkle$1>[0];
6387
+ export type TitleSprinkle = Parameters<typeof sprinkle$2>[0];
5901
6388
  export declare const title: {
5902
6389
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
5903
6390
  {