@scenid/react-formulator 0.0.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 (54) hide show
  1. package/.eslintignore +21 -0
  2. package/.eslintrc +70 -0
  3. package/.firebase/hosting.c3Rvcnlib29rLXN0YXRpYw.cache +38 -0
  4. package/.firebaserc +5 -0
  5. package/.storybook/main.js +12 -0
  6. package/.storybook/preview.js +9 -0
  7. package/README.md +29 -0
  8. package/dist/index.cjs.css +96 -0
  9. package/dist/index.cjs.js +25 -0
  10. package/dist/index.esm.css +96 -0
  11. package/dist/index.esm.js +25 -0
  12. package/firebase.json +17 -0
  13. package/package.json +74 -0
  14. package/rollup.config.js +35 -0
  15. package/src/Editable/FormBoolean.jsx +44 -0
  16. package/src/Editable/FormField.jsx +223 -0
  17. package/src/Editable/FormNumber.jsx +36 -0
  18. package/src/Editable/FormRepeater.jsx +190 -0
  19. package/src/Editable/FormSelect.jsx +49 -0
  20. package/src/Editable/FormTextfield.jsx +13 -0
  21. package/src/FormGroupHeader.jsx +85 -0
  22. package/src/FormHelpers.js +191 -0
  23. package/src/FormSectionBlock.jsx +70 -0
  24. package/src/FormSectionCard.jsx +62 -0
  25. package/src/FormulatorForm.jsx +537 -0
  26. package/src/FormulatorFormSection.jsx +494 -0
  27. package/src/HiddenData.jsx +24 -0
  28. package/src/ReadOnly/FormBoolean.jsx +36 -0
  29. package/src/ReadOnly/FormField.jsx +126 -0
  30. package/src/ReadOnly/FormMarkdown.jsx +20 -0
  31. package/src/ReadOnly/FormNumber.jsx +17 -0
  32. package/src/ReadOnly/FormReadOnlyText.jsx +19 -0
  33. package/src/ReadOnly/FormRepeater.jsx +36 -0
  34. package/src/ReadOnly/FormSelect.jsx +18 -0
  35. package/src/helpers.js +13 -0
  36. package/src/index.js +3 -0
  37. package/stories/Forms.stories.jsx +126 -0
  38. package/stories/Introduction.stories.mdx +206 -0
  39. package/stories/StoryBase.jsx +35 -0
  40. package/stories/assets/code-brackets.svg +1 -0
  41. package/stories/assets/colors.svg +1 -0
  42. package/stories/assets/comments.svg +1 -0
  43. package/stories/assets/direction.svg +1 -0
  44. package/stories/assets/flow.svg +1 -0
  45. package/stories/assets/plugin.svg +1 -0
  46. package/stories/assets/repo.svg +1 -0
  47. package/stories/assets/stackalt.svg +1 -0
  48. package/stories/forms/login.render.schema.json +23 -0
  49. package/stories/forms/login.validation.schema.json +29 -0
  50. package/stories/forms/markdown.render.schema.json +30 -0
  51. package/stories/forms/markdown.validation.schema.json +18 -0
  52. package/stories/forms/register.render.schema.json +32 -0
  53. package/stories/forms/register.validation.schema.json +34 -0
  54. package/stories/forms/types.schemas.js +171 -0
@@ -0,0 +1,96 @@
1
+ /**
2
+ * Shades of Purple Theme — for Highlightjs.
3
+ *
4
+ * @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
5
+ * @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
6
+ * @version 1.5.0
7
+ */
8
+
9
+ .hljs {
10
+ display: block;
11
+ overflow-x: auto;
12
+ /* Custom font is optional */
13
+ /* font-family: 'Operator Mono', 'Fira Code', 'Menlo', 'Monaco', 'Courier New', 'monospace'; */
14
+ padding: 0.5em;
15
+ background: #2d2b57;
16
+ font-weight: normal;
17
+ }
18
+
19
+ .hljs-title {
20
+ color: #fad000;
21
+ font-weight: normal;
22
+ }
23
+
24
+ .hljs-name {
25
+ color: #a1feff;
26
+ }
27
+
28
+ .hljs-tag {
29
+ color: #ffffff;
30
+ }
31
+
32
+ .hljs-attr {
33
+ color: #f8d000;
34
+ font-style: italic;
35
+ }
36
+
37
+ .hljs-built_in,
38
+ .hljs-selector-tag,
39
+ .hljs-section {
40
+ color: #fb9e00;
41
+ }
42
+
43
+ .hljs-keyword {
44
+ color: #fb9e00;
45
+ }
46
+
47
+ .hljs,
48
+ .hljs-subst {
49
+ color: #e3dfff;
50
+ }
51
+
52
+ .hljs-string,
53
+ .hljs-attribute,
54
+ .hljs-symbol,
55
+ .hljs-bullet,
56
+ .hljs-addition,
57
+ .hljs-code,
58
+ .hljs-regexp,
59
+ .hljs-selector-class,
60
+ .hljs-selector-attr,
61
+ .hljs-selector-pseudo,
62
+ .hljs-template-tag,
63
+ .hljs-quote,
64
+ .hljs-deletion {
65
+ color: #4cd213;
66
+ }
67
+
68
+ .hljs-meta,
69
+ .hljs-meta-string {
70
+ color: #fb9e00;
71
+ }
72
+
73
+ .hljs-comment {
74
+ color: #ac65ff;
75
+ }
76
+
77
+ .hljs-keyword,
78
+ .hljs-selector-tag,
79
+ .hljs-literal,
80
+ .hljs-name,
81
+ .hljs-strong {
82
+ font-weight: normal;
83
+ }
84
+
85
+ .hljs-literal,
86
+ .hljs-number {
87
+ color: #fa658d;
88
+ }
89
+
90
+ .hljs-emphasis {
91
+ font-style: italic;
92
+ }
93
+
94
+ .hljs-strong {
95
+ font-weight: bold;
96
+ }