@okshaun/components 0.5.8 → 1.0.1

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 (129) hide show
  1. package/README.md +22 -26
  2. package/dist/.mcp.json +11 -0
  3. package/dist/index.d.ts +3 -1268
  4. package/dist/index.js +1231 -957
  5. package/dist/index.js.map +1 -1
  6. package/dist/okshaun-logo-white.svg +11 -0
  7. package/dist/okshaun-logo.svg +11 -0
  8. package/dist/preset-BzrKiUEH.js +8452 -0
  9. package/dist/preset-BzrKiUEH.js.map +1 -0
  10. package/dist/preset.js +3 -7234
  11. package/dist/preset.js.map +1 -1
  12. package/dist/specs/animation-styles.json +4 -0
  13. package/dist/specs/color-palette.json +98 -0
  14. package/dist/specs/conditions.json +1901 -0
  15. package/dist/specs/keyframes.json +137 -0
  16. package/dist/specs/layer-styles.json +23 -0
  17. package/dist/specs/patterns.json +475 -0
  18. package/dist/specs/recipes.json +907 -0
  19. package/dist/specs/semantic-tokens.json +2837 -0
  20. package/dist/specs/text-styles.json +149 -0
  21. package/dist/specs/tokens.json +2750 -0
  22. package/dist/sprite.svg +1 -1
  23. package/dist/sprite.symbol.html +14 -14
  24. package/dist/styles/global.css +148 -0
  25. package/dist/styles/recipes/avatar.css +185 -0
  26. package/dist/styles/recipes/badge.css +85 -0
  27. package/dist/styles/recipes/breadcrumbs.css +38 -0
  28. package/dist/styles/recipes/button.css +195 -0
  29. package/dist/styles/recipes/card.css +57 -0
  30. package/dist/styles/recipes/checkbox-input.css +12 -0
  31. package/dist/styles/recipes/checkbox.css +90 -0
  32. package/dist/styles/recipes/chip.css +137 -0
  33. package/dist/styles/recipes/code.css +12 -0
  34. package/dist/styles/recipes/divider.css +43 -0
  35. package/dist/styles/recipes/form-field.css +39 -0
  36. package/dist/styles/recipes/heading.css +40 -0
  37. package/dist/styles/recipes/icon-button.css +181 -0
  38. package/dist/styles/recipes/label.css +14 -0
  39. package/dist/styles/recipes/link.css +49 -0
  40. package/dist/styles/recipes/menu.css +141 -0
  41. package/dist/styles/recipes/modal.css +99 -0
  42. package/dist/styles/recipes/pre.css +16 -0
  43. package/dist/styles/recipes/radio-input.css +7 -0
  44. package/dist/styles/recipes/radio.css +82 -0
  45. package/dist/styles/recipes/select.css +103 -0
  46. package/dist/styles/recipes/spinner.css +36 -0
  47. package/dist/styles/recipes/tag.css +27 -0
  48. package/dist/styles/recipes/text.css +46 -0
  49. package/dist/styles/recipes/textarea.css +91 -0
  50. package/dist/styles/recipes/textinput.css +87 -0
  51. package/dist/styles/recipes/theme-switcher.css +53 -0
  52. package/dist/styles/recipes/toggle-input.css +12 -0
  53. package/dist/styles/recipes/toggle.css +125 -0
  54. package/dist/styles/recipes/tooltip.css +133 -0
  55. package/dist/styles/recipes.css +30 -0
  56. package/dist/styles/reset.css +1 -0
  57. package/dist/styles/tokens.css +1016 -0
  58. package/dist/styles/utilities.css +1694 -0
  59. package/dist/styles.css +7 -0
  60. package/dist/svgs/building.svg +1 -0
  61. package/dist/types/index.d.ts +21626 -0
  62. package/dist/types/preset.d.ts +19 -0
  63. package/package.json +37 -35
  64. package/src/recipes/avatar.ts +205 -0
  65. package/src/recipes/badge.ts +203 -0
  66. package/src/recipes/box.ts +13 -0
  67. package/src/recipes/breadcrumbs.ts +29 -0
  68. package/src/recipes/button.ts +319 -0
  69. package/src/recipes/card.ts +148 -0
  70. package/src/recipes/checkbox.ts +87 -0
  71. package/src/recipes/checkboxinput.ts +15 -0
  72. package/src/recipes/chip.ts +189 -0
  73. package/src/recipes/code.ts +35 -0
  74. package/src/recipes/divider.ts +41 -0
  75. package/src/recipes/formField.ts +60 -0
  76. package/src/recipes/index.ts +28 -0
  77. package/src/recipes/menu.ts +205 -0
  78. package/src/recipes/modal.ts +120 -0
  79. package/src/recipes/radio.ts +71 -0
  80. package/src/recipes/radioinput.ts +12 -0
  81. package/src/recipes/select.ts +142 -0
  82. package/src/recipes/spinner.ts +52 -0
  83. package/src/recipes/tag.ts +262 -0
  84. package/src/recipes/text.ts +193 -0
  85. package/src/recipes/textarea.ts +153 -0
  86. package/src/recipes/textinput.ts +100 -0
  87. package/src/recipes/themeSwitcher.ts +48 -0
  88. package/src/recipes/toggle.ts +116 -0
  89. package/src/recipes/toggleinput.ts +16 -0
  90. package/src/recipes/tooltip.ts +359 -0
  91. package/src/styles/index.css +1 -0
  92. package/src/styles/primitives/animations.ts +16 -0
  93. package/src/styles/primitives/aspectRatios.ts +22 -0
  94. package/src/styles/primitives/blurs.ts +25 -0
  95. package/src/styles/primitives/borderWidths.ts +10 -0
  96. package/src/styles/primitives/borders.ts +36 -0
  97. package/src/styles/primitives/colors.ts +228 -0
  98. package/src/styles/primitives/durations.ts +25 -0
  99. package/src/styles/primitives/easings.ts +19 -0
  100. package/src/styles/primitives/fontSizes.ts +16 -0
  101. package/src/styles/primitives/fontWeights.ts +9 -0
  102. package/src/styles/primitives/fonts.ts +18 -0
  103. package/src/styles/primitives/index.ts +46 -0
  104. package/src/styles/primitives/letterSpacings.ts +22 -0
  105. package/src/styles/primitives/lineHeights.ts +16 -0
  106. package/src/styles/primitives/radii.ts +14 -0
  107. package/src/styles/primitives/shadows.ts +73 -0
  108. package/src/styles/primitives/sizes.ts +86 -0
  109. package/src/styles/primitives/spacings.ts +7 -0
  110. package/src/styles/semantics/colors.ts +774 -0
  111. package/src/styles/semantics/index.ts +2 -0
  112. package/src/styles/semantics/shadows.ts +32 -0
  113. package/src/styles/utilities/breakpoints.ts +8 -0
  114. package/src/styles/utilities/conditions.ts +140 -0
  115. package/src/styles/utilities/containerSizes.ts +17 -0
  116. package/src/styles/utilities/filters.ts +12 -0
  117. package/src/styles/utilities/globalStyle.ts +93 -0
  118. package/src/styles/utilities/index.ts +9 -0
  119. package/src/styles/utilities/keyframes.ts +89 -0
  120. package/src/styles/utilities/layerStyles.ts +18 -0
  121. package/src/styles/utilities/textStyles.ts +135 -0
  122. package/src/styles/utilities/transitions.ts +92 -0
  123. package/src/utils/injectSprite.ts +36 -0
  124. package/src/utils/splitProps.ts +19 -0
  125. package/src/utils/spriteContent.ts +4 -0
  126. package/dist/panda.buildinfo.json +0 -448
  127. package/dist/preset.d.ts +0 -5
  128. package/dist/transitions-DUgH88VW.js +0 -1041
  129. package/dist/transitions-DUgH88VW.js.map +0 -1
package/dist/specs/text-styles.json ADDED
@@ -0,0 +1,149 @@
1
+ {
2
+ "type": "text-styles",
3
+ "data": [
4
+ {
5
+ "name": "display.lg",
6
+ "functionExamples": [
7
+ "css({ textStyle: 'display.lg' })"
8
+ ],
9
+ "jsxExamples": [
10
+ "<Box textStyle=\"display.lg\" />"
11
+ ]
12
+ },
13
+ {
14
+ "name": "display.md",
15
+ "functionExamples": [
16
+ "css({ textStyle: 'display.md' })"
17
+ ],
18
+ "jsxExamples": [
19
+ "<Box textStyle=\"display.md\" />"
20
+ ]
21
+ },
22
+ {
23
+ "name": "display.sm",
24
+ "functionExamples": [
25
+ "css({ textStyle: 'display.sm' })"
26
+ ],
27
+ "jsxExamples": [
28
+ "<Box textStyle=\"display.sm\" />"
29
+ ]
30
+ },
31
+ {
32
+ "name": "display.xs",
33
+ "functionExamples": [
34
+ "css({ textStyle: 'display.xs' })"
35
+ ],
36
+ "jsxExamples": [
37
+ "<Box textStyle=\"display.xs\" />"
38
+ ]
39
+ },
40
+ {
41
+ "name": "heading.lg",
42
+ "functionExamples": [
43
+ "css({ textStyle: 'heading.lg' })"
44
+ ],
45
+ "jsxExamples": [
46
+ "<Box textStyle=\"heading.lg\" />"
47
+ ]
48
+ },
49
+ {
50
+ "name": "heading.md",
51
+ "functionExamples": [
52
+ "css({ textStyle: 'heading.md' })"
53
+ ],
54
+ "jsxExamples": [
55
+ "<Box textStyle=\"heading.md\" />"
56
+ ]
57
+ },
58
+ {
59
+ "name": "heading.sm",
60
+ "functionExamples": [
61
+ "css({ textStyle: 'heading.sm' })"
62
+ ],
63
+ "jsxExamples": [
64
+ "<Box textStyle=\"heading.sm\" />"
65
+ ]
66
+ },
67
+ {
68
+ "name": "heading.xs",
69
+ "functionExamples": [
70
+ "css({ textStyle: 'heading.xs' })"
71
+ ],
72
+ "jsxExamples": [
73
+ "<Box textStyle=\"heading.xs\" />"
74
+ ]
75
+ },
76
+ {
77
+ "name": "body.lg",
78
+ "functionExamples": [
79
+ "css({ textStyle: 'body.lg' })"
80
+ ],
81
+ "jsxExamples": [
82
+ "<Box textStyle=\"body.lg\" />"
83
+ ]
84
+ },
85
+ {
86
+ "name": "body.md",
87
+ "functionExamples": [
88
+ "css({ textStyle: 'body.md' })"
89
+ ],
90
+ "jsxExamples": [
91
+ "<Box textStyle=\"body.md\" />"
92
+ ]
93
+ },
94
+ {
95
+ "name": "body.sm",
96
+ "functionExamples": [
97
+ "css({ textStyle: 'body.sm' })"
98
+ ],
99
+ "jsxExamples": [
100
+ "<Box textStyle=\"body.sm\" />"
101
+ ]
102
+ },
103
+ {
104
+ "name": "body.xs",
105
+ "functionExamples": [
106
+ "css({ textStyle: 'body.xs' })"
107
+ ],
108
+ "jsxExamples": [
109
+ "<Box textStyle=\"body.xs\" />"
110
+ ]
111
+ },
112
+ {
113
+ "name": "mono.lg",
114
+ "functionExamples": [
115
+ "css({ textStyle: 'mono.lg' })"
116
+ ],
117
+ "jsxExamples": [
118
+ "<Box textStyle=\"mono.lg\" />"
119
+ ]
120
+ },
121
+ {
122
+ "name": "mono.md",
123
+ "functionExamples": [
124
+ "css({ textStyle: 'mono.md' })"
125
+ ],
126
+ "jsxExamples": [
127
+ "<Box textStyle=\"mono.md\" />"
128
+ ]
129
+ },
130
+ {
131
+ "name": "mono.sm",
132
+ "functionExamples": [
133
+ "css({ textStyle: 'mono.sm' })"
134
+ ],
135
+ "jsxExamples": [
136
+ "<Box textStyle=\"mono.sm\" />"
137
+ ]
138
+ },
139
+ {
140
+ "name": "mono.xs",
141
+ "functionExamples": [
142
+ "css({ textStyle: 'mono.xs' })"
143
+ ],
144
+ "jsxExamples": [
145
+ "<Box textStyle=\"mono.xs\" />"
146
+ ]
147
+ }
148
+ ]
149
+ }