@neumorphism-ui/elements 1.0.0-next.0 → 1.0.0-next.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.
Files changed (102) hide show
  1. package/README.md +12 -1
  2. package/cdn/neu.min.js +184 -51
  3. package/custom-elements.json +2232 -282
  4. package/dist/all.d.ts +8 -0
  5. package/dist/all.js +8 -0
  6. package/dist/checkbox.d.ts +3 -0
  7. package/dist/checkbox.js +4 -0
  8. package/dist/components/button/button.d.ts +0 -2
  9. package/dist/components/button/button.js +3 -36
  10. package/dist/components/checkbox/checkbox.d.ts +44 -0
  11. package/dist/components/checkbox/checkbox.def.d.ts +31 -0
  12. package/dist/components/checkbox/checkbox.def.js +37 -0
  13. package/dist/components/checkbox/checkbox.js +40 -0
  14. package/dist/components/checkbox/checkbox.styles.d.ts +1 -0
  15. package/dist/components/checkbox/checkbox.styles.js +28 -0
  16. package/dist/components/icon/system-icons.d.ts +10 -0
  17. package/dist/components/icon/system-icons.js +22 -11
  18. package/dist/components/number-field/number-field.d.ts +84 -0
  19. package/dist/components/number-field/number-field.def.d.ts +125 -0
  20. package/dist/components/number-field/number-field.def.js +62 -0
  21. package/dist/components/number-field/number-field.js +121 -0
  22. package/dist/components/number-field/number-field.styles.d.ts +1 -0
  23. package/dist/components/number-field/number-field.styles.js +15 -0
  24. package/dist/components/option/option-data.d.ts +8 -0
  25. package/dist/components/option/option-data.js +12 -0
  26. package/dist/components/option/option.d.ts +19 -0
  27. package/dist/components/option/option.def.d.ts +10 -0
  28. package/dist/components/option/option.def.js +19 -0
  29. package/dist/components/option/option.js +17 -0
  30. package/dist/components/option/option.styles.d.ts +2 -0
  31. package/dist/components/option/option.styles.js +5 -0
  32. package/dist/components/radio/radio-link.d.ts +11 -0
  33. package/dist/components/radio/radio-link.js +5 -0
  34. package/dist/components/radio/radio.d.ts +29 -0
  35. package/dist/components/radio/radio.def.d.ts +11 -0
  36. package/dist/components/radio/radio.def.js +25 -0
  37. package/dist/components/radio/radio.js +43 -0
  38. package/dist/components/radio/radio.styles.d.ts +1 -0
  39. package/dist/components/radio/radio.styles.js +21 -0
  40. package/dist/components/radio-group/radio-group.d.ts +77 -0
  41. package/dist/components/radio-group/radio-group.def.d.ts +40 -0
  42. package/dist/components/radio-group/radio-group.def.js +55 -0
  43. package/dist/components/radio-group/radio-group.js +184 -0
  44. package/dist/components/radio-group/radio-group.styles.d.ts +1 -0
  45. package/dist/components/radio-group/radio-group.styles.js +15 -0
  46. package/dist/components/select/select.d.ts +119 -0
  47. package/dist/components/select/select.def.d.ts +38 -0
  48. package/dist/components/select/select.def.js +59 -0
  49. package/dist/components/select/select.js +385 -0
  50. package/dist/components/select/select.styles.d.ts +1 -0
  51. package/dist/components/select/select.styles.js +39 -0
  52. package/dist/components/shared/checkable.d.ts +45 -0
  53. package/dist/components/shared/checkable.js +108 -0
  54. package/dist/components/shared/field.styles.d.ts +1 -0
  55. package/dist/components/shared/field.styles.js +36 -0
  56. package/dist/components/shared/press.d.ts +7 -0
  57. package/dist/components/shared/press.js +42 -0
  58. package/dist/components/shared/step.d.ts +2 -0
  59. package/dist/components/shared/step.js +2 -0
  60. package/dist/components/shared/text-control.d.ts +72 -0
  61. package/dist/components/shared/text-control.js +191 -0
  62. package/dist/components/slider/slider.d.ts +69 -0
  63. package/dist/components/slider/slider.def.d.ts +39 -0
  64. package/dist/components/slider/slider.def.js +76 -0
  65. package/dist/components/slider/slider.js +170 -0
  66. package/dist/components/slider/slider.styles.d.ts +1 -0
  67. package/dist/components/slider/slider.styles.js +16 -0
  68. package/dist/components/switch/switch.d.ts +4 -30
  69. package/dist/components/switch/switch.js +5 -117
  70. package/dist/components/text-field/implicit-submit.d.ts +5 -0
  71. package/dist/components/text-field/implicit-submit.js +8 -3
  72. package/dist/components/text-field/text-field.d.ts +9 -36
  73. package/dist/components/text-field/text-field.js +21 -178
  74. package/dist/components/text-field/text-field.styles.d.ts +1 -1
  75. package/dist/components/text-field/text-field.styles.js +2 -35
  76. package/dist/components/textarea/textarea.d.ts +98 -0
  77. package/dist/components/textarea/textarea.def.d.ts +139 -0
  78. package/dist/components/textarea/textarea.def.js +65 -0
  79. package/dist/components/textarea/textarea.js +101 -0
  80. package/dist/components/textarea/textarea.styles.d.ts +1 -0
  81. package/dist/components/textarea/textarea.styles.js +9 -0
  82. package/dist/core/define.d.ts +16 -1
  83. package/dist/core/form-control.js +3 -1
  84. package/dist/core/validation.d.ts +6 -2
  85. package/dist/core/validation.js +15 -8
  86. package/dist/number-field.d.ts +3 -0
  87. package/dist/number-field.js +4 -0
  88. package/dist/option.d.ts +3 -0
  89. package/dist/option.js +4 -0
  90. package/dist/radio-group.d.ts +4 -0
  91. package/dist/radio-group.js +6 -0
  92. package/dist/radio.d.ts +3 -0
  93. package/dist/radio.js +4 -0
  94. package/dist/select.d.ts +3 -0
  95. package/dist/select.js +4 -0
  96. package/dist/slider.d.ts +3 -0
  97. package/dist/slider.js +4 -0
  98. package/dist/ssr.d.ts +9 -5
  99. package/dist/ssr.js +25 -5
  100. package/dist/textarea.d.ts +3 -0
  101. package/dist/textarea.js +4 -0
  102. package/package.json +41 -1
package/README.md CHANGED
@@ -3,7 +3,7 @@
3
3
  Framework-agnostic neumorphism web components for
4
4
  [neumorphism-ui](https://github.com/hunghdvn/neumorphism-ui): `<neu-button>`, `<neu-switch>`,
5
5
  `<neu-text-field>`, `<neu-icon>`, `<neu-icon-button>`, `<neu-button-group>`, `<neu-surface>`,
6
- `<neu-divider>`, `<neu-badge>`, `<neu-avatar>` and `<neu-spinner>`. They are accessible, the form
6
+ `<neu-divider>`, `<neu-badge>`, `<neu-avatar>`, `<neu-spinner>`, `<neu-textarea>`, `<neu-number-field>`, `<neu-checkbox>`, `<neu-radio-group>` with `<neu-radio>`, `<neu-slider>` and `<neu-select>` with `<neu-option>`. They are accessible, the form
7
7
  controls are form-associated, and they adopt server-rendered declarative shadow roots. Import one
8
8
  tag per module (`button.js`, `icon.js`, `badge.js`, ...) or all of them with `all.js`; `cdn/neu.min.js` is a single minified bundle. Pre-release.
9
9
 
@@ -35,6 +35,17 @@ import '@neumorphism-ui/elements/all.js';
35
35
  <neu-divider orientation="vertical"></neu-divider>
36
36
  ```
37
37
 
38
+ ```html
39
+ <neu-select label="Plan" name="plan" value="pro">
40
+ <neu-option value="free">Free</neu-option>
41
+ <neu-option value="pro">Pro</neu-option>
42
+ </neu-select>
43
+ <neu-radio-group label="Billing" name="billing" value="monthly">
44
+ <neu-radio value="monthly">Monthly</neu-radio>
45
+ <neu-radio value="yearly">Yearly</neu-radio>
46
+ </neu-radio-group>
47
+ ```
48
+
38
49
  ## Icons
39
50
 
40
51
  `<neu-icon>` and `<neu-icon-button>` ship eight built-in icons in the `system` library: `check`,