@rarui/styles 1.31.0-rc.3 → 1.31.0-rc.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 (5) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.d.ts +264 -0
  3. package/dist/index.js +1 -1
  4. package/dist/styles.css +1 -1
  5. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -4175,6 +4175,22 @@ export interface BoxSprinkle extends BoxDynamicProperties {
4175
4175
  * The borderRadius property rounds the corners of an box's outer border edge.
4176
4176
  */
4177
4177
  borderRadius?: AddDollar<keyof typeof borderRadiusProperties> | BoxConditions<AddDollar<keyof typeof borderRadiusProperties>>;
4178
+ /**
4179
+ * The borderRadius property rounds the corners of an box's outer border edge.
4180
+ */
4181
+ borderTopLeftRadius?: AddDollar<keyof typeof borderRadiusProperties> | BoxConditions<AddDollar<keyof typeof borderRadiusProperties>>;
4182
+ /**
4183
+ * The borderRadius property rounds the corners of an box's outer border edge.
4184
+ */
4185
+ borderTopRightRadius?: AddDollar<keyof typeof borderRadiusProperties> | BoxConditions<AddDollar<keyof typeof borderRadiusProperties>>;
4186
+ /**
4187
+ * The borderRadius property rounds the corners of an box's outer border edge.
4188
+ */
4189
+ borderBottomLeftRadius?: AddDollar<keyof typeof borderRadiusProperties> | BoxConditions<AddDollar<keyof typeof borderRadiusProperties>>;
4190
+ /**
4191
+ * The borderRadius property rounds the corners of an box's outer border edge.
4192
+ */
4193
+ borderBottomRightRadius?: AddDollar<keyof typeof borderRadiusProperties> | BoxConditions<AddDollar<keyof typeof borderRadiusProperties>>;
4178
4194
  /**
4179
4195
  * The borderWidth property sets the width of an box's border.
4180
4196
  */
@@ -4808,6 +4824,254 @@ export declare const box: {
4808
4824
  };
4809
4825
  name: "borderRadius";
4810
4826
  };
4827
+ borderTopLeftRadius: {
4828
+ values: {
4829
+ xs: {
4830
+ default: string;
4831
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4832
+ };
4833
+ xl: {
4834
+ default: string;
4835
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4836
+ };
4837
+ button: {
4838
+ default: string;
4839
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4840
+ };
4841
+ none: {
4842
+ default: string;
4843
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4844
+ };
4845
+ "2xs": {
4846
+ default: string;
4847
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4848
+ };
4849
+ sm: {
4850
+ default: string;
4851
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4852
+ };
4853
+ md: {
4854
+ default: string;
4855
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4856
+ };
4857
+ lg: {
4858
+ default: string;
4859
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4860
+ };
4861
+ "2xl": {
4862
+ default: string;
4863
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4864
+ };
4865
+ pill: {
4866
+ default: string;
4867
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4868
+ };
4869
+ input: {
4870
+ default: string;
4871
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4872
+ };
4873
+ };
4874
+ staticScale: {
4875
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4876
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4877
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4878
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4879
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4880
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4881
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4882
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4883
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4884
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4885
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4886
+ };
4887
+ name: "borderTopLeftRadius";
4888
+ };
4889
+ borderTopRightRadius: {
4890
+ values: {
4891
+ xs: {
4892
+ default: string;
4893
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4894
+ };
4895
+ xl: {
4896
+ default: string;
4897
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4898
+ };
4899
+ button: {
4900
+ default: string;
4901
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4902
+ };
4903
+ none: {
4904
+ default: string;
4905
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4906
+ };
4907
+ "2xs": {
4908
+ default: string;
4909
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4910
+ };
4911
+ sm: {
4912
+ default: string;
4913
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4914
+ };
4915
+ md: {
4916
+ default: string;
4917
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4918
+ };
4919
+ lg: {
4920
+ default: string;
4921
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4922
+ };
4923
+ "2xl": {
4924
+ default: string;
4925
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4926
+ };
4927
+ pill: {
4928
+ default: string;
4929
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4930
+ };
4931
+ input: {
4932
+ default: string;
4933
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4934
+ };
4935
+ };
4936
+ staticScale: {
4937
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4938
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4939
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4940
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4941
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4942
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4943
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4944
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4945
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4946
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4947
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4948
+ };
4949
+ name: "borderTopRightRadius";
4950
+ };
4951
+ borderBottomLeftRadius: {
4952
+ values: {
4953
+ xs: {
4954
+ default: string;
4955
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4956
+ };
4957
+ xl: {
4958
+ default: string;
4959
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4960
+ };
4961
+ button: {
4962
+ default: string;
4963
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4964
+ };
4965
+ none: {
4966
+ default: string;
4967
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4968
+ };
4969
+ "2xs": {
4970
+ default: string;
4971
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4972
+ };
4973
+ sm: {
4974
+ default: string;
4975
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4976
+ };
4977
+ md: {
4978
+ default: string;
4979
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4980
+ };
4981
+ lg: {
4982
+ default: string;
4983
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4984
+ };
4985
+ "2xl": {
4986
+ default: string;
4987
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4988
+ };
4989
+ pill: {
4990
+ default: string;
4991
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4992
+ };
4993
+ input: {
4994
+ default: string;
4995
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
4996
+ };
4997
+ };
4998
+ staticScale: {
4999
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5000
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5001
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5002
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5003
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5004
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5005
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5006
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5007
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5008
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5009
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5010
+ };
5011
+ name: "borderBottomLeftRadius";
5012
+ };
5013
+ borderBottomRightRadius: {
5014
+ values: {
5015
+ xs: {
5016
+ default: string;
5017
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
5018
+ };
5019
+ xl: {
5020
+ default: string;
5021
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
5022
+ };
5023
+ button: {
5024
+ default: string;
5025
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
5026
+ };
5027
+ none: {
5028
+ default: string;
5029
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
5030
+ };
5031
+ "2xs": {
5032
+ default: string;
5033
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
5034
+ };
5035
+ sm: {
5036
+ default: string;
5037
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
5038
+ };
5039
+ md: {
5040
+ default: string;
5041
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
5042
+ };
5043
+ lg: {
5044
+ default: string;
5045
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
5046
+ };
5047
+ "2xl": {
5048
+ default: string;
5049
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
5050
+ };
5051
+ pill: {
5052
+ default: string;
5053
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
5054
+ };
5055
+ input: {
5056
+ default: string;
5057
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
5058
+ };
5059
+ };
5060
+ staticScale: {
5061
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5062
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5063
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5064
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5065
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5066
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5067
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5068
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5069
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5070
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5071
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5072
+ };
5073
+ name: "borderBottomRightRadius";
5074
+ };
4811
5075
  borderWidth: {
4812
5076
  values: {
4813
5077
  none: {