@daracl/form 0.0.17 → 0.0.19

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 (91) hide show
  1. package/README.md +1 -1
  2. package/dist/DaraForm.d.ts +51 -2
  3. package/dist/FieldInfoMap.d.ts +8 -1
  4. package/dist/FormTemplate.d.ts +2 -2
  5. package/dist/constants.d.ts +5 -1
  6. package/dist/daracl.form.css +788 -0
  7. package/dist/daracl.form.min.css +10 -0
  8. package/dist/daracl.form.min.umd.js +171 -0
  9. package/dist/daracl.form.min.umd.js.map +1 -0
  10. package/dist/daracl.form.umd.js +4497 -0
  11. package/dist/daracl.form.umd.js.map +1 -0
  12. package/dist/defaultOption.d.ts +8 -0
  13. package/dist/event/renderEvents.d.ts +1 -1
  14. package/dist/global.d.ts +6 -0
  15. package/dist/index.cjs +1827 -520
  16. package/dist/index.cjs.map +1 -7
  17. package/dist/index.d.ts +7 -2
  18. package/dist/index.html +193 -348
  19. package/dist/index.js +4106 -3097
  20. package/dist/index.js.map +1 -7
  21. package/dist/index.min.cjs +171 -0
  22. package/dist/index.min.cjs.map +1 -0
  23. package/dist/index.min.js +2915 -0
  24. package/dist/index.min.js.map +1 -0
  25. package/dist/index.umd.d.ts +7 -0
  26. package/dist/renderer/ButtonRender.d.ts +2 -2
  27. package/dist/renderer/CheckboxRender.d.ts +2 -2
  28. package/dist/renderer/CustomRender.d.ts +2 -2
  29. package/dist/renderer/DateRender.d.ts +2 -2
  30. package/dist/renderer/DropdownRender.d.ts +2 -2
  31. package/dist/renderer/FileRender.d.ts +2 -2
  32. package/dist/renderer/GridRender.d.ts +2 -2
  33. package/dist/renderer/GroupRender.d.ts +2 -2
  34. package/dist/renderer/HiddenRender.d.ts +2 -2
  35. package/dist/renderer/NumberRender.d.ts +2 -2
  36. package/dist/renderer/PasswordRender.d.ts +2 -2
  37. package/dist/renderer/RadioRender.d.ts +2 -2
  38. package/dist/renderer/RangeRender.d.ts +2 -2
  39. package/dist/renderer/Render.d.ts +2 -2
  40. package/dist/renderer/TabRender.d.ts +2 -2
  41. package/dist/renderer/TextAreaRender.d.ts +2 -2
  42. package/dist/renderer/TextRender.d.ts +2 -2
  43. package/dist/types/FormField.d.ts +18 -13
  44. package/dist/types/FormOptions.d.ts +1 -1
  45. package/dist/types/style.d.ts +3 -0
  46. package/dist/util/renderFactory.d.ts +1 -1
  47. package/dist/util/styleUtils.d.ts +10 -12
  48. package/dist/util/utils.d.ts +1 -1
  49. package/package.json +129 -140
  50. package/style/abstracts/_index.scss +2 -0
  51. package/style/abstracts/_mixins.scss +22 -0
  52. package/style/abstracts/_variables.scss +1 -0
  53. package/style/base/_base.scss +68 -0
  54. package/style/base/_index.scss +1 -0
  55. package/style/components/_button.scss +16 -0
  56. package/style/components/_field-container.scss +42 -0
  57. package/style/components/_field-group.scss +16 -0
  58. package/style/components/_file-list.scss +59 -0
  59. package/style/components/_form-field.scss +48 -0
  60. package/style/components/_form-group.scss +94 -0
  61. package/style/components/_grid-field.scss +120 -0
  62. package/style/components/_icon.scss +26 -0
  63. package/style/components/_index.scss +11 -0
  64. package/style/components/_label.scss +65 -0
  65. package/style/components/_row.scss +88 -0
  66. package/style/components/_tab.scss +69 -0
  67. package/{dist/index.css → style/daracl.form.css} +213 -184
  68. package/style/daracl.form.css.map +1 -0
  69. package/style/daracl.form.min.css +2 -0
  70. package/style/daracl.form.min.css.map +1 -0
  71. package/style/daracl.form.scss +53 -691
  72. package/style/themes/_common.scss +18 -0
  73. package/style/themes/_dark.scss +32 -0
  74. package/style/themes/_index.scss +14 -0
  75. package/style/themes/_light.scss +26 -0
  76. package/style/themes/_mixin.scss +6 -0
  77. package/dist/commonVender.d.ts +0 -1
  78. package/dist/daracl.form.js +0 -5720
  79. package/dist/daracl.form.js.map +0 -1
  80. package/dist/daracl.form.min.js +0 -7
  81. package/dist/daracl.form.min.js.LICENSE.txt +0 -5
  82. package/dist/daracl.form.min.js.map +0 -1
  83. package/dist/daracl.vender.min.css +0 -5
  84. package/dist/daracl.vender.min.js +0 -2
  85. package/dist/daracl.vender.min.js.LICENSE.txt +0 -3
  86. package/dist/index.css.map +0 -7
  87. package/dist/indexVender.d.ts +0 -6
  88. package/dist/main.css +0 -6
  89. package/dist/main.css.map +0 -1
  90. package/src/index.ts +0 -5
  91. /package/dist/util/{Lanauage.d.ts → Language.d.ts} +0 -0
package/style/components/_tab.scss ADDED
@@ -0,0 +1,69 @@
1
+ @mixin df-tab {
2
+ .df-tab-header {
3
+ list-style: none;
4
+ margin: 0px;
5
+ padding: 0px;
6
+
7
+ display: flex;
8
+ line-height: var(--line-height);
9
+ width: 100%;
10
+ border-bottom: 1px solid var(--border-color);
11
+
12
+ &.df-tab-al {
13
+ &-left {
14
+ justify-content: left;
15
+ }
16
+ &-right {
17
+ justify-content: right;
18
+ }
19
+ &-center {
20
+ justify-content: center;
21
+ }
22
+ }
23
+
24
+ > .df-tab-item {
25
+ list-style: none;
26
+ float: left;
27
+ position: relative;
28
+ top: 0;
29
+ margin: 1px 0.4em 0 0;
30
+ padding: 0;
31
+ white-space: nowrap;
32
+
33
+ &.active {
34
+ a {
35
+ color: var(--font-hover-color);
36
+ background-color: var(--tab-bg);
37
+ }
38
+ }
39
+
40
+ a {
41
+ border-top-left-radius: calc(0.45rem - 1px);
42
+ border-top-right-radius: calc(0.45rem - 1px);
43
+ border: 1px solid transparent;
44
+ border-bottom-width: 0;
45
+ float: left;
46
+ padding: 0.5em 1em;
47
+ text-decoration: none;
48
+ color: var(--font-color);
49
+ height: 30px;
50
+
51
+ &:hover {
52
+ background-color: var(--tab-bg-hover);
53
+ border: 1px solid var(--border-color);
54
+ border-bottom-width: 0;
55
+ }
56
+ }
57
+ }
58
+ }
59
+
60
+ .df-tab-body {
61
+ .df-tab-panel {
62
+ display: none;
63
+
64
+ &.active {
65
+ display: block;
66
+ }
67
+ }
68
+ }
69
+ }