@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/animation-styles.json ADDED
@@ -0,0 +1,4 @@
1
+ {
2
+ "type": "animation-styles",
3
+ "data": []
4
+ }
package/dist/specs/color-palette.json ADDED
@@ -0,0 +1,98 @@
1
+ {
2
+ "type": "color-palette",
3
+ "data": {
4
+ "values": [
5
+ "bg",
6
+ "bg.accent",
7
+ "bg.accent.blue",
8
+ "bg.accent.green",
9
+ "bg.accent.indigo",
10
+ "bg.accent.lime",
11
+ "bg.accent.magenta",
12
+ "bg.accent.neutral",
13
+ "bg.accent.orange",
14
+ "bg.accent.purple",
15
+ "bg.accent.red",
16
+ "bg.accent.tan",
17
+ "bg.accent.teal",
18
+ "bg.accent.yellow",
19
+ "bg.brand",
20
+ "bg.brand.bold",
21
+ "bg.brand.boldest",
22
+ "bg.brand.subtle",
23
+ "bg.danger",
24
+ "bg.danger.bold",
25
+ "bg.info",
26
+ "bg.info.bold",
27
+ "bg.input",
28
+ "bg.neutral",
29
+ "bg.neutral.bold",
30
+ "bg.neutral.boldest",
31
+ "bg.neutral.inverse",
32
+ "bg.neutral.inverse.subtle",
33
+ "bg.neutral.subtle",
34
+ "bg.selected",
35
+ "bg.selected.bold",
36
+ "bg.success",
37
+ "bg.success.bold",
38
+ "bg.warning",
39
+ "bg.warning.bold",
40
+ "blanket",
41
+ "blue",
42
+ "border",
43
+ "border.focused",
44
+ "brand",
45
+ "current",
46
+ "darkNeutral",
47
+ "darkNeutralA",
48
+ "gray",
49
+ "green",
50
+ "icon",
51
+ "icon.decorative",
52
+ "icon.decorative.inverse",
53
+ "icon.warning",
54
+ "indigo",
55
+ "inherit",
56
+ "lime",
57
+ "link",
58
+ "magenta",
59
+ "neutral",
60
+ "neutralA",
61
+ "orange",
62
+ "purple",
63
+ "red",
64
+ "slate",
65
+ "surface",
66
+ "surface.overlay",
67
+ "surface.raised",
68
+ "tan",
69
+ "teal",
70
+ "text",
71
+ "text.accent",
72
+ "text.accent.blue",
73
+ "text.accent.green",
74
+ "text.accent.indigo",
75
+ "text.accent.lime",
76
+ "text.accent.magenta",
77
+ "text.accent.neutral",
78
+ "text.accent.orange",
79
+ "text.accent.purple",
80
+ "text.accent.red",
81
+ "text.accent.tan",
82
+ "text.accent.teal",
83
+ "text.accent.yellow",
84
+ "text.warning",
85
+ "transparent",
86
+ "utility",
87
+ "yellow"
88
+ ],
89
+ "functionExamples": [
90
+ "css({ colorPalette: 'bg' })",
91
+ "css({ colorPalette: 'bg', bg: 'colorPalette.accent.blue', color: 'colorPalette.accent.blue.bold' })"
92
+ ],
93
+ "jsxExamples": [
94
+ "<Box colorPalette=\"bg\" />",
95
+ "<Box colorPalette=\"bg\" bg=\"colorPalette.accent.blue\" color=\"colorPalette.accent.blue.bold\" />"
96
+ ]
97
+ }
98
+ }