@okshaun/components 0.3.0 → 0.3.2

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.
@@ -63,6 +63,8 @@
63
63
  "paddingInlineEnd]___[value:2",
64
64
  "paddingInlineStart]___[value:5",
65
65
  "paddingInlineEnd]___[value:5",
66
+ "paddingInlineStart]___[value:7",
67
+ "paddingInlineEnd]___[value:7",
66
68
  "gridColumn]___[value:1 / -1",
67
69
  "marginTop]___[value:32",
68
70
  "maxWidth]___[value:280",
package/dist/preset.js CHANGED
@@ -4583,7 +4583,7 @@ const baseHeadingStyles = defineStyles({
4583
4583
  value: {
4584
4584
  fontFamily: "sans",
4585
4585
  fontWeight: "bold",
4586
- color: { base: "gray.90", _dark: "gray.10" },
4586
+ color: "text",
4587
4587
  lineHeight: "default"
4588
4588
  }
4589
4589
  });
@@ -4591,7 +4591,7 @@ const baseBodyTextStyles = defineStyles({
4591
4591
  value: {
4592
4592
  fontFamily: "serif",
4593
4593
  fontWeight: "normal",
4594
- color: { base: "gray.60", _dark: "gray.20" },
4594
+ color: "text.subtlest",
4595
4595
  lineHeight: "default"
4596
4596
  }
4597
4597
  });
@@ -4599,7 +4599,7 @@ const baseMonoStyles = defineStyles({
4599
4599
  value: {
4600
4600
  fontFamily: "mono",
4601
4601
  fontWeight: "normal",
4602
- color: { base: "gray.60", _dark: "gray.20" },
4602
+ color: "text.subtlest",
4603
4603
  lineHeight: "default"
4604
4604
  }
4605
4605
  });
@@ -4993,6 +4993,12 @@ const textareaVariants = {
4993
4993
  px: "12",
4994
4994
  fontSize: "16",
4995
4995
  minHeight: "80"
4996
+ },
4997
+ xlarge: {
4998
+ py: "9",
4999
+ px: "16",
5000
+ fontSize: "20",
5001
+ minHeight: "96"
4996
5002
  }
4997
5003
  }
4998
5004
  // autoGrow: {
@@ -5510,6 +5516,11 @@ const textInputVariants = {
5510
5516
  py: 7,
5511
5517
  px: 12,
5512
5518
  fontSize: "16"
5519
+ },
5520
+ xlarge: {
5521
+ fontSize: "20",
5522
+ py: "9",
5523
+ px: "16"
5513
5524
  }
5514
5525
  }
5515
5526
  // autoSize: {
@@ -6097,6 +6108,17 @@ const buttonRecipe$1 = defineSlotRecipe({
6097
6108
  h: "24"
6098
6109
  }
6099
6110
  },
6111
+ xlarge: {
6112
+ container: {
6113
+ fontSize: "20",
6114
+ py: "9",
6115
+ px: "16"
6116
+ },
6117
+ icon: {
6118
+ w: "28",
6119
+ h: "28"
6120
+ }
6121
+ },
6100
6122
  large: {
6101
6123
  container: {
6102
6124
  fontSize: "16",
@@ -6169,6 +6191,20 @@ const buttonRecipe$1 = defineSlotRecipe({
6169
6191
  css: {
6170
6192
  container: { pe: "5" }
6171
6193
  }
6194
+ },
6195
+ {
6196
+ size: "xlarge",
6197
+ iconBefore: true,
6198
+ css: {
6199
+ container: { ps: "7" }
6200
+ }
6201
+ },
6202
+ {
6203
+ size: "xlarge",
6204
+ iconAfter: true,
6205
+ css: {
6206
+ container: { pe: "7" }
6207
+ }
6172
6208
  }
6173
6209
  ],
6174
6210
  defaultVariants: {