@dodlhuat/basix 1.0.0 → 1.1.0

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 (142) hide show
  1. package/README.md +1 -1
  2. package/css/accordion.scss +31 -22
  3. package/css/alert.scss +79 -27
  4. package/css/button.scss +151 -102
  5. package/css/card.scss +11 -12
  6. package/css/carousel.scss +123 -87
  7. package/css/chart.scss +9 -11
  8. package/css/chat-bubbles.scss +2 -2
  9. package/css/checkbox.scss +72 -55
  10. package/css/chips.scss +52 -52
  11. package/css/code-viewer.scss +73 -98
  12. package/css/datepicker.scss +20 -0
  13. package/css/dropdown.scss +151 -137
  14. package/css/editor.scss +9 -6
  15. package/css/file-uploader.scss +187 -195
  16. package/css/flyout-menu.scss +20 -13
  17. package/css/form.scss +168 -115
  18. package/css/gallery.scss +62 -63
  19. package/css/grid.scss +0 -1
  20. package/css/modal.scss +117 -72
  21. package/css/placeholder.scss +17 -12
  22. package/css/properties.scss +6 -0
  23. package/css/push-menu.scss +70 -23
  24. package/css/radiobutton.scss +86 -64
  25. package/css/range-slider.scss +136 -0
  26. package/css/scrollbar.scss +69 -69
  27. package/css/spinner.scss +41 -66
  28. package/css/style.css +4351 -3735
  29. package/css/style.css.map +1 -1
  30. package/css/style.scss +2 -1
  31. package/css/switch.scss +43 -42
  32. package/css/table.scss +61 -40
  33. package/css/tabs.scss +12 -7
  34. package/css/timeline.scss +72 -69
  35. package/css/timepicker.scss +151 -72
  36. package/css/toast.scss +49 -48
  37. package/css/tooltip.scss +112 -122
  38. package/css/tree.scss +135 -192
  39. package/css/typography.scss +70 -9
  40. package/css/virtual-dropdown.scss +201 -142
  41. package/js/carousel.js +45 -18
  42. package/js/carousel.ts +217 -173
  43. package/js/datepicker.js +505 -497
  44. package/js/datepicker.ts +9 -0
  45. package/js/editor.js +398 -415
  46. package/js/file-uploader.js +142 -128
  47. package/js/file-uploader.ts +364 -350
  48. package/js/gallery.js +22 -15
  49. package/js/gallery.ts +17 -12
  50. package/js/index.js +718 -720
  51. package/js/index.ts +7 -8
  52. package/js/push-menu.js +113 -101
  53. package/js/push-menu.ts +17 -2
  54. package/js/range-slider.js +26 -0
  55. package/js/range-slider.ts +33 -0
  56. package/js/timepicker.js +144 -98
  57. package/js/timepicker.ts +194 -131
  58. package/js/tree.js +56 -28
  59. package/js/tree.ts +239 -218
  60. package/package.json +1 -1
  61. package/css/accordion.css +0 -109
  62. package/css/accordion.css.map +0 -1
  63. package/css/alert.css +0 -57
  64. package/css/alert.css.map +0 -1
  65. package/css/button.css +0 -69
  66. package/css/button.css.map +0 -1
  67. package/css/card.css +0 -144
  68. package/css/card.css.map +0 -1
  69. package/css/carousel.css +0 -118
  70. package/css/carousel.css.map +0 -1
  71. package/css/chart.css +0 -159
  72. package/css/chart.css.map +0 -1
  73. package/css/chat-bubbles.css +0 -97
  74. package/css/chat-bubbles.css.map +0 -1
  75. package/css/checkbox.css +0 -77
  76. package/css/checkbox.css.map +0 -1
  77. package/css/chips.css +0 -72
  78. package/css/chips.css.map +0 -1
  79. package/css/code-viewer.css +0 -97
  80. package/css/code-viewer.css.map +0 -1
  81. package/css/colors.css +0 -63
  82. package/css/colors.css.map +0 -1
  83. package/css/datepicker.css +0 -264
  84. package/css/datepicker.css.map +0 -1
  85. package/css/defaults.css +0 -118
  86. package/css/defaults.css.map +0 -1
  87. package/css/dropdown.css +0 -146
  88. package/css/dropdown.css.map +0 -1
  89. package/css/editor.css +0 -413
  90. package/css/file-uploader.css +0 -194
  91. package/css/file-uploader.css.map +0 -1
  92. package/css/flyout-menu.css +0 -345
  93. package/css/flyout-menu.css.map +0 -1
  94. package/css/form-builder.css +0 -9
  95. package/css/form-builder.css.map +0 -1
  96. package/css/form-builder.scss +0 -11
  97. package/css/form.css +0 -130
  98. package/css/form.css.map +0 -1
  99. package/css/gallery.css +0 -91
  100. package/css/gallery.css.map +0 -1
  101. package/css/grid.css +0 -44
  102. package/css/grid.css.map +0 -1
  103. package/css/icons.css +0 -327
  104. package/css/icons.css.map +0 -1
  105. package/css/modal.css +0 -97
  106. package/css/modal.css.map +0 -1
  107. package/css/parameters.css +0 -1
  108. package/css/parameters.css.map +0 -1
  109. package/css/placeholder.css +0 -50
  110. package/css/placeholder.css.map +0 -1
  111. package/css/progress.css +0 -51
  112. package/css/progress.css.map +0 -1
  113. package/css/properties.css +0 -31
  114. package/css/properties.css.map +0 -1
  115. package/css/push-menu.css +0 -145
  116. package/css/push-menu.css.map +0 -1
  117. package/css/radiobutton.css +0 -91
  118. package/css/radiobutton.css.map +0 -1
  119. package/css/reset.css +0 -46
  120. package/css/reset.css.map +0 -1
  121. package/css/scrollbar.css +0 -91
  122. package/css/scrollbar.css.map +0 -1
  123. package/css/spinner.css +0 -118
  124. package/css/spinner.css.map +0 -1
  125. package/css/switch.css +0 -66
  126. package/css/switch.css.map +0 -1
  127. package/css/table.css +0 -201
  128. package/css/table.css.map +0 -1
  129. package/css/tabs.css +0 -135
  130. package/css/tabs.css.map +0 -1
  131. package/css/timeline.css +0 -69
  132. package/css/timeline.css.map +0 -1
  133. package/css/toast.css +0 -98
  134. package/css/toast.css.map +0 -1
  135. package/css/tooltip.css +0 -151
  136. package/css/tooltip.css.map +0 -1
  137. package/css/tree.css +0 -199
  138. package/css/tree.css.map +0 -1
  139. package/css/typography.css +0 -137
  140. package/css/typography.css.map +0 -1
  141. package/css/virtual-dropdown.css +0 -149
  142. package/css/virtual-dropdown.css.map +0 -1
@@ -1,194 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- .uploader-content .app-container {
34
- width: 100%;
35
- max-width: 480px;
36
- }
37
- .uploader-content .header h2 {
38
- font-size: 1.25rem;
39
- font-weight: 600;
40
- margin-bottom: 0.25rem;
41
- }
42
- .uploader-content .header p {
43
- color: var(--secondary-text);
44
- font-size: 0.875rem;
45
- }
46
- .uploader-content .drop-zone {
47
- border: 2px dashed var(--divider);
48
- border-radius: 0.4rem;
49
- padding: 2rem 1rem;
50
- text-align: center;
51
- cursor: pointer;
52
- transition: all 0.2s ease;
53
- background-color: #f9fafb;
54
- }
55
- .uploader-content .drop-zone:hover,
56
- .uploader-content .drop-zone.drag-over {
57
- border-color: var(--accent-color-lighten);
58
- background-color: #eef2ff;
59
- }
60
- .uploader-content .drop-zone-content {
61
- display: flex;
62
- flex-direction: column;
63
- align-items: center;
64
- gap: 0.5rem;
65
- pointer-events: none;
66
- /* Let clicks pass through to container */
67
- }
68
- .uploader-content .icon-container {
69
- width: 40px;
70
- height: 40px;
71
- border-radius: 50%;
72
- background-color: #e0e7ff;
73
- color: var(--accent-color);
74
- display: flex;
75
- align-items: center;
76
- justify-content: center;
77
- margin-bottom: 0.5rem;
78
- }
79
- .uploader-content .primary-text {
80
- font-weight: 500;
81
- color: var(--accent-color);
82
- font-size: 0.875rem;
83
- }
84
- .uploader-content .secondary-text {
85
- color: var(--secondary-text);
86
- font-size: 0.75rem;
87
- }
88
- .uploader-content .file-list {
89
- display: flex;
90
- flex-direction: column;
91
- gap: 0.75rem;
92
- max-height: 300px;
93
- overflow-y: auto;
94
- }
95
- .uploader-content .file-item {
96
- display: flex;
97
- flex-direction: column;
98
- /* Changed to column to accommodate progress bar */
99
- padding: 0.75rem;
100
- background-color: #f9fafb;
101
- border: 1px solid var(--divider);
102
- border-radius: 0.4rem;
103
- animation: slideIn 0.2s ease-out;
104
- gap: 0.75rem;
105
- }
106
- .uploader-content .file-item-header {
107
- display: flex;
108
- align-items: center;
109
- justify-content: space-between;
110
- width: 100%;
111
- }
112
- @keyframes slideIn {
113
- from {
114
- opacity: 0;
115
- transform: translateY(10px);
116
- }
117
- to {
118
- opacity: 1;
119
- transform: translateY(0);
120
- }
121
- }
122
- .uploader-content .file-info {
123
- display: flex;
124
- align-items: center;
125
- gap: 0.75rem;
126
- overflow: hidden;
127
- }
128
- .uploader-content .file-icon {
129
- color: var(--secondary-text);
130
- }
131
- .uploader-content .file-details {
132
- display: flex;
133
- flex-direction: column;
134
- overflow: hidden;
135
- }
136
- .uploader-content .file-name {
137
- font-size: 0.875rem;
138
- font-weight: 500;
139
- white-space: nowrap;
140
- overflow: hidden;
141
- text-overflow: ellipsis;
142
- }
143
- .uploader-content .file-size {
144
- font-size: 0.75rem;
145
- color: var(--secondary-text);
146
- }
147
- .uploader-content .remove-btn {
148
- background: none;
149
- border: none;
150
- color: var(--secondary-text);
151
- cursor: pointer;
152
- padding: 0.25rem;
153
- border-radius: 4px;
154
- transition: color 0.2s, background-color 0.2s;
155
- display: flex;
156
- align-items: center;
157
- justify-content: center;
158
- }
159
- .uploader-content .remove-btn:hover {
160
- color: var(--erro);
161
- background-color: #fee2e2;
162
- }
163
- .uploader-content .progress-container {
164
- width: 100%;
165
- height: 6px;
166
- background-color: #e5e7eb;
167
- border-radius: 3px;
168
- overflow: hidden;
169
- display: none;
170
- /* Hidden by default */
171
- }
172
- .uploader-content .progress-bar {
173
- height: 100%;
174
- background-color: var(--accent-color);
175
- width: 0%;
176
- transition: width 0.1s linear;
177
- }
178
- .uploader-content .status-text {
179
- font-size: 0.75rem;
180
- color: var(--secondary-text);
181
- text-align: right;
182
- display: none;
183
- }
184
- .uploader-content .status-text.error {
185
- color: var(--error);
186
- }
187
- .uploader-content .status-text.success {
188
- color: var(--success);
189
- }
190
- @media (max-width: 480px) {
191
- .uploader-content .drop-zone {
192
- padding: 1.5rem 1rem;
193
- }
194
- }/*# sourceMappingURL=file-uploader.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","file-uploader.css","file-uploader.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC1BE;EACE,WAAA;EACA,gBAAA;AD6BJ;AC1BE;EACE,kBAAA;EACA,gBAAA;EACA,sBAAA;AD4BJ;ACzBE;EACE,4BAAA;EACA,mBAAA;AD2BJ;ACxBE;EACE,iCAAA;EACA,qBCrBY;EDsBZ,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,yBAAA;EACA,yBAAA;AD0BJ;ACvBE;;EAEE,yCAAA;EACA,yBAAA;ADyBJ;ACtBE;EACE,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,WAAA;EACA,oBAAA;EACA,yCAAA;ADwBJ;ACrBE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,yBAAA;EACA,0BAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,qBAAA;ADuBJ;ACpBE;EACE,gBAAA;EACA,0BAAA;EACA,mBAAA;ADsBJ;ACnBE;EACE,4BAAA;EACA,kBAAA;ADqBJ;AClBE;EACE,aAAA;EACA,sBAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;ADoBJ;ACjBE;EACE,aAAA;EACA,sBAAA;EACA,kDAAA;EACA,gBAAA;EACA,yBAAA;EACA,gCAAA;EACA,qBClFY;EDmFZ,gCAAA;EACA,YAAA;ADmBJ;AChBE;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,WAAA;ADkBJ;ACfE;EACE;IACE,UAAA;IACA,2BAAA;EDiBJ;ECdE;IACE,UAAA;IACA,wBAAA;EDgBJ;AACF;ACbE;EACE,aAAA;EACA,mBAAA;EACA,YAAA;EACA,gBAAA;ADeJ;ACZE;EACE,4BAAA;ADcJ;ACXE;EACE,aAAA;EACA,sBAAA;EACA,gBAAA;ADaJ;ACVE;EACE,mBAAA;EACA,gBAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;ADYJ;ACTE;EACE,kBAAA;EACA,4BAAA;ADWJ;ACRE;EACE,gBAAA;EACA,YAAA;EACA,4BAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,6CACE;EAEF,aAAA;EACA,mBAAA;EACA,uBAAA;ADQJ;ACLE;EACE,kBAAA;EACA,yBAAA;ADOJ;ACJE;EACE,WAAA;EACA,WAAA;EACA,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;ADMJ;ACHE;EACE,YAAA;EACA,qCAAA;EACA,SAAA;EACA,6BAAA;ADKJ;ACFE;EACE,kBAAA;EACA,4BAAA;EACA,iBAAA;EACA,aAAA;ADIJ;ACDE;EACE,mBAAA;ADGJ;ACAE;EACE,qBAAA;ADEJ;ACCE;EACE;IACE,oBAAA;EDCJ;AACF","file":"file-uploader.css"}
@@ -1,345 +0,0 @@
1
- :root {
2
- --bg-color: #0f172a;
3
- --text-color: #f8fafc;
4
- --glass-bg: rgba(15, 23, 42, 0.7);
5
- --glass-border: rgba(255, 255, 255, 0.1);
6
- --menu-width: 320px;
7
- --transition-speed: 0.4s;
8
- --font-family: "Outfit", sans-serif;
9
- }
10
-
11
- * {
12
- box-sizing: border-box;
13
- margin: 0;
14
- padding: 0;
15
- }
16
-
17
- body {
18
- overflow-x: hidden;
19
- min-height: 100vh;
20
- }
21
-
22
- /* Header */
23
- .site-header {
24
- display: flex;
25
- justify-content: space-between;
26
- align-items: center;
27
- padding: 1.5rem 2rem;
28
- position: relative;
29
- z-index: 10;
30
- }
31
-
32
- .logo {
33
- font-size: 1.5rem;
34
- font-weight: 700;
35
- letter-spacing: -0.02em;
36
- }
37
-
38
- .menu-trigger {
39
- background: none;
40
- border: none;
41
- color: var(--text-color);
42
- cursor: pointer;
43
- padding: 0.5rem;
44
- transition: transform 0.2s;
45
- }
46
-
47
- .menu-trigger:hover {
48
- transform: scale(1.1);
49
- color: var(--accent-color);
50
- }
51
-
52
- .main-content {
53
- display: flex;
54
- flex-direction: column;
55
- align-items: center;
56
- justify-content: center;
57
- height: 80vh;
58
- text-align: center;
59
- padding: 2rem;
60
- }
61
-
62
- .main-content h1 {
63
- font-size: 3rem;
64
- margin-bottom: 1rem;
65
- background: linear-gradient(to right, #c084fc, #6366f1);
66
- background-clip: text;
67
- -webkit-background-clip: text;
68
- -webkit-text-fill-color: transparent;
69
- }
70
-
71
- .main-content p {
72
- color: #94a3b8;
73
- font-size: 1.2rem;
74
- }
75
-
76
- /* Flyout Overlay */
77
- .flyout-overlay {
78
- position: fixed;
79
- top: 0;
80
- left: 0;
81
- width: 100%;
82
- height: 100%;
83
- background: rgba(0, 0, 0, 0.5);
84
- -webkit-backdrop-filter: blur(4px);
85
- backdrop-filter: blur(4px);
86
- opacity: 0;
87
- visibility: hidden;
88
- transition: opacity var(--transition-speed), visibility var(--transition-speed);
89
- z-index: 40;
90
- }
91
-
92
- .flyout-overlay.is-visible {
93
- opacity: 1;
94
- visibility: visible;
95
- }
96
-
97
- /* Flyout Menu Base */
98
- .flyout-menu {
99
- position: fixed;
100
- background: var(--glass-bg);
101
- backdrop-filter: blur(20px);
102
- -webkit-backdrop-filter: blur(20px);
103
- z-index: 50;
104
- display: flex;
105
- flex-direction: column;
106
- padding: 2rem;
107
- box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
108
- transition: transform var(--transition-speed) cubic-bezier(0.25, 1, 0.5, 1);
109
- /* Smoother rollout */
110
- }
111
-
112
- /* Directional Variants */
113
- .flyout-from-right {
114
- top: 0;
115
- right: 0;
116
- width: var(--menu-width);
117
- height: 100%;
118
- border-left: 1px solid var(--glass-border);
119
- transform: translateX(100%);
120
- }
121
-
122
- .flyout-from-left {
123
- top: 0;
124
- left: 0;
125
- width: var(--menu-width);
126
- height: 100%;
127
- border-right: 1px solid var(--glass-border);
128
- transform: translateX(-100%);
129
- }
130
-
131
- .flyout-menu.is-open {
132
- transform: translate(0, 0);
133
- }
134
-
135
- /* Flyout Header */
136
- .flyout-header {
137
- display: flex;
138
- justify-content: space-between;
139
- align-items: center;
140
- margin-bottom: 3rem;
141
- }
142
-
143
- .flyout-title {
144
- font-size: 1.25rem;
145
- font-weight: 600;
146
- color: #94a3b8;
147
- text-transform: uppercase;
148
- letter-spacing: 0.1em;
149
- }
150
-
151
- .close-menu {
152
- background: none;
153
- border: none;
154
- color: var(--text-color);
155
- cursor: pointer;
156
- padding: 0.5rem;
157
- transition: transform 0.2s, color 0.2s;
158
- }
159
-
160
- .close-menu:hover {
161
- transform: rotate(90deg);
162
- color: var(--accent-color);
163
- }
164
-
165
- /* Flyout Links */
166
- .flyout-links {
167
- list-style: none;
168
- flex-grow: 1;
169
- }
170
-
171
- .flyout-links li {
172
- margin-bottom: 1.5rem;
173
- overflow: hidden;
174
- }
175
-
176
- .flyout-links a,
177
- .submenu-toggle {
178
- display: flex;
179
- align-items: center;
180
- justify-content: space-between;
181
- width: 100%;
182
- background: none;
183
- border: none;
184
- font-size: 2rem;
185
- font-weight: 600;
186
- color: var(--text-color);
187
- text-decoration: none;
188
- cursor: pointer;
189
- font-family: inherit;
190
- padding: 0;
191
- transform: translateY(100%);
192
- transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s;
193
- transition-delay: var(--delay);
194
- }
195
-
196
- .flyout-menu.is-open .flyout-links a,
197
- .flyout-menu.is-open .submenu-toggle {
198
- transform: translateY(0);
199
- }
200
-
201
- .flyout-links a:hover,
202
- .submenu-toggle:hover {
203
- color: var(--accent-color);
204
- }
205
-
206
- .chevron {
207
- transition: transform 0.3s;
208
- opacity: 0.7;
209
- }
210
-
211
- .submenu-toggle.active .chevron {
212
- transform: rotate(180deg);
213
- }
214
-
215
- /* Submenu */
216
- .submenu {
217
- list-style: none;
218
- max-height: 0;
219
- overflow: hidden;
220
- transition: max-height 0.3s ease-out;
221
- padding-left: 1rem;
222
- border-left: 1px solid rgba(255, 255, 255, 0.1);
223
- margin-top: 0;
224
- }
225
-
226
- .submenu.is-open {
227
- max-height: 500px;
228
- /* Reduced from 2000px for tighter animation */
229
- /* Arbitrary large height, increased for nesting */
230
- margin-top: 1rem;
231
- transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
232
- /* Smoother easing */
233
- }
234
-
235
- .submenu li {
236
- margin-bottom: 0.5rem;
237
- }
238
-
239
- .submenu a {
240
- font-size: 1.25rem;
241
- font-weight: 400;
242
- color: #cbd5e1;
243
- transform: none !important;
244
- /* Override slide-in for submenu items */
245
- transition-delay: 0s !important;
246
- }
247
-
248
- .submenu .submenu-toggle {
249
- font-size: 1.25rem;
250
- font-weight: 400;
251
- color: #cbd5e1;
252
- transform: none !important;
253
- transition-delay: 0s !important;
254
- padding: 0;
255
- margin: 0;
256
- }
257
-
258
- /* Flyout Footer */
259
- .flyout-footer {
260
- padding-top: 2rem;
261
- border-top: 1px solid var(--glass-border);
262
- color: #64748b;
263
- font-size: 0.9rem;
264
- opacity: 0;
265
- transform: translateY(20px);
266
- transition: opacity 0.4s, transform 0.4s;
267
- transition-delay: var(--delay);
268
- }
269
-
270
- .flyout-menu.is-open .flyout-footer {
271
- opacity: 1;
272
- transform: translateY(0);
273
- }
274
-
275
- /* Mobile Responsiveness */
276
- @media (max-width: 480px) {
277
- :root {
278
- --menu-width: 100%;
279
- }
280
- .main-content h1 {
281
- font-size: 2rem;
282
- }
283
- /* Force Fullscreen for all directions */
284
- .flyout-from-right,
285
- .flyout-from-left,
286
- .flyout-from-top {
287
- width: 100% !important;
288
- height: 100% !important;
289
- top: 0 !important;
290
- left: 0 !important;
291
- right: auto !important;
292
- bottom: auto !important;
293
- border: none !important;
294
- /* Remove borders for cleaner fullscreen look */
295
- border-right: 1px solid var(--glass-border) !important;
296
- /* Add consistent right border */
297
- transform: translateX(-100%) !important;
298
- /* Force ALL to slide from LEFT with !important */
299
- }
300
- /* Remove specific transforms and force left slide */
301
- .flyout-from-right,
302
- .flyout-from-left,
303
- .flyout-from-top {
304
- transform: translateX(-100%) !important;
305
- }
306
- .flyout-menu.is-open {
307
- transform: translate(0, 0) !important;
308
- }
309
- /* Reset Top Menu Horizontal Layout to Vertical for Mobile */
310
- .flyout-from-top .flyout-links {
311
- flex-direction: column;
312
- align-items: stretch;
313
- gap: 0;
314
- }
315
- .flyout-from-top .flyout-links > li {
316
- margin-bottom: 1.5rem;
317
- }
318
- .flyout-from-top .flyout-links > li > a,
319
- .flyout-from-top .flyout-links > li > .submenu-toggle {
320
- font-size: 2rem;
321
- /* Restore larger size */
322
- justify-content: space-between;
323
- }
324
- .flyout-from-top .submenu {
325
- position: static;
326
- transform: none;
327
- margin-top: 0;
328
- min-width: 100%;
329
- box-shadow: none;
330
- border: none;
331
- background: transparent;
332
- padding-left: 1rem;
333
- border-left: 1px solid rgba(255, 255, 255, 0.1);
334
- text-align: left;
335
- }
336
- .flyout-from-top .submenu.is-open {
337
- transform: none;
338
- margin-top: 1rem;
339
- }
340
- .flyout-from-top .submenu a {
341
- font-size: 1.25rem;
342
- justify-content: space-between;
343
- /* Match default behavior */
344
- }
345
- }/*# sourceMappingURL=flyout-menu.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["flyout-menu.scss","flyout-menu.css"],"names":[],"mappings":"AAAA;EACE,mBAAA;EACA,qBAAA;EACA,iCAAA;EACA,wCAAA;EACA,mBAAA;EACA,wBAAA;EACA,mCAAA;ACCF;;ADEA;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACCF;;ADEA;EACE,kBAAA;EACA,iBAAA;ACCF;;ADEA,WAAA;AACA;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,oBAAA;EACA,kBAAA;EACA,WAAA;ACCF;;ADEA;EACE,iBAAA;EACA,gBAAA;EACA,uBAAA;ACCF;;ADEA;EACE,gBAAA;EACA,YAAA;EACA,wBAAA;EACA,eAAA;EACA,eAAA;EACA,0BAAA;ACCF;;ADEA;EACE,qBAAA;EACA,0BAAA;ACCF;;ADEA;EACE,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;ACCF;;ADEA;EACE,eAAA;EACA,mBAAA;EACA,uDAAA;EACA,qBAAA;EACA,6BAAA;EACA,oCAAA;ACCF;;ADEA;EACE,cAAA;EACA,iBAAA;ACCF;;ADEA,mBAAA;AACA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,8BAAA;EACA,kCAAA;UAAA,0BAAA;EACA,UAAA;EACA,kBAAA;EACA,+EAAA;EACA,WAAA;ACCF;;ADEA;EACE,UAAA;EACA,mBAAA;ACCF;;ADEA,qBAAA;AACA;EACE,eAAA;EACA,2BAAA;EACA,2BAAA;EACA,mCAAA;EACA,WAAA;EACA,aAAA;EACA,sBAAA;EACA,aAAA;EACA,uCAAA;EACA,2EAAA;EACA,qBAAA;ACCF;;ADEA,yBAAA;AACA;EACE,MAAA;EACA,QAAA;EACA,wBAAA;EACA,YAAA;EACA,0CAAA;EACA,2BAAA;ACCF;;ADEA;EACE,MAAA;EACA,OAAA;EACA,wBAAA;EACA,YAAA;EACA,2CAAA;EACA,4BAAA;ACCF;;ADEA;EACE,0BAAA;ACCF;;ADEA,kBAAA;AACA;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,mBAAA;ACCF;;ADEA;EACE,kBAAA;EACA,gBAAA;EACA,cAAA;EACA,yBAAA;EACA,qBAAA;ACCF;;ADEA;EACE,gBAAA;EACA,YAAA;EACA,wBAAA;EACA,eAAA;EACA,eAAA;EACA,sCAAA;ACCF;;ADEA;EACE,wBAAA;EACA,0BAAA;ACCF;;ADEA,iBAAA;AACA;EACE,gBAAA;EACA,YAAA;ACCF;;ADEA;EACE,qBAAA;EACA,gBAAA;ACCF;;ADEA;;EAEE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,WAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,wBAAA;EACA,qBAAA;EACA,eAAA;EACA,oBAAA;EACA,UAAA;EACA,2BAAA;EACA,oEAAA;EACA,8BAAA;ACCF;;ADEA;;EAEE,wBAAA;ACCF;;ADEA;;EAEE,0BAAA;ACCF;;ADEA;EACE,0BAAA;EACA,YAAA;ACCF;;ADEA;EACE,yBAAA;ACCF;;ADEA,YAAA;AACA;EACE,gBAAA;EACA,aAAA;EACA,gBAAA;EACA,oCAAA;EACA,kBAAA;EACA,+CAAA;EACA,aAAA;ACCF;;ADEA;EACE,iBAAA;EACA,8CAAA;EACA,kDAAA;EACA,gBAAA;EACA,yDAAA;EACA,oBAAA;ACCF;;ADEA;EACE,qBAAA;ACCF;;ADEA;EACE,kBAAA;EACA,gBAAA;EACA,cAAA;EACA,0BAAA;EACA,wCAAA;EACA,+BAAA;ACCF;;ADEA;EACE,kBAAA;EACA,gBAAA;EACA,cAAA;EACA,0BAAA;EACA,+BAAA;EACA,UAAA;EACA,SAAA;ACCF;;ADEA,kBAAA;AACA;EACE,iBAAA;EACA,yCAAA;EACA,cAAA;EACA,iBAAA;EACA,UAAA;EACA,2BAAA;EACA,wCAAA;EACA,8BAAA;ACCF;;ADEA;EACE,UAAA;EACA,wBAAA;ACCF;;ADEA,0BAAA;AACA;EACE;IACE,kBAAA;ECCF;EDEA;IACE,eAAA;ECAF;EDGA,wCAAA;EACA;;;IAGE,sBAAA;IACA,uBAAA;IACA,iBAAA;IACA,kBAAA;IACA,sBAAA;IACA,uBAAA;IACA,uBAAA;IACA,+CAAA;IACA,sDAAA;IACA,gCAAA;IACA,uCAAA;IACA,iDAAA;ECDF;EDIA,oDAAA;EACA;;;IAGE,uCAAA;ECFF;EDKA;IACE,qCAAA;ECHF;EDMA,4DAAA;EACA;IACE,sBAAA;IACA,oBAAA;IACA,MAAA;ECJF;EDOA;IACE,qBAAA;ECLF;EDQA;;IAEE,eAAA;IACA,wBAAA;IACA,8BAAA;ECNF;EDSA;IACE,gBAAA;IACA,eAAA;IACA,aAAA;IACA,eAAA;IACA,gBAAA;IACA,YAAA;IACA,uBAAA;IACA,kBAAA;IACA,+CAAA;IACA,gBAAA;ECPF;EDUA;IACE,eAAA;IACA,gBAAA;ECRF;EDWA;IACE,kBAAA;IACA,8BAAA;IACA,2BAAA;ECTF;AACF","file":"flyout-menu.css"}
@@ -1,9 +0,0 @@
1
- .form-content .dropzone {
2
- border: 1px dashed black;
3
- min-height: 200px;
4
- padding: 0.5rem;
5
- }
6
-
7
- .row .column .form-content .row {
8
- margin-bottom: 1rem;
9
- }/*# sourceMappingURL=form-builder.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["form-builder.scss","form-builder.css"],"names":[],"mappings":"AACE;EACE,wBAAA;EACA,iBAAA;EACA,eAAA;ACAJ;;ADIA;EACE,mBAAA;ACDF","file":"form-builder.css"}
@@ -1,11 +0,0 @@
1
- .form-content {
2
- .dropzone {
3
- border: 1px dashed black;
4
- min-height: 200px;
5
- padding: 0.5rem;
6
- }
7
- }
8
-
9
- .row .column .form-content .row {
10
- margin-bottom: 1rem;
11
- }
package/css/form.css DELETED
@@ -1,130 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- textarea, select, .select .dropdown, input {
34
- width: 100%;
35
- border: 1px solid var(--divider);
36
- border-radius: 0.2rem;
37
- padding: 0.5rem;
38
- box-sizing: border-box;
39
- background-color: var(--background);
40
- min-height: 2rem;
41
- font-size: 1rem;
42
- color: var(--primary-text);
43
- }
44
-
45
- select {
46
- padding: 0.2rem;
47
- }
48
-
49
- .select-group .dropdown {
50
- position: relative;
51
- background-color: var(--background);
52
- }
53
- .select-group .dropdown-selected {
54
- border: 1px solid var(--divider);
55
- padding: 0 0.8rem;
56
- border-radius: 0.2rem;
57
- cursor: pointer;
58
- background: var(--background);
59
- height: 2rem;
60
- line-height: 2rem;
61
- }
62
- .select-group .dropdown-selected:after {
63
- font-family: "Material Symbols Outlined 24pt", serif;
64
- content: "\e5cf";
65
- float: right;
66
- color: var(--primary-text);
67
- }
68
- .select-group .dropdown-options {
69
- position: absolute;
70
- top: calc(100% + 5px);
71
- left: 0;
72
- right: 0;
73
- border: 1px solid var(--divider);
74
- border-radius: 0.2rem;
75
- display: none;
76
- flex-direction: column;
77
- z-index: 10;
78
- max-height: 250px;
79
- overflow-y: auto;
80
- background-color: var(--background);
81
- }
82
- .select-group .dropdown-option {
83
- padding: 10px;
84
- cursor: pointer;
85
- }
86
- .select-group .dropdown-option:hover {
87
- background: var(--divider);
88
- }
89
- .select-group .dropdown-option.selected {
90
- background: var(--secondary-background);
91
- color: var(--secondary-text);
92
- }
93
- .select-group .dropdown.open .dropdown-options {
94
- display: flex;
95
- }
96
- .select-group .hidden {
97
- display: none;
98
- }
99
- @media (max-width: 768px) {
100
- .select-group .dropdown-options-menu {
101
- position: fixed;
102
- top: 0;
103
- left: 0;
104
- width: 100%;
105
- background: #333;
106
- color: white;
107
- text-align: center;
108
- padding: 15px;
109
- font-weight: bold;
110
- }
111
- .select-group .dropdown-options-menu.hidden {
112
- display: block;
113
- }
114
- .select-group .dropdown-options-menu .dropdown-options-icon {
115
- position: absolute;
116
- right: 45px;
117
- cursor: pointer;
118
- }
119
- .select-group .dropdown-options {
120
- position: fixed;
121
- top: 0;
122
- left: 0;
123
- right: 0;
124
- bottom: 0;
125
- border: none;
126
- border-radius: 0;
127
- padding-top: 60px;
128
- font-size: 1.2rem;
129
- }
130
- }/*# sourceMappingURL=form.css.map */
package/css/form.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","form.css","form.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,WAAA;EACA,gCAAA;EACA,qBAAA;EACA,eAAA;EACA,sBAAA;EACA,mCAAA;EACA,gBCRY;EDSZ,eCXQ;EDYR,0BAAA;AD8BF;;AC3BA;EACE,eAAA;AD8BF;;AC1BE;EACE,kBAAA;EACA,mCAAA;AD6BJ;AC1BE;EACE,gCAAA;EACA,iBAAA;EACA,qBAAA;EACA,eAAA;EACA,6BAAA;EACA,YC7BU;ED8BV,iBC9BU;AF0Dd;AC1BI;EACE,oDAAA;EACA,gBAAA;EACA,YAAA;EACA,0BAAA;AD4BN;ACxBE;EACE,kBAAA;EACA,qBAAA;EACA,OAAA;EACA,QAAA;EACA,gCAAA;EACA,qBAAA;EACA,aAAA;EACA,sBAAA;EACA,WAAA;EACA,iBAAA;EACA,gBAAA;EACA,mCAAA;AD0BJ;ACvBE;EACE,aAAA;EACA,eAAA;ADyBJ;ACtBE;EACE,0BAAA;ADwBJ;ACrBE;EACE,uCAAA;EACA,4BAAA;ADuBJ;ACpBE;EACE,aAAA;ADsBJ;ACnBE;EACE,aAAA;ADqBJ;AClBE;EACE;IACE,eAAA;IACA,MAAA;IACA,OAAA;IACA,WAAA;IACA,gBAAA;IACA,YAAA;IACA,kBAAA;IACA,aAAA;IACA,iBAAA;EDoBJ;EClBI;IACE,cAAA;EDoBN;ECjBI;IACE,kBAAA;IACA,WAAA;IACA,eAAA;EDmBN;ECfE;IACE,eAAA;IACA,MAAA;IACA,OAAA;IACA,QAAA;IACA,SAAA;IACA,YAAA;IACA,gBAAA;IACA,iBAAA;IACA,iBAAA;EDiBJ;AACF","file":"form.css"}