@okshaun/components 1.0.2 → 2.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/dist/.mcp.json +2 -5
  2. package/dist/icon-metadata.json +5173 -0
  3. package/dist/index.js +17118 -9339
  4. package/dist/index.js.map +1 -1
  5. package/dist/panda.buildinfo.json +696 -0
  6. package/dist/playroom-static.css +187432 -0
  7. package/dist/{preset-DCCViEDs.js → preset-Df8i1OIQ.js} +3651 -2776
  8. package/dist/preset-Df8i1OIQ.js.map +1 -0
  9. package/dist/preset.js +1 -1
  10. package/dist/specs/color-palette.json +22 -1
  11. package/dist/specs/patterns.json +0 -16
  12. package/dist/specs/recipes.json +411 -239
  13. package/dist/specs/semantic-tokens.json +347 -146
  14. package/dist/specs/text-styles.json +72 -0
  15. package/dist/specs/tokens.json +267 -67
  16. package/dist/sprite.svg +1 -1
  17. package/dist/sprite.symbol.html +6662 -320
  18. package/dist/styles.css +36925 -5
  19. package/dist/svgs/calendar-lock.svg +1 -0
  20. package/dist/svgs/computer.svg +1 -0
  21. package/dist/svgs/cookie.svg +1 -0
  22. package/dist/svgs/folder-check.svg +1 -0
  23. package/dist/svgs/folder-copy.svg +1 -0
  24. package/dist/svgs/folder-dashed.svg +1 -0
  25. package/dist/svgs/folder-open.svg +1 -0
  26. package/dist/svgs/folder-topic.svg +1 -0
  27. package/dist/svgs/folder.svg +1 -0
  28. package/dist/svgs/mobile.svg +1 -0
  29. package/dist/svgs/numpad.svg +1 -0
  30. package/dist/svgs/phone.svg +1 -0
  31. package/dist/svgs/qr-code.svg +1 -0
  32. package/dist/svgs/sparkle.svg +1 -0
  33. package/dist/svgs/trolley.svg +1 -0
  34. package/dist/types/index.d.ts +837 -337
  35. package/package.json +49 -24
  36. package/src/recipes/avatar.ts +98 -98
  37. package/src/recipes/badge.ts +22 -39
  38. package/src/recipes/box.ts +1 -7
  39. package/src/recipes/breadcrumbs.ts +42 -25
  40. package/src/recipes/button.ts +201 -105
  41. package/src/recipes/card.ts +5 -1
  42. package/src/recipes/checkbox.ts +23 -24
  43. package/src/recipes/checkboxInput.ts +25 -0
  44. package/src/recipes/chip.ts +35 -37
  45. package/src/recipes/code.ts +4 -4
  46. package/src/recipes/datePicker.ts +212 -0
  47. package/src/recipes/divider.ts +38 -32
  48. package/src/recipes/formField.ts +41 -23
  49. package/src/recipes/highlightText.ts +14 -0
  50. package/src/recipes/icon.ts +13 -0
  51. package/src/recipes/list.ts +14 -0
  52. package/src/recipes/listItem.ts +310 -0
  53. package/src/recipes/listItemGroup.ts +62 -0
  54. package/src/recipes/menu.ts +90 -163
  55. package/src/recipes/modal.ts +55 -25
  56. package/src/recipes/radio.ts +29 -20
  57. package/src/recipes/radioInput.ts +25 -0
  58. package/src/recipes/recipes-regular.ts +14 -0
  59. package/src/recipes/recipes-slot.ts +19 -0
  60. package/src/recipes/select.ts +1 -1
  61. package/src/recipes/spinner.ts +49 -23
  62. package/src/recipes/tag.ts +80 -84
  63. package/src/recipes/text.ts +18 -10
  64. package/src/recipes/textInput.ts +205 -0
  65. package/src/recipes/textarea.ts +65 -138
  66. package/src/recipes/themeSwitcher.ts +3 -3
  67. package/src/recipes/timePicker.ts +199 -0
  68. package/src/recipes/toggle.ts +72 -99
  69. package/src/recipes/toggleInput.ts +26 -0
  70. package/src/recipes/tooltip.ts +52 -343
  71. package/src/styles/index.css +1 -1
  72. package/src/styles/primitives/borders.ts +7 -1
  73. package/src/styles/primitives/colors.ts +51 -0
  74. package/src/styles/primitives/fontSizes.ts +1 -0
  75. package/src/styles/primitives/index.ts +2 -1
  76. package/src/styles/primitives/shadows.ts +28 -37
  77. package/src/styles/primitives/sizes.ts +1 -0
  78. package/src/styles/primitives/zIndex.ts +17 -0
  79. package/src/styles/semantics/colors.ts +137 -82
  80. package/src/styles/semantics/index.ts +1 -0
  81. package/src/styles/semantics/shadows.ts +27 -16
  82. package/src/styles/semantics/zIndex.ts +18 -0
  83. package/src/styles/utilities/breakpoints.ts +6 -6
  84. package/src/styles/utilities/index.ts +3 -0
  85. package/src/styles/utilities/textStyles.ts +70 -0
  86. package/src/utils/splitProps.ts +3 -3
  87. package/dist/preset-DCCViEDs.js.map +0 -1
  88. package/dist/styles/global.css +0 -148
  89. package/dist/styles/recipes/avatar.css +0 -185
  90. package/dist/styles/recipes/badge.css +0 -85
  91. package/dist/styles/recipes/breadcrumbs.css +0 -38
  92. package/dist/styles/recipes/button.css +0 -195
  93. package/dist/styles/recipes/card.css +0 -57
  94. package/dist/styles/recipes/checkbox-input.css +0 -12
  95. package/dist/styles/recipes/checkbox.css +0 -90
  96. package/dist/styles/recipes/chip.css +0 -137
  97. package/dist/styles/recipes/code.css +0 -12
  98. package/dist/styles/recipes/divider.css +0 -40
  99. package/dist/styles/recipes/form-field.css +0 -39
  100. package/dist/styles/recipes/heading.css +0 -40
  101. package/dist/styles/recipes/icon-button.css +0 -181
  102. package/dist/styles/recipes/label.css +0 -14
  103. package/dist/styles/recipes/link.css +0 -49
  104. package/dist/styles/recipes/menu.css +0 -141
  105. package/dist/styles/recipes/modal.css +0 -99
  106. package/dist/styles/recipes/pre.css +0 -16
  107. package/dist/styles/recipes/radio-input.css +0 -7
  108. package/dist/styles/recipes/radio.css +0 -82
  109. package/dist/styles/recipes/select.css +0 -103
  110. package/dist/styles/recipes/spinner.css +0 -36
  111. package/dist/styles/recipes/tag.css +0 -27
  112. package/dist/styles/recipes/text.css +0 -46
  113. package/dist/styles/recipes/textarea.css +0 -91
  114. package/dist/styles/recipes/textinput.css +0 -87
  115. package/dist/styles/recipes/theme-switcher.css +0 -53
  116. package/dist/styles/recipes/toggle-input.css +0 -12
  117. package/dist/styles/recipes/toggle.css +0 -125
  118. package/dist/styles/recipes/tooltip.css +0 -133
  119. package/dist/styles/recipes.css +0 -30
  120. package/dist/styles/reset.css +0 -1
  121. package/dist/styles/tokens.css +0 -1016
  122. package/dist/styles/utilities.css +0 -1694
  123. package/src/recipes/checkboxinput.ts +0 -15
  124. package/src/recipes/index.ts +0 -28
  125. package/src/recipes/radioinput.ts +0 -12
  126. package/src/recipes/textinput.ts +0 -100
  127. package/src/recipes/toggleinput.ts +0 -16
  128. package/src/utils/injectSprite.ts +0 -36
  129. package/src/utils/spriteContent.ts +0 -4
package/dist/svgs/calendar-lock.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.75 20.333q-.687 0-1.177-.49a1.6 1.6 0 0 1-.49-1.176V7q0-.687.49-1.177t1.177-.49h.833V3.667H8.25v1.666h6.667V3.667h1.666v1.666h.834q.687 0 1.177.49T19.084 7v5h-1.667v-1.667H5.75v8.334h7.5v1.666zm9.875 0a.68.68 0 0 1-.5-.208.68.68 0 0 1-.208-.5v-2.75q0-.291.208-.5a.68.68 0 0 1 .5-.208h.125v-.834q0-.687.49-1.177.489-.49 1.177-.49.687 0 1.177.49t.49 1.177v.834h.124q.292 0 .5.208a.68.68 0 0 1 .209.5v2.75q0 .292-.209.5a.68.68 0 0 1-.5.208zm.958-4.166h1.667v-.834a.8.8 0 0 0-.24-.593.8.8 0 0 0-.593-.24.8.8 0 0 0-.594.24.8.8 0 0 0-.24.593z"/></svg>
package/dist/svgs/computer.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.333 17q-.687 0-1.177-.49a1.6 1.6 0 0 1-.49-1.177V6.167q0-.688.49-1.177t1.177-.49h13.334q.687 0 1.177.49.49.489.49 1.177v9.166q0 .688-.49 1.177t-1.177.49zm-2.5 2.5v-1.667h18.334V19.5z"/></svg>
package/dist/svgs/cookie.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19.5 11.375a3.125 3.125 0 0 1-3.125-3.125.625.625 0 0 0-.625-.625A3.125 3.125 0 0 1 12.625 4.5.625.625 0 0 0 12 3.875 8.125 8.125 0 1 0 20.125 12a.624.624 0 0 0-.625-.625m-11.6-1.6a.937.937 0 1 1 1.323 1.327.937.937 0 0 1-1.324-1.328m1.952 5.702a.937.937 0 1 1-1.32-1.325.937.937 0 0 1 1.319 1.324zm1.797-3.125a.937.937 0 1 1 .305.203.9.9 0 0 1-.305-.204zm3.203 3.75a.937.937 0 1 1-1.32-1.324.937.937 0 0 1 1.319 1.323z"/></svg>
package/dist/svgs/folder-check.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m11.042 15.813 4.708-4.73-1.167-1.166-3.541 3.541-1.771-1.77-1.188 1.187zm-5.709 2.854q-.687 0-1.177-.49A1.6 1.6 0 0 1 3.666 17V7q0-.687.49-1.177t1.177-.49h5L12 7h6.667q.687 0 1.177.49.49.489.49 1.177V17q0 .687-.49 1.177t-1.177.49z"/></svg>
package/dist/svgs/folder-copy.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4.5 19.917q-.687 0-1.177-.49a1.6 1.6 0 0 1-.49-1.177V7.417H4.5V18.25h14.167v1.667zm3.333-3.334q-.687 0-1.177-.49a1.6 1.6 0 0 1-.49-1.176V5.75q0-.687.49-1.177t1.177-.49H12l1.667 1.667H19.5q.687 0 1.177.49.49.489.49 1.177v7.5q0 .687-.49 1.177t-1.177.49z"/></svg>
package/dist/svgs/folder-dashed.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9.5 18.25a.625.625 0 0 1-.625.625H5.077a1.203 1.203 0 0 1-1.202-1.202V17a.625.625 0 1 1 1.25 0v.625h3.75a.625.625 0 0 1 .625.625m5-.625H12a.625.625 0 0 0 0 1.25h2.5a.624.624 0 1 0 0-1.25m5-4.375a.625.625 0 0 0-.625.625v3.75h-1.25a.625.625 0 0 0 0 1.25h1.32a1.18 1.18 0 0 0 1.18-1.18v-3.82a.624.624 0 0 0-.625-.625m-.625-5.625h-3.75a.625.625 0 1 0 0 1.25h3.75v1.875a.624.624 0 1 0 1.25 0V8.875a1.25 1.25 0 0 0-1.25-1.25M4.5 8.875H12a.625.625 0 0 0 .442-1.067L10.125 5.49a1.24 1.24 0 0 0-.884-.366H5.125a1.25 1.25 0 0 0-1.25 1.25V8.25a.625.625 0 0 0 .625.625m0 5.625a.625.625 0 0 0 .625-.625v-2.5a.625.625 0 1 0-1.25 0v2.5a.625.625 0 0 0 .625.625"/></svg>
package/dist/svgs/folder-open.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4.708 18.667q-.687 0-1.177-.49A1.6 1.6 0 0 1 3.041 17V7q0-.687.49-1.177t1.177-.49h5L11.375 7h6.667q.687 0 1.177.49.49.489.49 1.177h-15V17l2-6.667h14.25l-2.146 7.146q-.167.542-.615.865a1.65 1.65 0 0 1-.99.323z"/></svg>
package/dist/svgs/folder-topic.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.333 18.667q-.687 0-1.177-.49A1.6 1.6 0 0 1 3.666 17V7q0-.687.49-1.177t1.177-.49h5L12 7h6.667q.687 0 1.177.49.49.489.49 1.177V17q0 .687-.49 1.177t-1.177.49zM7 15.333h6.667v-1.666H7zM7 12h10v-1.667H7z"/></svg>
package/dist/svgs/folder.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.333 18.667q-.687 0-1.177-.49A1.6 1.6 0 0 1 3.666 17V7q0-.687.49-1.177t1.177-.49h5L12 7h6.667q.687 0 1.177.49.49.489.49 1.177V17q0 .687-.49 1.177t-1.177.49z"/></svg>
package/dist/svgs/mobile.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.417 21.167q-.688 0-1.177-.49a1.6 1.6 0 0 1-.49-1.177v-15q0-.687.49-1.177.489-.49 1.177-.49h8.333q.687 0 1.177.49t.49 1.177v2.583q.375.146.604.459.23.312.229.708v1.667q0 .396-.23.708a1.33 1.33 0 0 1-.603.458V19.5q0 .687-.49 1.177t-1.177.49zm4.76-14.407q.24-.24.24-.593a.8.8 0 0 0-.24-.594.8.8 0 0 0-.594-.24.8.8 0 0 0-.593.24.8.8 0 0 0-.24.594q0 .354.24.593.24.24.593.24.354 0 .594-.24"/></svg>
package/dist/svgs/numpad.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8.25 5.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M12 4.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0-2.5M17 7a1.25 1.25 0 1 0 0-2.5A1.25 1.25 0 0 0 17 7M7 8.875a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m5 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m5 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5M7 13.25a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m5 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m0 4.375a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m5-4.375a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"/></svg>
package/dist/svgs/phone.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.625 19.5q-2.604 0-5.146-1.135t-4.625-3.22-3.219-4.624T4.5 5.375q0-.375.25-.625a.85.85 0 0 1 .625-.25H8.75q.291 0 .52.198a.76.76 0 0 1 .272.469l.541 2.916q.042.334-.02.563a.9.9 0 0 1-.23.396l-2.02 2.041q.415.77.99 1.49.572.719 1.26 1.385.645.645 1.354 1.198.708.552 1.5 1.01l1.958-1.958q.187-.187.49-.28.302-.094.593-.053l2.875.583a.97.97 0 0 1 .48.302.73.73 0 0 1 .187.49v3.375q0 .375-.25.625a.85.85 0 0 1-.625.25"/></svg>
package/dist/svgs/qr-code.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4.5 11.167V4.5h6.667v6.667zM6.167 9.5H9.5V6.167H6.167zM4.5 19.5v-6.667h6.667V19.5zm1.667-1.667H9.5V14.5H6.167zm6.666-6.666V4.5H19.5v6.667zM14.5 9.5h3.333V6.167H14.5zm3.333 10v-1.667H19.5V19.5zm-5-5v-1.667H14.5V14.5zm1.667 1.667V14.5h1.667v1.667zm-1.667 1.666v-1.666H14.5v1.666zM14.5 19.5v-1.667h1.667V19.5zm1.667-1.667v-1.666h1.666v1.666zm0-3.333v-1.667h1.666V14.5zm1.666 1.667V14.5H19.5v1.667z"/></svg>
package/dist/svgs/sparkle.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.25 13.25a1.23 1.23 0 0 1-.814 1.167l-4.03 1.49-1.484 4.032a1.243 1.243 0 0 1-2.335 0l-1.493-4.033-4.033-1.484a1.244 1.244 0 0 1 0-2.335l4.033-1.493L9.578 6.56a1.244 1.244 0 0 1 2.335 0l1.493 4.033 4.033 1.484a1.23 1.23 0 0 1 .811 1.172m-4.375-7.5h1.25V7a.625.625 0 1 0 1.25 0V5.75h1.25a.625.625 0 1 0 0-1.25h-1.25V3.25a.625.625 0 1 0-1.25 0V4.5h-1.25a.625.625 0 1 0 0 1.25m6.875 2.5h-.625v-.625a.625.625 0 1 0-1.25 0v.625h-.625a.625.625 0 1 0 0 1.25h.625v.625a.624.624 0 1 0 1.25 0V9.5h.625a.625.625 0 1 0 0-1.25"/></svg>
package/dist/svgs/trolley.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8.875 19.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0m10-1.25a1.25 1.25 0 1 0 0 2.501 1.25 1.25 0 0 0 0-2.501m1.875-2.5H6.375V7.884A1.24 1.24 0 0 0 6.009 7L4.317 5.308a.625.625 0 1 0-.884.884l1.692 1.692v7.866H4.5a.625.625 0 1 0 0 1.25h16.25a.625.625 0 0 0 0-1.25M8.875 14.5h10a1.25 1.25 0 0 0 1.25-1.25v-5A1.25 1.25 0 0 0 18.875 7h-10a1.25 1.25 0 0 0-1.25 1.25v5a1.25 1.25 0 0 0 1.25 1.25"/></svg>