@fxhash/params 0.0.9 → 0.0.11

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 (197) hide show
  1. package/README.md +2 -2
  2. package/dist/{chunk-FZWZHHQ2.js → chunk-B3N473DY.js} +56 -42
  3. package/dist/chunk-B3N473DY.js.map +1 -0
  4. package/dist/index.d.ts +249 -3
  5. package/dist/index.js +100 -5
  6. package/dist/index.js.map +1 -1
  7. package/dist/utils-jEvPb5wq.d.ts +141 -0
  8. package/dist/utils.d.ts +1 -50
  9. package/dist/utils.js +2 -32
  10. package/dist/utils.js.map +1 -1
  11. package/package.json +31 -48
  12. package/dist/BaseInput.cjs +0 -13
  13. package/dist/BaseInput.cjs.map +0 -1
  14. package/dist/BaseInput.css +0 -112
  15. package/dist/BaseInput.css.map +0 -1
  16. package/dist/BaseInput.d.ts +0 -12
  17. package/dist/BaseInput.js +0 -13
  18. package/dist/BaseInput.js.map +0 -1
  19. package/dist/Context.cjs +0 -49
  20. package/dist/Context.cjs.map +0 -1
  21. package/dist/Context.d.ts +0 -19
  22. package/dist/Context.js +0 -49
  23. package/dist/Context.js.map +0 -1
  24. package/dist/Controller/BigInt.cjs +0 -10
  25. package/dist/Controller/BigInt.cjs.map +0 -1
  26. package/dist/Controller/BigInt.css +0 -183
  27. package/dist/Controller/BigInt.css.map +0 -1
  28. package/dist/Controller/BigInt.d.ts +0 -8
  29. package/dist/Controller/BigInt.js +0 -10
  30. package/dist/Controller/BigInt.js.map +0 -1
  31. package/dist/Controller/Boolean.cjs +0 -9
  32. package/dist/Controller/Boolean.cjs.map +0 -1
  33. package/dist/Controller/Boolean.css +0 -183
  34. package/dist/Controller/Boolean.css.map +0 -1
  35. package/dist/Controller/Boolean.d.ts +0 -8
  36. package/dist/Controller/Boolean.js +0 -9
  37. package/dist/Controller/Boolean.js.map +0 -1
  38. package/dist/Controller/Bytes.cjs +0 -9
  39. package/dist/Controller/Bytes.cjs.map +0 -1
  40. package/dist/Controller/Bytes.css +0 -191
  41. package/dist/Controller/Bytes.css.map +0 -1
  42. package/dist/Controller/Bytes.d.ts +0 -8
  43. package/dist/Controller/Bytes.js +0 -9
  44. package/dist/Controller/Bytes.js.map +0 -1
  45. package/dist/Controller/Color.cjs +0 -10
  46. package/dist/Controller/Color.cjs.map +0 -1
  47. package/dist/Controller/Color.css +0 -227
  48. package/dist/Controller/Color.css.map +0 -1
  49. package/dist/Controller/Color.d.ts +0 -8
  50. package/dist/Controller/Color.js +0 -10
  51. package/dist/Controller/Color.js.map +0 -1
  52. package/dist/Controller/Controller.cjs +0 -14
  53. package/dist/Controller/Controller.cjs.map +0 -1
  54. package/dist/Controller/Controller.css +0 -183
  55. package/dist/Controller/Controller.css.map +0 -1
  56. package/dist/Controller/Controller.d.ts +0 -41
  57. package/dist/Controller/Controller.js +0 -14
  58. package/dist/Controller/Controller.js.map +0 -1
  59. package/dist/Controller/Invalid.cjs +0 -7
  60. package/dist/Controller/Invalid.cjs.map +0 -1
  61. package/dist/Controller/Invalid.css +0 -48
  62. package/dist/Controller/Invalid.css.map +0 -1
  63. package/dist/Controller/Invalid.d.ts +0 -11
  64. package/dist/Controller/Invalid.js +0 -7
  65. package/dist/Controller/Invalid.js.map +0 -1
  66. package/dist/Controller/Number.cjs +0 -9
  67. package/dist/Controller/Number.cjs.map +0 -1
  68. package/dist/Controller/Number.css +0 -183
  69. package/dist/Controller/Number.css.map +0 -1
  70. package/dist/Controller/Number.d.ts +0 -8
  71. package/dist/Controller/Number.js +0 -9
  72. package/dist/Controller/Number.js.map +0 -1
  73. package/dist/Controller/Param.cjs +0 -21
  74. package/dist/Controller/Param.cjs.map +0 -1
  75. package/dist/Controller/Param.css +0 -283
  76. package/dist/Controller/Param.css.map +0 -1
  77. package/dist/Controller/Param.d.ts +0 -25
  78. package/dist/Controller/Param.js +0 -21
  79. package/dist/Controller/Param.js.map +0 -1
  80. package/dist/Controller/Select.cjs +0 -9
  81. package/dist/Controller/Select.cjs.map +0 -1
  82. package/dist/Controller/Select.css +0 -183
  83. package/dist/Controller/Select.css.map +0 -1
  84. package/dist/Controller/Select.d.ts +0 -8
  85. package/dist/Controller/Select.js +0 -9
  86. package/dist/Controller/Select.js.map +0 -1
  87. package/dist/Controller/String.cjs +0 -9
  88. package/dist/Controller/String.cjs.map +0 -1
  89. package/dist/Controller/String.css +0 -183
  90. package/dist/Controller/String.css.map +0 -1
  91. package/dist/Controller/String.d.ts +0 -8
  92. package/dist/Controller/String.js +0 -9
  93. package/dist/Controller/String.js.map +0 -1
  94. package/dist/Controls.cjs +0 -102
  95. package/dist/Controls.cjs.map +0 -1
  96. package/dist/Controls.css +0 -304
  97. package/dist/Controls.css.map +0 -1
  98. package/dist/Controls.d.ts +0 -17
  99. package/dist/Controls.js +0 -102
  100. package/dist/Controls.js.map +0 -1
  101. package/dist/LockButton/LockButton.cjs +0 -8
  102. package/dist/LockButton/LockButton.cjs.map +0 -1
  103. package/dist/LockButton/LockButton.css +0 -117
  104. package/dist/LockButton/LockButton.css.map +0 -1
  105. package/dist/LockButton/LockButton.d.ts +0 -11
  106. package/dist/LockButton/LockButton.js +0 -8
  107. package/dist/LockButton/LockButton.js.map +0 -1
  108. package/dist/ParamsHistory.cjs +0 -89
  109. package/dist/ParamsHistory.cjs.map +0 -1
  110. package/dist/ParamsHistory.d.ts +0 -22
  111. package/dist/ParamsHistory.js +0 -89
  112. package/dist/ParamsHistory.js.map +0 -1
  113. package/dist/RuntimeContext.cjs +0 -10
  114. package/dist/RuntimeContext.cjs.map +0 -1
  115. package/dist/RuntimeContext.d.ts +0 -44
  116. package/dist/RuntimeContext.js +0 -10
  117. package/dist/RuntimeContext.js.map +0 -1
  118. package/dist/chunk-2BHABOFI.js +0 -43
  119. package/dist/chunk-2BHABOFI.js.map +0 -1
  120. package/dist/chunk-2QIAF3U7.js +0 -39
  121. package/dist/chunk-2QIAF3U7.js.map +0 -1
  122. package/dist/chunk-4OV7OX5A.js +0 -37
  123. package/dist/chunk-4OV7OX5A.js.map +0 -1
  124. package/dist/chunk-57UENWLF.js +0 -110
  125. package/dist/chunk-57UENWLF.js.map +0 -1
  126. package/dist/chunk-6VMIOQSE.js +0 -34
  127. package/dist/chunk-6VMIOQSE.js.map +0 -1
  128. package/dist/chunk-C6GTVBY6.cjs +0 -46
  129. package/dist/chunk-C6GTVBY6.cjs.map +0 -1
  130. package/dist/chunk-CE3TPOSO.js +0 -135
  131. package/dist/chunk-CE3TPOSO.js.map +0 -1
  132. package/dist/chunk-D4RVVQC7.cjs +0 -23
  133. package/dist/chunk-D4RVVQC7.cjs.map +0 -1
  134. package/dist/chunk-EACKNC6C.cjs +0 -103
  135. package/dist/chunk-EACKNC6C.cjs.map +0 -1
  136. package/dist/chunk-FZWZHHQ2.js.map +0 -1
  137. package/dist/chunk-H5IMTNFG.js +0 -44
  138. package/dist/chunk-H5IMTNFG.js.map +0 -1
  139. package/dist/chunk-HJBHIE5T.cjs +0 -135
  140. package/dist/chunk-HJBHIE5T.cjs.map +0 -1
  141. package/dist/chunk-JAU4ONF2.cjs +0 -24
  142. package/dist/chunk-JAU4ONF2.cjs.map +0 -1
  143. package/dist/chunk-K4EW6YY3.cjs +0 -34
  144. package/dist/chunk-K4EW6YY3.cjs.map +0 -1
  145. package/dist/chunk-KZMSUHQX.cjs +0 -120
  146. package/dist/chunk-KZMSUHQX.cjs.map +0 -1
  147. package/dist/chunk-LX23UR4X.cjs +0 -115
  148. package/dist/chunk-LX23UR4X.cjs.map +0 -1
  149. package/dist/chunk-MWP7SJWC.js +0 -103
  150. package/dist/chunk-MWP7SJWC.js.map +0 -1
  151. package/dist/chunk-OFUKQ2TB.cjs +0 -43
  152. package/dist/chunk-OFUKQ2TB.cjs.map +0 -1
  153. package/dist/chunk-P77D7XSP.js +0 -46
  154. package/dist/chunk-P77D7XSP.js.map +0 -1
  155. package/dist/chunk-PTXBICTZ.js +0 -67
  156. package/dist/chunk-PTXBICTZ.js.map +0 -1
  157. package/dist/chunk-QDLMFMLL.cjs +0 -398
  158. package/dist/chunk-QDLMFMLL.cjs.map +0 -1
  159. package/dist/chunk-QM6EKPI6.cjs +0 -67
  160. package/dist/chunk-QM6EKPI6.cjs.map +0 -1
  161. package/dist/chunk-TKKYM77A.cjs +0 -44
  162. package/dist/chunk-TKKYM77A.cjs.map +0 -1
  163. package/dist/chunk-VED7SCYX.cjs +0 -39
  164. package/dist/chunk-VED7SCYX.cjs.map +0 -1
  165. package/dist/chunk-X4O42D2P.cjs +0 -37
  166. package/dist/chunk-X4O42D2P.cjs.map +0 -1
  167. package/dist/chunk-YOS2HCIS.js +0 -23
  168. package/dist/chunk-YOS2HCIS.js.map +0 -1
  169. package/dist/chunk-YXDLGCFJ.cjs +0 -110
  170. package/dist/chunk-YXDLGCFJ.cjs.map +0 -1
  171. package/dist/chunk-YYEIYDDF.js +0 -24
  172. package/dist/chunk-YYEIYDDF.js.map +0 -1
  173. package/dist/chunk-Z7K2LNS2.js +0 -115
  174. package/dist/chunk-Z7K2LNS2.js.map +0 -1
  175. package/dist/chunk-ZG3OT7LF.js +0 -120
  176. package/dist/chunk-ZG3OT7LF.js.map +0 -1
  177. package/dist/hooks.cjs +0 -29
  178. package/dist/hooks.cjs.map +0 -1
  179. package/dist/hooks.d.ts +0 -6
  180. package/dist/hooks.js +0 -29
  181. package/dist/hooks.js.map +0 -1
  182. package/dist/index.cjs +0 -7
  183. package/dist/index.cjs.map +0 -1
  184. package/dist/index.css +0 -112
  185. package/dist/index.css.map +0 -1
  186. package/dist/types.cjs +0 -1
  187. package/dist/types.cjs.map +0 -1
  188. package/dist/types.d.ts +0 -100
  189. package/dist/types.js +0 -1
  190. package/dist/types.js.map +0 -1
  191. package/dist/utils.cjs +0 -33
  192. package/dist/utils.cjs.map +0 -1
  193. package/dist/validation.cjs +0 -9
  194. package/dist/validation.cjs.map +0 -1
  195. package/dist/validation.d.ts +0 -241
  196. package/dist/validation.js +0 -9
  197. package/dist/validation.js.map +0 -1
package/dist/Controls.css DELETED
@@ -1,304 +0,0 @@
1
- /* esbuild-sass-plugin:css-chunk:src/Controller/Controller.module.scss */
2
- ._controller_1rjbl_1 {
3
- display: flex;
4
- align-items: center;
5
- gap: var(--fxl-spacing-xxs);
6
- }
7
- ._controller_1rjbl_1 label {
8
- flex: 1;
9
- font-size: 1rem;
10
- word-break: break-all;
11
- font-size: var(--fxl-font-size-s);
12
- }
13
- ._controller_1rjbl_1 ._inputContainer_1rjbl_12 {
14
- width: 200px;
15
- display: flex;
16
- align-items: center;
17
- }
18
- ._default_1rjbl_18 input:nth-child(1),
19
- ._default_1rjbl_18 select:nth-child(1) {
20
- margin-right: var(--fxl-spacing-xxs);
21
- width: 65%;
22
- }
23
- ._default_1rjbl_18 input:nth-child(2),
24
- ._default_1rjbl_18 select:nth-child(2) {
25
- margin-left: var(--fxl-spacing-xxs);
26
- width: 35%;
27
- }
28
- ._default_1rjbl_18 input:only-child,
29
- ._default_1rjbl_18 select:only-child {
30
- width: 100%;
31
- margin-right: 0;
32
- }
33
- ._invert_1rjbl_31 input:nth-child(1),
34
- ._invert_1rjbl_31 select:nth-child(1) {
35
- margin-right: var(--fxl-spacing-xxs);
36
- width: 30%;
37
- }
38
- ._invert_1rjbl_31 input:nth-child(2),
39
- ._invert_1rjbl_31 select:nth-child(2) {
40
- margin-left: var(--fxl-spacing-xxs);
41
- width: 70%;
42
- }
43
- ._invert_1rjbl_31 input:only-child,
44
- ._invert_1rjbl_31 select:only-child {
45
- width: 100%;
46
- margin-right: 0;
47
- }
48
- ._box_1rjbl_44 input:nth-child(1),
49
- ._box_1rjbl_44 select:nth-child(1) {
50
- margin-right: var(--fxl-spacing-xxs);
51
- width: 30px;
52
- }
53
- ._box_1rjbl_44 input:nth-child(2),
54
- ._box_1rjbl_44 select:nth-child(2) {
55
- margin-left: var(--fxl-spacing-xxs);
56
- width: calc(100% - 30px);
57
- }
58
- ._box_1rjbl_44 input:only-child,
59
- ._box_1rjbl_44 select:only-child {
60
- width: 30px;
61
- margin-right: 0;
62
- }
63
- ._numberInput_1rjbl_58::-webkit-outer-spin-button,
64
- ._numberInput_1rjbl_58::-webkit-inner-spin-button {
65
- -webkit-appearance: none;
66
- margin: 0;
67
- }
68
- ._numberInput_1rjbl_58[type=number] {
69
- -moz-appearance: textfield;
70
- }
71
-
72
- /* esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss */
73
- ._baseInput_jtvfw_1,
74
- ._baseSelect_jtvfw_1,
75
- ._baseButton_jtvfw_1 {
76
- font-family: var(--fxl-font-family);
77
- font-size: var(--fxl-font-size-regular);
78
- height: 30px;
79
- color: var(--fxl-color-text-primary);
80
- background: var(--fxl-color-background2);
81
- border: 1px solid var(--fxl-color-light2);
82
- padding: 0 var(--fxl-spacing-xxs);
83
- outline-offset: -1px;
84
- }
85
- ._baseInput_jtvfw_1:hover,
86
- ._baseSelect_jtvfw_1:hover,
87
- ._baseButton_jtvfw_1:hover {
88
- background: var(--fxl-color-background3);
89
- }
90
- ._baseInput_jtvfw_1:focus-visible,
91
- ._baseSelect_jtvfw_1:focus-visible,
92
- ._baseButton_jtvfw_1:focus-visible {
93
- outline: 1px solid var(--fxl-color-primary);
94
- }
95
- ._baseInput_jtvfw_1:disabled,
96
- ._baseSelect_jtvfw_1:disabled,
97
- ._baseButton_jtvfw_1:disabled {
98
- opacity: 0.6;
99
- pointer-events: none;
100
- }
101
- ._baseButton_jtvfw_1 {
102
- cursor: pointer;
103
- background: var(--fxl-color-background2);
104
- color: var(--fxl-color-text-primary);
105
- font-weight: 700;
106
- }
107
- ._baseButton_jtvfw_1:hover {
108
- background: var(--fxl-color-background3);
109
- color: var(--fxl-color-light);
110
- outline: 1px solid var(--fxl-color-primary);
111
- }
112
- ._baseButton_jtvfw_1:focus-visible {
113
- outline: 1px solid var(--fxl-color-primary);
114
- outline-offset: 2px;
115
- }
116
- ._baseButton_jtvfw_1._color-secondary_jtvfw_37 {
117
- background: var(--fxl-color-dark1);
118
- color: var(--fxl-color-light);
119
- }
120
- ._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {
121
- background: var(--fxl-color-dark2);
122
- color: var(--fxl-color-light);
123
- outline: 1px solid var(--fxl-color-primary);
124
- }
125
- ._iconButton_jtvfw_47 {
126
- width: 30px !important;
127
- cursor: pointer;
128
- padding: 0;
129
- display: flex;
130
- align-items: center;
131
- justify-content: center;
132
- flex-grow: 0;
133
- flex-shrink: 0;
134
- }
135
- ._baseInput_jtvfw_1[type=range] {
136
- -webkit-appearance: none;
137
- appearance: none;
138
- height: 3px !important;
139
- background: var(--fxl-color-light2);
140
- outline: none;
141
- padding: 0 !important;
142
- border: none;
143
- }
144
- ._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {
145
- -webkit-appearance: none;
146
- appearance: none;
147
- cursor: pointer;
148
- width: 15px;
149
- height: 15px;
150
- background: var(--fxl-color-primary);
151
- border-radius: 50%;
152
- }
153
- ._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {
154
- transform: scale(1.1);
155
- }
156
- ._baseInput_jtvfw_1[type=range]::-moz-range-thumb {
157
- cursor: pointer;
158
- width: 15px;
159
- height: 15px;
160
- background: var(--fxl-color-primary);
161
- border-radius: 50%;
162
- }
163
- ._baseInput_jtvfw_1[type=checkbox] {
164
- -webkit-appearance: none;
165
- appearance: none;
166
- cursor: pointer;
167
- width: 30px !important;
168
- height: 30px !important;
169
- margin: 0;
170
- padding: 0;
171
- position: relative;
172
- }
173
- ._baseInput_jtvfw_1[type=checkbox]:checked:after {
174
- content: "";
175
- width: 15px;
176
- height: 15px;
177
- position: absolute;
178
- top: 50%;
179
- left: 50%;
180
- transform: translate(-50%, -50%);
181
- background: var(--fxl-color-primary);
182
- }
183
-
184
- /* esbuild-sass-plugin:css-chunk:src/Controller/Color.module.scss */
185
- ._squaredButton_13v06_1 {
186
- width: 30px;
187
- height: 30px;
188
- padding: 0;
189
- border: 1px solid var(--fxl-color-light2);
190
- position: relative;
191
- background: white !important;
192
- }
193
- ._squaredButton_13v06_1._active_13v06_9 {
194
- border-color: var(--fxl-color-primary);
195
- }
196
- ._squaredButton_13v06_1:focus-visible {
197
- outline-offset: -1px;
198
- }
199
- ._square_13v06_1 {
200
- width: 100%;
201
- height: 100%;
202
- position: absolute;
203
- top: 0;
204
- left: 0;
205
- }
206
- ._pickerWrapper_13v06_24 {
207
- position: relative;
208
- }
209
- ._pickerAbsoluteWrapper_13v06_28 {
210
- position: absolute;
211
- bottom: 0;
212
- transform: translate(0, calc(100% + var(--fxl-spacing-xxs)));
213
- z-index: 10;
214
- }
215
- ._picker_13v06_24 {
216
- border: 1px solid var(--fxl-color-light2);
217
- }
218
- ._picker_13v06_24 input {
219
- background: var(--fxl-color-light);
220
- }
221
- ._colorful_13v06_42 .react-colorful__saturation {
222
- border-radius: 0;
223
- }
224
- ._colorful_13v06_42 .react-colorful__last-control {
225
- border-radius: 0;
226
- }
227
-
228
- /* esbuild-sass-plugin:css-chunk:src/Controller/Invalid.module.scss */
229
- ._invalid_9fznv_1 {
230
- color: var(--fxl-color-light);
231
- display: flex;
232
- width: 100%;
233
- flex-direction: column;
234
- margin-bottom: var(--fxl-spacing-xxs);
235
- }
236
- ._invalid_9fznv_1 label {
237
- color: var(--fxl-color-light1);
238
- cursor: pointer;
239
- display: flex;
240
- align-items: center;
241
- justify-content: center;
242
- height: 30px;
243
- background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark1) 5px, var(--fxl-color-dark1) 10px);
244
- text-align: center;
245
- position: relative;
246
- }
247
- ._invalid_9fznv_1 label:hover {
248
- background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark2) 5px, var(--fxl-color-dark2) 10px);
249
- }
250
- ._invalid_9fznv_1 label i {
251
- font-style: normal;
252
- position: absolute;
253
- left: var(--fxl-spacing-sm);
254
- top: 50%;
255
- transform: translate(0, -50%) rotate(-90deg);
256
- font-size: var(--fxl-font-size-m);
257
- }
258
- ._invalid_9fznv_1 label i._isOpen_9fznv_30 {
259
- transform: translate(0, -50%) rotate(0);
260
- }
261
- ._errorsWrapper_9fznv_34 {
262
- border: 2px solid var(--fxl-color-dark2);
263
- border-top: none;
264
- padding: var(--fxl-spacing-sm);
265
- }
266
- ._attributes_9fznv_40 {
267
- margin-bottom: var(--fxl-spacing-l);
268
- }
269
- ._issue_9fznv_44 h3 {
270
- font-weight: 400;
271
- }
272
- ._issue_9fznv_44 p {
273
- color: var(--fxl-color-light1);
274
- }
275
-
276
- /* esbuild-sass-plugin:css-chunk:src/Controller/Bytes.module.scss */
277
- ._root_1qszq_1 {
278
- width: 100%;
279
- overflow-x: auto;
280
- height: 100%;
281
- padding: 4px;
282
- }
283
-
284
- /* esbuild-sass-plugin:css-chunk:src/LockButton/LockButton.module.scss */
285
- ._lockButton_1bbiz_1 {
286
- color: var(--fxl-color-light1) !important;
287
- }
288
-
289
- /* esbuild-sass-plugin:css-chunk:src/Controls.module.scss */
290
- ._controls_25wa3_1 {
291
- display: flex;
292
- flex-direction: column;
293
- flex-grow: 1;
294
- gap: var(--fxl-spacing-xxs);
295
- }
296
- ._blade_25wa3_8 {
297
- display: flex;
298
- gap: var(--fxl-spacing-xxs);
299
- align-items: center;
300
- }
301
- ._blade_25wa3_8 > div {
302
- flex-grow: 1;
303
- }
304
- /*# sourceMappingURL=Controls.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/Controller/Controller.module.scss","esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss","esbuild-sass-plugin:css-chunk:src/Controller/Color.module.scss","esbuild-sass-plugin:css-chunk:src/Controller/Invalid.module.scss","esbuild-sass-plugin:css-chunk:src/Controller/Bytes.module.scss","esbuild-sass-plugin:css-chunk:src/LockButton/LockButton.module.scss","esbuild-sass-plugin:css-chunk:src/Controls.module.scss"],"sourcesContent":["._controller_1rjbl_1 {\n display: flex;\n align-items: center;\n gap: var(--fxl-spacing-xxs);\n}\n._controller_1rjbl_1 label {\n flex: 1;\n font-size: 1rem;\n word-break: break-all;\n font-size: var(--fxl-font-size-s);\n}\n._controller_1rjbl_1 ._inputContainer_1rjbl_12 {\n width: 200px;\n display: flex;\n align-items: center;\n}\n\n._default_1rjbl_18 input:nth-child(1), ._default_1rjbl_18 select:nth-child(1) {\n margin-right: var(--fxl-spacing-xxs);\n width: 65%;\n}\n._default_1rjbl_18 input:nth-child(2), ._default_1rjbl_18 select:nth-child(2) {\n margin-left: var(--fxl-spacing-xxs);\n width: 35%;\n}\n._default_1rjbl_18 input:only-child, ._default_1rjbl_18 select:only-child {\n width: 100%;\n margin-right: 0;\n}\n\n._invert_1rjbl_31 input:nth-child(1), ._invert_1rjbl_31 select:nth-child(1) {\n margin-right: var(--fxl-spacing-xxs);\n width: 30%;\n}\n._invert_1rjbl_31 input:nth-child(2), ._invert_1rjbl_31 select:nth-child(2) {\n margin-left: var(--fxl-spacing-xxs);\n width: 70%;\n}\n._invert_1rjbl_31 input:only-child, ._invert_1rjbl_31 select:only-child {\n width: 100%;\n margin-right: 0;\n}\n\n._box_1rjbl_44 input:nth-child(1), ._box_1rjbl_44 select:nth-child(1) {\n margin-right: var(--fxl-spacing-xxs);\n width: 30px;\n}\n._box_1rjbl_44 input:nth-child(2), ._box_1rjbl_44 select:nth-child(2) {\n margin-left: var(--fxl-spacing-xxs);\n width: calc(100% - 30px);\n}\n._box_1rjbl_44 input:only-child, ._box_1rjbl_44 select:only-child {\n width: 30px;\n margin-right: 0;\n}\n\n/* Chrome, Safari, Edge, Opera */\n._numberInput_1rjbl_58::-webkit-outer-spin-button,\n._numberInput_1rjbl_58::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n/* Firefox */\n._numberInput_1rjbl_58[type=number] {\n -moz-appearance: textfield;\n}","._baseInput_jtvfw_1, ._baseSelect_jtvfw_1, ._baseButton_jtvfw_1 {\n font-family: var(--fxl-font-family);\n font-size: var(--fxl-font-size-regular);\n height: 30px;\n color: var(--fxl-color-text-primary);\n background: var(--fxl-color-background2);\n border: 1px solid var(--fxl-color-light2);\n padding: 0 var(--fxl-spacing-xxs);\n outline-offset: -1px;\n}\n._baseInput_jtvfw_1:hover, ._baseSelect_jtvfw_1:hover, ._baseButton_jtvfw_1:hover {\n background: var(--fxl-color-background3);\n}\n._baseInput_jtvfw_1:focus-visible, ._baseSelect_jtvfw_1:focus-visible, ._baseButton_jtvfw_1:focus-visible {\n outline: 1px solid var(--fxl-color-primary);\n}\n._baseInput_jtvfw_1:disabled, ._baseSelect_jtvfw_1:disabled, ._baseButton_jtvfw_1:disabled {\n opacity: 0.6;\n pointer-events: none;\n}\n\n._baseButton_jtvfw_1 {\n cursor: pointer;\n background: var(--fxl-color-background2);\n color: var(--fxl-color-text-primary);\n font-weight: 700;\n}\n._baseButton_jtvfw_1:hover {\n background: var(--fxl-color-background3);\n color: var(--fxl-color-light);\n outline: 1px solid var(--fxl-color-primary);\n}\n._baseButton_jtvfw_1:focus-visible {\n outline: 1px solid var(--fxl-color-primary);\n outline-offset: 2px;\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37 {\n background: var(--fxl-color-dark1);\n color: var(--fxl-color-light);\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {\n background: var(--fxl-color-dark2);\n color: var(--fxl-color-light);\n outline: 1px solid var(--fxl-color-primary);\n}\n\n._iconButton_jtvfw_47 {\n width: 30px !important;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n._baseInput_jtvfw_1[type=range] {\n -webkit-appearance: none;\n appearance: none;\n height: 3px !important;\n background: var(--fxl-color-light2);\n outline: none;\n padding: 0 !important;\n border: none;\n}\n\n._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none; /* Override default look */\n appearance: none;\n cursor: pointer;\n width: 15px;\n height: 15px;\n background: var(--fxl-color-primary);\n border-radius: 50%;\n}\n._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {\n transform: scale(1.1);\n}\n\n._baseInput_jtvfw_1[type=range]::-moz-range-thumb {\n cursor: pointer;\n width: 15px;\n height: 15px;\n background: var(--fxl-color-primary);\n border-radius: 50%;\n}\n\n._baseInput_jtvfw_1[type=checkbox] {\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n width: 30px !important;\n height: 30px !important;\n margin: 0;\n padding: 0;\n position: relative;\n}\n._baseInput_jtvfw_1[type=checkbox]:checked:after {\n content: \"\";\n width: 15px;\n height: 15px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--fxl-color-primary);\n}","._squaredButton_13v06_1 {\n width: 30px;\n height: 30px;\n padding: 0;\n border: 1px solid var(--fxl-color-light2);\n position: relative;\n background: white !important;\n}\n._squaredButton_13v06_1._active_13v06_9 {\n border-color: var(--fxl-color-primary);\n}\n._squaredButton_13v06_1:focus-visible {\n outline-offset: -1px;\n}\n\n._square_13v06_1 {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n._pickerWrapper_13v06_24 {\n position: relative;\n}\n\n._pickerAbsoluteWrapper_13v06_28 {\n position: absolute;\n bottom: 0;\n transform: translate(0, calc(100% + var(--fxl-spacing-xxs)));\n z-index: 10;\n}\n\n._picker_13v06_24 {\n border: 1px solid var(--fxl-color-light2);\n}\n._picker_13v06_24 input {\n background: var(--fxl-color-light);\n}\n\n._colorful_13v06_42 .react-colorful__saturation {\n border-radius: 0;\n}\n._colorful_13v06_42 .react-colorful__last-control {\n border-radius: 0;\n}","._invalid_9fznv_1 {\n color: var(--fxl-color-light);\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-bottom: var(--fxl-spacing-xxs);\n}\n._invalid_9fznv_1 label {\n color: var(--fxl-color-light1);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 30px;\n background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark1) 5px, var(--fxl-color-dark1) 10px);\n text-align: center;\n position: relative;\n}\n._invalid_9fznv_1 label:hover {\n background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark2) 5px, var(--fxl-color-dark2) 10px);\n}\n._invalid_9fznv_1 label i {\n font-style: normal;\n position: absolute;\n left: var(--fxl-spacing-sm);\n top: 50%;\n transform: translate(0, -50%) rotate(-90deg);\n font-size: var(--fxl-font-size-m);\n}\n._invalid_9fznv_1 label i._isOpen_9fznv_30 {\n transform: translate(0, -50%) rotate(0);\n}\n\n._errorsWrapper_9fznv_34 {\n border: 2px solid var(--fxl-color-dark2);\n border-top: none;\n padding: var(--fxl-spacing-sm);\n}\n\n._attributes_9fznv_40 {\n margin-bottom: var(--fxl-spacing-l);\n}\n\n._issue_9fznv_44 h3 {\n font-weight: 400;\n}\n._issue_9fznv_44 p {\n color: var(--fxl-color-light1);\n}","._root_1qszq_1 {\n width: 100%;\n overflow-x: auto;\n height: 100%;\n padding: 4px;\n}","._lockButton_1bbiz_1 {\n color: var(--fxl-color-light1) !important;\n}","._controls_25wa3_1 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n gap: var(--fxl-spacing-xxs);\n}\n\n._blade_25wa3_8 {\n display: flex;\n gap: var(--fxl-spacing-xxs);\n align-items: center;\n}\n._blade_25wa3_8 > div {\n flex-grow: 1;\n}"],"mappings":";AAAA;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAIF;AAAA;AAEE;AACA;AAAA;AAIF;AACE;AAAA;;;ACjEF;AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AC1GF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;;;AC7CF;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;;;AC/CF;AACE;AACA;AACA;AACA;AAAA;;;ACJF;AACE;AAAA;;;ACDF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;","names":[]}
@@ -1,17 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { FxParamTypeMap, FxParamType } from './types.js';
3
-
4
- type ControlsOnChangeDataHandler = (newData: Record<string, any>, changedParam?: {
5
- id: string;
6
- value: FxParamTypeMap[FxParamType];
7
- }) => void;
8
- interface ControlsProps {
9
- params: any;
10
- onClickLockButton?: (id: string) => void;
11
- lockedParamIds?: string[];
12
- onChangeData: ControlsOnChangeDataHandler;
13
- data: Record<string, any>;
14
- }
15
- declare const Controls: ({ params, data, onClickLockButton, lockedParamIds, onChangeData, }: ControlsProps) => react_jsx_runtime.JSX.Element;
16
-
17
- export { Controls, ControlsOnChangeDataHandler };
package/dist/Controls.js DELETED
@@ -1,102 +0,0 @@
1
- import {
2
- ParameterController
3
- } from "./chunk-57UENWLF.js";
4
- import "./chunk-H5IMTNFG.js";
5
- import "./chunk-6VMIOQSE.js";
6
- import "./chunk-YYEIYDDF.js";
7
- import {
8
- LockButton
9
- } from "./chunk-4OV7OX5A.js";
10
- import {
11
- validateParameterDefinition
12
- } from "./chunk-MWP7SJWC.js";
13
- import "./chunk-P77D7XSP.js";
14
- import "./chunk-YOS2HCIS.js";
15
- import "./chunk-2QIAF3U7.js";
16
- import "./chunk-ZG3OT7LF.js";
17
- import "./chunk-CE3TPOSO.js";
18
- import "./chunk-PTXBICTZ.js";
19
- import {
20
- consolidateParams,
21
- stringifyParamsData
22
- } from "./chunk-FZWZHHQ2.js";
23
- import "./chunk-2BHABOFI.js";
24
-
25
- // src/Controls.tsx
26
- import { createRef, useEffect, useMemo } from "react";
27
-
28
- // src/Controls.module.scss
29
- var Controls_module_default = {
30
- "controls": "_controls_25wa3_1",
31
- "blade": "_blade_25wa3_8"
32
- };
33
-
34
- // src/Controls.tsx
35
- import { jsx, jsxs } from "react/jsx-runtime";
36
- function ControllerBlade(props) {
37
- const { parameter, onClickLockButton, lockedParamIds, onChangeParam } = props;
38
- const parsed = useMemo(
39
- () => validateParameterDefinition(parameter),
40
- [parameter]
41
- );
42
- const isValid = useMemo(() => parsed && parsed.success, [parsed]);
43
- return /* @__PURE__ */ jsxs("div", { className: Controls_module_default.blade, children: [
44
- /* @__PURE__ */ jsx(
45
- ParameterController,
46
- {
47
- parameter,
48
- value: parameter.value,
49
- onChange: onChangeParam
50
- }
51
- ),
52
- onClickLockButton && isValid && /* @__PURE__ */ jsx(
53
- LockButton,
54
- {
55
- className: Controls_module_default.lockButton,
56
- title: `toggle lock ${parameter.id} param`,
57
- isLocked: lockedParamIds?.includes(parameter.id),
58
- onClick: (e) => onClickLockButton(parameter.id)
59
- }
60
- )
61
- ] });
62
- }
63
- var Controls = ({
64
- params,
65
- data,
66
- onClickLockButton,
67
- lockedParamIds,
68
- onChangeData
69
- }) => {
70
- const consolidatedParams = consolidateParams(params, data);
71
- const p = createRef();
72
- useEffect(() => {
73
- const ps = {};
74
- if (consolidatedParams?.length > 0) {
75
- consolidatedParams.forEach((p2) => {
76
- ps[p2.id] = p2.value;
77
- });
78
- if (stringifyParamsData(data) !== stringifyParamsData(ps))
79
- onChangeData(ps);
80
- }
81
- }, [params]);
82
- const handleChangeParam = (id, value) => {
83
- const newData = { ...data, [id]: value };
84
- onChangeData(newData, { id, value });
85
- };
86
- return /* @__PURE__ */ jsx("div", { className: Controls_module_default.controls, ref: p, children: consolidatedParams?.map((p2) => {
87
- return /* @__PURE__ */ jsx(
88
- ControllerBlade,
89
- {
90
- parameter: p2,
91
- onChangeParam: handleChangeParam,
92
- lockedParamIds,
93
- onClickLockButton
94
- },
95
- p2.id
96
- );
97
- }) });
98
- };
99
- export {
100
- Controls
101
- };
102
- //# sourceMappingURL=Controls.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Controls.tsx","../src/Controls.module.scss"],"sourcesContent":["import { createRef, useEffect, useMemo, useState } from \"react\"\nimport { consolidateParams } from \"utils\"\nimport { ParameterController } from \"./Controller/Param\"\nimport { LockButton } from \"./LockButton/LockButton\"\nimport classes from \"./Controls.module.scss\"\nimport { validateParameterDefinition } from \"./validation\"\nimport { stringifyParamsData } from \"./utils\"\nimport { FxParamType, FxParamTypeMap } from \"./types.js\"\n\ninterface ControllerBladeProps {\n parameter: any\n onClickLockButton?: (id: string) => void\n lockedParamIds?: string[]\n onChangeParam: (id: string, value: any) => void\n}\n\nfunction ControllerBlade(props: ControllerBladeProps) {\n const { parameter, onClickLockButton, lockedParamIds, onChangeParam } = props\n const parsed = useMemo(\n () => validateParameterDefinition(parameter),\n [parameter]\n )\n const isValid = useMemo(() => parsed && parsed.success, [parsed])\n return (\n <div className={classes.blade}>\n <ParameterController\n parameter={parameter}\n value={parameter.value}\n onChange={onChangeParam}\n />\n {onClickLockButton && isValid && (\n <LockButton\n className={classes.lockButton}\n title={`toggle lock ${parameter.id} param`}\n isLocked={lockedParamIds?.includes(parameter.id)}\n onClick={(e) => onClickLockButton(parameter.id)}\n />\n )}\n </div>\n )\n}\n\nexport type ControlsOnChangeDataHandler = (\n newData: Record<string, any>,\n changedParam?: {\n id: string\n value: FxParamTypeMap[FxParamType]\n }\n) => void\n\ninterface ControlsProps {\n params: any\n onClickLockButton?: (id: string) => void\n lockedParamIds?: string[]\n onChangeData: ControlsOnChangeDataHandler\n data: Record<string, any>\n}\n\nexport const Controls = ({\n params,\n data,\n onClickLockButton,\n lockedParamIds,\n onChangeData,\n}: ControlsProps) => {\n const consolidatedParams = consolidateParams(params, data)\n\n const p: React.RefObject<HTMLDivElement> = createRef()\n\n useEffect(() => {\n const ps: any = {}\n if (consolidatedParams?.length > 0) {\n consolidatedParams.forEach((p: any) => {\n ps[p.id] = p.value\n })\n if (stringifyParamsData(data) !== stringifyParamsData(ps))\n onChangeData(ps)\n }\n }, [params])\n\n const handleChangeParam = (id: string, value: any) => {\n const newData = { ...data, [id]: value }\n onChangeData(newData, { id, value })\n }\n\n return (\n <div className={classes.controls} ref={p}>\n {consolidatedParams?.map((p: any) => {\n return (\n <ControllerBlade\n key={p.id}\n parameter={p}\n onChangeParam={handleChangeParam}\n lockedParamIds={lockedParamIds}\n onClickLockButton={onClickLockButton}\n />\n )\n })}\n </div>\n )\n}\n","import 'css-chunk:src/Controls.module.scss';export default {\n \"controls\": \"_controls_25wa3_1\",\n \"blade\": \"_blade_25wa3_8\"\n};"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,WAAW,eAAyB;;;ACAZ,IAAO,0BAAQ;AAAA,EACzD,YAAY;AAAA,EACZ,SAAS;AACX;;;ADqBI,SACE,KADF;AARJ,SAAS,gBAAgB,OAA6B;AACpD,QAAM,EAAE,WAAW,mBAAmB,gBAAgB,cAAc,IAAI;AACxE,QAAM,SAAS;AAAA,IACb,MAAM,4BAA4B,SAAS;AAAA,IAC3C,CAAC,SAAS;AAAA,EACZ;AACA,QAAM,UAAU,QAAQ,MAAM,UAAU,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,SACE,qBAAC,SAAI,WAAW,wBAAQ,OACtB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,UAAU;AAAA,QACjB,UAAU;AAAA;AAAA,IACZ;AAAA,IACC,qBAAqB,WACpB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,wBAAQ;AAAA,QACnB,OAAO,eAAe,UAAU;AAAA,QAChC,UAAU,gBAAgB,SAAS,UAAU,EAAE;AAAA,QAC/C,SAAS,CAAC,MAAM,kBAAkB,UAAU,EAAE;AAAA;AAAA,IAChD;AAAA,KAEJ;AAEJ;AAkBO,IAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,qBAAqB,kBAAkB,QAAQ,IAAI;AAEzD,QAAM,IAAqC,UAAU;AAErD,YAAU,MAAM;AACd,UAAM,KAAU,CAAC;AACjB,QAAI,oBAAoB,SAAS,GAAG;AAClC,yBAAmB,QAAQ,CAACA,OAAW;AACrC,WAAGA,GAAE,EAAE,IAAIA,GAAE;AAAA,MACf,CAAC;AACD,UAAI,oBAAoB,IAAI,MAAM,oBAAoB,EAAE;AACtD,qBAAa,EAAE;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,oBAAoB,CAAC,IAAY,UAAe;AACpD,UAAM,UAAU,EAAE,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM;AACvC,iBAAa,SAAS,EAAE,IAAI,MAAM,CAAC;AAAA,EACrC;AAEA,SACE,oBAAC,SAAI,WAAW,wBAAQ,UAAU,KAAK,GACpC,8BAAoB,IAAI,CAACA,OAAW;AACnC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAWA;AAAA,QACX,eAAe;AAAA,QACf;AAAA,QACA;AAAA;AAAA,MAJKA,GAAE;AAAA,IAKT;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":["p"]}
@@ -1,8 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
-
3
- var _chunkX4O42D2Pcjs = require('../chunk-X4O42D2P.cjs');
4
- require('../chunk-OFUKQ2TB.cjs');
5
-
6
-
7
- exports.LockButton = _chunkX4O42D2Pcjs.LockButton;
8
- //# sourceMappingURL=LockButton.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":""}
@@ -1,117 +0,0 @@
1
- /* esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss */
2
- ._baseInput_jtvfw_1,
3
- ._baseSelect_jtvfw_1,
4
- ._baseButton_jtvfw_1 {
5
- font-family: var(--fxl-font-family);
6
- font-size: var(--fxl-font-size-regular);
7
- height: 30px;
8
- color: var(--fxl-color-text-primary);
9
- background: var(--fxl-color-background2);
10
- border: 1px solid var(--fxl-color-light2);
11
- padding: 0 var(--fxl-spacing-xxs);
12
- outline-offset: -1px;
13
- }
14
- ._baseInput_jtvfw_1:hover,
15
- ._baseSelect_jtvfw_1:hover,
16
- ._baseButton_jtvfw_1:hover {
17
- background: var(--fxl-color-background3);
18
- }
19
- ._baseInput_jtvfw_1:focus-visible,
20
- ._baseSelect_jtvfw_1:focus-visible,
21
- ._baseButton_jtvfw_1:focus-visible {
22
- outline: 1px solid var(--fxl-color-primary);
23
- }
24
- ._baseInput_jtvfw_1:disabled,
25
- ._baseSelect_jtvfw_1:disabled,
26
- ._baseButton_jtvfw_1:disabled {
27
- opacity: 0.6;
28
- pointer-events: none;
29
- }
30
- ._baseButton_jtvfw_1 {
31
- cursor: pointer;
32
- background: var(--fxl-color-background2);
33
- color: var(--fxl-color-text-primary);
34
- font-weight: 700;
35
- }
36
- ._baseButton_jtvfw_1:hover {
37
- background: var(--fxl-color-background3);
38
- color: var(--fxl-color-light);
39
- outline: 1px solid var(--fxl-color-primary);
40
- }
41
- ._baseButton_jtvfw_1:focus-visible {
42
- outline: 1px solid var(--fxl-color-primary);
43
- outline-offset: 2px;
44
- }
45
- ._baseButton_jtvfw_1._color-secondary_jtvfw_37 {
46
- background: var(--fxl-color-dark1);
47
- color: var(--fxl-color-light);
48
- }
49
- ._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {
50
- background: var(--fxl-color-dark2);
51
- color: var(--fxl-color-light);
52
- outline: 1px solid var(--fxl-color-primary);
53
- }
54
- ._iconButton_jtvfw_47 {
55
- width: 30px !important;
56
- cursor: pointer;
57
- padding: 0;
58
- display: flex;
59
- align-items: center;
60
- justify-content: center;
61
- flex-grow: 0;
62
- flex-shrink: 0;
63
- }
64
- ._baseInput_jtvfw_1[type=range] {
65
- -webkit-appearance: none;
66
- appearance: none;
67
- height: 3px !important;
68
- background: var(--fxl-color-light2);
69
- outline: none;
70
- padding: 0 !important;
71
- border: none;
72
- }
73
- ._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {
74
- -webkit-appearance: none;
75
- appearance: none;
76
- cursor: pointer;
77
- width: 15px;
78
- height: 15px;
79
- background: var(--fxl-color-primary);
80
- border-radius: 50%;
81
- }
82
- ._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {
83
- transform: scale(1.1);
84
- }
85
- ._baseInput_jtvfw_1[type=range]::-moz-range-thumb {
86
- cursor: pointer;
87
- width: 15px;
88
- height: 15px;
89
- background: var(--fxl-color-primary);
90
- border-radius: 50%;
91
- }
92
- ._baseInput_jtvfw_1[type=checkbox] {
93
- -webkit-appearance: none;
94
- appearance: none;
95
- cursor: pointer;
96
- width: 30px !important;
97
- height: 30px !important;
98
- margin: 0;
99
- padding: 0;
100
- position: relative;
101
- }
102
- ._baseInput_jtvfw_1[type=checkbox]:checked:after {
103
- content: "";
104
- width: 15px;
105
- height: 15px;
106
- position: absolute;
107
- top: 50%;
108
- left: 50%;
109
- transform: translate(-50%, -50%);
110
- background: var(--fxl-color-primary);
111
- }
112
-
113
- /* esbuild-sass-plugin:css-chunk:src/LockButton/LockButton.module.scss */
114
- ._lockButton_1bbiz_1 {
115
- color: var(--fxl-color-light1) !important;
116
- }
117
- /*# sourceMappingURL=LockButton.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss","esbuild-sass-plugin:css-chunk:src/LockButton/LockButton.module.scss"],"sourcesContent":["._baseInput_jtvfw_1, ._baseSelect_jtvfw_1, ._baseButton_jtvfw_1 {\n font-family: var(--fxl-font-family);\n font-size: var(--fxl-font-size-regular);\n height: 30px;\n color: var(--fxl-color-text-primary);\n background: var(--fxl-color-background2);\n border: 1px solid var(--fxl-color-light2);\n padding: 0 var(--fxl-spacing-xxs);\n outline-offset: -1px;\n}\n._baseInput_jtvfw_1:hover, ._baseSelect_jtvfw_1:hover, ._baseButton_jtvfw_1:hover {\n background: var(--fxl-color-background3);\n}\n._baseInput_jtvfw_1:focus-visible, ._baseSelect_jtvfw_1:focus-visible, ._baseButton_jtvfw_1:focus-visible {\n outline: 1px solid var(--fxl-color-primary);\n}\n._baseInput_jtvfw_1:disabled, ._baseSelect_jtvfw_1:disabled, ._baseButton_jtvfw_1:disabled {\n opacity: 0.6;\n pointer-events: none;\n}\n\n._baseButton_jtvfw_1 {\n cursor: pointer;\n background: var(--fxl-color-background2);\n color: var(--fxl-color-text-primary);\n font-weight: 700;\n}\n._baseButton_jtvfw_1:hover {\n background: var(--fxl-color-background3);\n color: var(--fxl-color-light);\n outline: 1px solid var(--fxl-color-primary);\n}\n._baseButton_jtvfw_1:focus-visible {\n outline: 1px solid var(--fxl-color-primary);\n outline-offset: 2px;\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37 {\n background: var(--fxl-color-dark1);\n color: var(--fxl-color-light);\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {\n background: var(--fxl-color-dark2);\n color: var(--fxl-color-light);\n outline: 1px solid var(--fxl-color-primary);\n}\n\n._iconButton_jtvfw_47 {\n width: 30px !important;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n._baseInput_jtvfw_1[type=range] {\n -webkit-appearance: none;\n appearance: none;\n height: 3px !important;\n background: var(--fxl-color-light2);\n outline: none;\n padding: 0 !important;\n border: none;\n}\n\n._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none; /* Override default look */\n appearance: none;\n cursor: pointer;\n width: 15px;\n height: 15px;\n background: var(--fxl-color-primary);\n border-radius: 50%;\n}\n._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {\n transform: scale(1.1);\n}\n\n._baseInput_jtvfw_1[type=range]::-moz-range-thumb {\n cursor: pointer;\n width: 15px;\n height: 15px;\n background: var(--fxl-color-primary);\n border-radius: 50%;\n}\n\n._baseInput_jtvfw_1[type=checkbox] {\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n width: 30px !important;\n height: 30px !important;\n margin: 0;\n padding: 0;\n position: relative;\n}\n._baseInput_jtvfw_1[type=checkbox]:checked:after {\n content: \"\";\n width: 15px;\n height: 15px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--fxl-color-primary);\n}","._lockButton_1bbiz_1 {\n color: var(--fxl-color-light1) !important;\n}"],"mappings":";AAAA;AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AC1GF;AACE;AAAA;","names":[]}
@@ -1,11 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { BaseButtonProps } from '../BaseInput.js';
3
- import 'react';
4
-
5
- interface LockButtonProps extends BaseButtonProps {
6
- isLocked?: boolean;
7
- className?: string;
8
- }
9
- declare function LockButton(props: LockButtonProps): react_jsx_runtime.JSX.Element;
10
-
11
- export { LockButton };
@@ -1,8 +0,0 @@
1
- import {
2
- LockButton
3
- } from "../chunk-4OV7OX5A.js";
4
- import "../chunk-2BHABOFI.js";
5
- export {
6
- LockButton
7
- };
8
- //# sourceMappingURL=LockButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}