tweak-ui 0.4.3 → 0.8.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 (200) hide show
  1. package/LICENSE +7 -7
  2. package/README.md +32 -32
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.d.ts.map +1 -0
  5. package/dist/lib/builder.d.ts +102 -162
  6. package/dist/lib/builder.d.ts.map +1 -1
  7. package/dist/lib/color/adapter.d.ts +7 -0
  8. package/dist/lib/color/adapter.d.ts.map +1 -0
  9. package/dist/lib/color/array-format.d.ts +9 -0
  10. package/dist/lib/color/array-format.d.ts.map +1 -0
  11. package/dist/lib/{color-formats → color}/converter.d.ts +18 -18
  12. package/dist/lib/color/converter.d.ts.map +1 -0
  13. package/dist/lib/color/css-string-format.d.ts +8 -0
  14. package/dist/lib/color/css-string-format.d.ts.map +1 -0
  15. package/dist/lib/color/formatter.d.ts +9 -0
  16. package/dist/lib/color/formatter.d.ts.map +1 -0
  17. package/dist/lib/color/hex-string-format.d.ts +9 -0
  18. package/dist/lib/color/hex-string-format.d.ts.map +1 -0
  19. package/dist/lib/{color-formats → color}/index.d.ts +3 -3
  20. package/dist/lib/color/index.d.ts.map +1 -0
  21. package/dist/lib/color/number-format.d.ts +9 -0
  22. package/dist/lib/color/number-format.d.ts.map +1 -0
  23. package/dist/lib/{color-formats → color}/object-format.d.ts +14 -14
  24. package/dist/lib/color/object-format.d.ts.map +1 -0
  25. package/dist/lib/{color-formats → color}/types.d.ts +107 -101
  26. package/dist/lib/color/types.d.ts.map +1 -0
  27. package/dist/lib/components/container/bar.d.ts +28 -0
  28. package/dist/lib/components/container/bar.d.ts.map +1 -0
  29. package/dist/lib/components/container/dialog.d.ts +14 -0
  30. package/dist/lib/components/container/dialog.d.ts.map +1 -0
  31. package/dist/lib/components/container/grid.d.ts +22 -0
  32. package/dist/lib/components/container/grid.d.ts.map +1 -0
  33. package/dist/lib/components/container/group.d.ts +55 -0
  34. package/dist/lib/components/container/group.d.ts.map +1 -0
  35. package/dist/lib/components/container/index.d.ts +10 -0
  36. package/dist/lib/components/container/index.d.ts.map +1 -0
  37. package/dist/lib/components/container/list.d.ts +25 -0
  38. package/dist/lib/components/container/list.d.ts.map +1 -0
  39. package/dist/lib/components/container/section.d.ts +28 -0
  40. package/dist/lib/components/container/section.d.ts.map +1 -0
  41. package/dist/lib/components/container/split.d.ts +40 -0
  42. package/dist/lib/components/container/split.d.ts.map +1 -0
  43. package/dist/lib/components/container/tabs.d.ts +23 -0
  44. package/dist/lib/components/container/tabs.d.ts.map +1 -0
  45. package/dist/lib/components/container/tree.d.ts +25 -0
  46. package/dist/lib/components/container/tree.d.ts.map +1 -0
  47. package/dist/lib/components/controls/angle.d.ts +47 -51
  48. package/dist/lib/components/controls/angle.d.ts.map +1 -1
  49. package/dist/lib/components/controls/bitmask.d.ts +41 -0
  50. package/dist/lib/components/controls/bitmask.d.ts.map +1 -0
  51. package/dist/lib/components/controls/bool.d.ts +52 -0
  52. package/dist/lib/components/controls/bool.d.ts.map +1 -0
  53. package/dist/lib/components/controls/color-picker.d.ts +41 -56
  54. package/dist/lib/components/controls/color-picker.d.ts.map +1 -1
  55. package/dist/lib/components/controls/color.d.ts +37 -51
  56. package/dist/lib/components/controls/color.d.ts.map +1 -1
  57. package/dist/lib/components/controls/index.d.ts +14 -10
  58. package/dist/lib/components/controls/index.d.ts.map +1 -1
  59. package/dist/lib/components/controls/input.d.ts +44 -0
  60. package/dist/lib/components/controls/input.d.ts.map +1 -0
  61. package/dist/lib/components/controls/matrix.d.ts +58 -0
  62. package/dist/lib/components/controls/matrix.d.ts.map +1 -0
  63. package/dist/lib/components/controls/point.d.ts +41 -47
  64. package/dist/lib/components/controls/point.d.ts.map +1 -1
  65. package/dist/lib/components/controls/poll.d.ts +12 -0
  66. package/dist/lib/components/controls/poll.d.ts.map +1 -0
  67. package/dist/lib/components/controls/scalar.d.ts +67 -0
  68. package/dist/lib/components/controls/scalar.d.ts.map +1 -0
  69. package/dist/lib/components/controls/select.d.ts +53 -59
  70. package/dist/lib/components/controls/select.d.ts.map +1 -1
  71. package/dist/lib/components/controls/spherical.d.ts +37 -74
  72. package/dist/lib/components/controls/spherical.d.ts.map +1 -1
  73. package/dist/lib/components/controls/string.d.ts +46 -0
  74. package/dist/lib/components/controls/string.d.ts.map +1 -0
  75. package/dist/lib/components/controls/vector.d.ts +54 -0
  76. package/dist/lib/components/controls/vector.d.ts.map +1 -0
  77. package/dist/lib/components/elements/button.d.ts +36 -0
  78. package/dist/lib/components/elements/button.d.ts.map +1 -0
  79. package/dist/lib/components/elements/divider.d.ts +4 -0
  80. package/dist/lib/components/elements/divider.d.ts.map +1 -0
  81. package/dist/lib/components/elements/graph.d.ts +8 -0
  82. package/dist/lib/components/elements/graph.d.ts.map +1 -0
  83. package/dist/lib/components/elements/image.d.ts +33 -0
  84. package/dist/lib/components/elements/image.d.ts.map +1 -0
  85. package/dist/lib/components/elements/index.d.ts +6 -0
  86. package/dist/lib/components/elements/index.d.ts.map +1 -0
  87. package/dist/lib/components/elements/widget.d.ts +27 -0
  88. package/dist/lib/components/elements/widget.d.ts.map +1 -0
  89. package/dist/lib/components/index.d.ts +3 -5
  90. package/dist/lib/components/index.d.ts.map +1 -1
  91. package/dist/lib/core/control.d.ts +20 -0
  92. package/dist/lib/core/control.d.ts.map +1 -0
  93. package/dist/lib/core/index.d.ts +3 -4
  94. package/dist/lib/core/index.d.ts.map +1 -1
  95. package/dist/lib/core/render.d.ts +7 -9
  96. package/dist/lib/core/render.d.ts.map +1 -1
  97. package/dist/lib/core/types.d.ts +73 -87
  98. package/dist/lib/core/types.d.ts.map +1 -1
  99. package/dist/lib/core/utils.d.ts +78 -93
  100. package/dist/lib/core/utils.d.ts.map +1 -1
  101. package/dist/lib/index.d.ts +21 -27
  102. package/dist/lib/index.d.ts.map +1 -1
  103. package/dist/lib/mount.d.ts +35 -45
  104. package/dist/lib/mount.d.ts.map +1 -1
  105. package/dist/lib/stats/index.d.ts +2 -0
  106. package/dist/lib/stats/index.d.ts.map +1 -0
  107. package/dist/lib/stats/sampler.d.ts +66 -0
  108. package/dist/lib/stats/sampler.d.ts.map +1 -0
  109. package/dist/lib/stats/stats-renderer.d.ts +16 -0
  110. package/dist/lib/stats/stats-renderer.d.ts.map +1 -0
  111. package/dist/style.css +1 -0
  112. package/dist/style.d.ts +4 -0
  113. package/dist/tweak-ui.module.js +2938 -2393
  114. package/dist/tweak-ui.module.js.map +1 -1
  115. package/dist/tweak-ui.umd.js +33 -4420
  116. package/dist/tweak-ui.umd.js.map +1 -1
  117. package/package.json +37 -51
  118. package/dist/index.html +0 -1063
  119. package/dist/lib/color-formats/array-format.d.ts +0 -9
  120. package/dist/lib/color-formats/array-format.d.ts.map +0 -1
  121. package/dist/lib/color-formats/array-format.spec.d.ts +0 -2
  122. package/dist/lib/color-formats/array-format.spec.d.ts.map +0 -1
  123. package/dist/lib/color-formats/converter.d.ts.map +0 -1
  124. package/dist/lib/color-formats/converter.spec.d.ts +0 -2
  125. package/dist/lib/color-formats/converter.spec.d.ts.map +0 -1
  126. package/dist/lib/color-formats/css-string-format.d.ts +0 -8
  127. package/dist/lib/color-formats/css-string-format.d.ts.map +0 -1
  128. package/dist/lib/color-formats/css-string-format.spec.d.ts +0 -2
  129. package/dist/lib/color-formats/css-string-format.spec.d.ts.map +0 -1
  130. package/dist/lib/color-formats/formatter.d.ts +0 -9
  131. package/dist/lib/color-formats/formatter.d.ts.map +0 -1
  132. package/dist/lib/color-formats/formatter.spec.d.ts +0 -2
  133. package/dist/lib/color-formats/formatter.spec.d.ts.map +0 -1
  134. package/dist/lib/color-formats/hex-string-format.d.ts +0 -8
  135. package/dist/lib/color-formats/hex-string-format.d.ts.map +0 -1
  136. package/dist/lib/color-formats/hex-string-format.spec.d.ts +0 -2
  137. package/dist/lib/color-formats/hex-string-format.spec.d.ts.map +0 -1
  138. package/dist/lib/color-formats/index.d.ts.map +0 -1
  139. package/dist/lib/color-formats/number-format.d.ts +0 -9
  140. package/dist/lib/color-formats/number-format.d.ts.map +0 -1
  141. package/dist/lib/color-formats/number-format.spec.d.ts +0 -2
  142. package/dist/lib/color-formats/number-format.spec.d.ts.map +0 -1
  143. package/dist/lib/color-formats/object-format.d.ts.map +0 -1
  144. package/dist/lib/color-formats/object-format.spec.d.ts +0 -2
  145. package/dist/lib/color-formats/object-format.spec.d.ts.map +0 -1
  146. package/dist/lib/color-formats/types.d.ts.map +0 -1
  147. package/dist/lib/components/button.d.ts +0 -29
  148. package/dist/lib/components/button.d.ts.map +0 -1
  149. package/dist/lib/components/content.d.ts +0 -22
  150. package/dist/lib/components/content.d.ts.map +0 -1
  151. package/dist/lib/components/controls/checkbox.d.ts +0 -29
  152. package/dist/lib/components/controls/checkbox.d.ts.map +0 -1
  153. package/dist/lib/components/controls/number.d.ts +0 -48
  154. package/dist/lib/components/controls/number.d.ts.map +0 -1
  155. package/dist/lib/components/controls/position.d.ts +0 -56
  156. package/dist/lib/components/controls/position.d.ts.map +0 -1
  157. package/dist/lib/components/controls/text.d.ts +0 -36
  158. package/dist/lib/components/controls/text.d.ts.map +0 -1
  159. package/dist/lib/components/groups/accordion.d.ts +0 -22
  160. package/dist/lib/components/groups/accordion.d.ts.map +0 -1
  161. package/dist/lib/components/groups/container.d.ts +0 -25
  162. package/dist/lib/components/groups/container.d.ts.map +0 -1
  163. package/dist/lib/components/groups/group.d.ts +0 -49
  164. package/dist/lib/components/groups/group.d.ts.map +0 -1
  165. package/dist/lib/components/groups/index.d.ts +0 -5
  166. package/dist/lib/components/groups/index.d.ts.map +0 -1
  167. package/dist/lib/components/groups/tabs.d.ts +0 -22
  168. package/dist/lib/components/groups/tabs.d.ts.map +0 -1
  169. package/dist/lib/components/image.d.ts +0 -37
  170. package/dist/lib/components/image.d.ts.map +0 -1
  171. package/dist/lib/core/registry.d.ts +0 -18
  172. package/dist/lib/core/registry.d.ts.map +0 -1
  173. package/dist/lib/core/value-accessor.d.ts +0 -18
  174. package/dist/lib/core/value-accessor.d.ts.map +0 -1
  175. package/dist/scss/_style.scss +0 -120
  176. package/dist/scss/_themes.scss +0 -23
  177. package/dist/scss/_utils.scss +0 -24
  178. package/dist/scss/_variables.scss +0 -30
  179. package/dist/scss/controls/_angle.scss +0 -64
  180. package/dist/scss/controls/_button.scss +0 -0
  181. package/dist/scss/controls/_checkbox.scss +0 -19
  182. package/dist/scss/controls/_color-picker.scss +0 -124
  183. package/dist/scss/controls/_color.scss +0 -14
  184. package/dist/scss/controls/_container.scss +0 -13
  185. package/dist/scss/controls/_group.scss +0 -69
  186. package/dist/scss/controls/_image.scss +0 -27
  187. package/dist/scss/controls/_number.scss +0 -38
  188. package/dist/scss/controls/_point.scss +0 -36
  189. package/dist/scss/controls/_position.scss +0 -9
  190. package/dist/scss/controls/_select.scss +0 -0
  191. package/dist/scss/controls/_spherical.scss +0 -87
  192. package/dist/scss/controls/_tabs.scss +0 -38
  193. package/dist/scss/controls/_text.scss +0 -0
  194. package/dist/scss/index.scss +0 -21
  195. package/dist/tweak-ui.css +0 -653
  196. package/dist/tweak-ui.css.map +0 -1
  197. package/dist/tweak-ui.min.css +0 -1
  198. package/dist/tweak-ui.min.css.map +0 -1
  199. package/dist/tweak-ui.umd.min.js +0 -17
  200. package/dist/tweak-ui.umd.min.js.map +0 -1
package/dist/tweak-ui.css DELETED
@@ -1,653 +0,0 @@
1
- @charset "UTF-8";
2
- .twui-dark {
3
- --twui-color-primary: #263238;
4
- --twui-color-primary-dark: #000a12;
5
- --twui-color-primary-light: #4f5b62;
6
- --twui-color-secondary: #37474f;
7
- --twui-color-secondary-dark: #102027;
8
- --twui-color-secondary-light: #62727b;
9
- --twui-color-on-primary: #fff;
10
- --twui-color-on-secondary: #fff;
11
- --twui-color-accent: #f9AA33;
12
- }
13
-
14
- .twui-light {
15
- --twui-color-primary: #fafafa;
16
- --twui-color-primary-dark: #c7c7c7;
17
- --twui-color-primary-light: #ffffff;
18
- --twui-color-secondary: #cfd8dc;
19
- --twui-color-secondary-dark: #9ea7aa;
20
- --twui-color-secondary-light: #ffffff;
21
- --twui-color-on-primary: #000000;
22
- --twui-color-on-secondary: #000000;
23
- --twui-color-accent: #2196f3;
24
- }
25
-
26
- .twui-root {
27
- background-color: #344955;
28
- background-color: var(--twui-color-primary, #344955);
29
- color: #E0E5E7;
30
- color: var(--twui-color-on-primary, #E0E5E7);
31
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
32
- font-size: 0.75rem;
33
- padding: 0;
34
- margin: 0;
35
- width: 20rem;
36
- flex: auto 0 0;
37
- overflow: auto;
38
- overflow-x: hidden;
39
- box-sizing: border-box;
40
- }
41
- .twui-root::-webkit-scrollbar {
42
- width: 0.5rem;
43
- }
44
- .twui-root::-webkit-scrollbar-track {
45
- background-color: #344955;
46
- background-color: var(--twui-color-primary, #344955);
47
- }
48
- .twui-root::-webkit-scrollbar-thumb {
49
- border-width: 1px;
50
- border-style: solid;
51
- transition: background-color 0.2s ease-in-out;
52
- background-color: #344955;
53
- background-color: var(--twui-color-primary, #344955);
54
- border-color: #0b222c;
55
- border-color: var(--twui-color-primary-dark, #0b222c);
56
- }
57
- .twui-root::-webkit-scrollbar-thumb:hover {
58
- background-color: #4A6572;
59
- background-color: var(--twui-color-secondary, #4A6572);
60
- }
61
- .twui-root label {
62
- user-select: none;
63
- }
64
- .twui-root select, .twui-root button, .twui-root a {
65
- cursor: pointer;
66
- }
67
- .twui-root input:not([type=checkbox]),
68
- .twui-root button,
69
- .twui-root select {
70
- background-color: #4A6572;
71
- background-color: var(--twui-color-secondary, #4A6572);
72
- color: #E0E5E7;
73
- color: var(--twui-color-on-secondary, #E0E5E7);
74
- -webkit-appearance: none;
75
- -moz-appearance: none;
76
- appearance: none;
77
- border-radius: 0;
78
- outline: none;
79
- border: none;
80
- box-sizing: border-box;
81
- height: 1.25rem;
82
- line-height: 1.25rem;
83
- padding: 0rem 0.25rem;
84
- margin: 0.125rem;
85
- }
86
- .twui-root button {
87
- line-height: 0.75rem;
88
- padding: 0.25rem 0.5rem;
89
- margin: 0.125rem;
90
- font-weight: 400;
91
- text-align: center;
92
- white-space: nowrap;
93
- }
94
- .twui-root button, .twui-root select, .twui-root input:not([type=checkbox]), .twui-root .twui-progress {
95
- border-bottom: 1px solid;
96
- border-color: #0b222c;
97
- border-color: var(--twui-color-primary-dark, #0b222c);
98
- transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
99
- }
100
- .twui-root button:hover, .twui-root button.checked, .twui-root select:hover, .twui-root select.checked, .twui-root input:not([type=checkbox]):hover, .twui-root input:not([type=checkbox]).checked, .twui-root .twui-progress:hover, .twui-root .twui-progress.checked {
101
- background-color: #7793a1;
102
- background-color: var(--twui-color-secondary-light, #7793a1);
103
- border-color: #203b47;
104
- border-color: var(--twui-color-secondary-dark, #203b47);
105
- }
106
- .twui-root button:focus, .twui-root button.checked, .twui-root select:focus, .twui-root select.checked, .twui-root input:not([type=checkbox]):focus, .twui-root input:not([type=checkbox]).checked, .twui-root .twui-progress:focus, .twui-root .twui-progress.checked {
107
- outline: none;
108
- border-color: #f9AA33;
109
- border-color: var(--twui-color-accent, #f9AA33);
110
- }
111
- .twui-root button:disabled,
112
- .twui-root button .disabled, .twui-root select:disabled,
113
- .twui-root select .disabled, .twui-root input:not([type=checkbox]):disabled,
114
- .twui-root input:not([type=checkbox]) .disabled, .twui-root .twui-progress:disabled,
115
- .twui-root .twui-progress .disabled {
116
- opacity: 0.5;
117
- cursor: not-allowed;
118
- }
119
- .twui-root .disabled {
120
- opacity: 0.5;
121
- cursor: not-allowed;
122
- }
123
- .twui-root select:focus, .twui-root input:not([type=checkbox]):focus {
124
- color: #f9AA33;
125
- color: var(--twui-color-accent, #f9AA33);
126
- }
127
- .twui-root input[type=number] {
128
- padding-right: 0;
129
- }
130
-
131
- .twui-angle {
132
- display: flex;
133
- flex-direction: row;
134
- align-items: flex-start;
135
- }
136
- .twui-angle .left-container {
137
- flex: 1;
138
- }
139
- .twui-angle .right-container {
140
- flex: none;
141
- display: grid;
142
- grid-template-columns: max-content max-content;
143
- }
144
- .twui-angle .right-container .twui-checkbox {
145
- grid-column: span 2;
146
- }
147
- .twui-angle .right-container .twui-checkbox input {
148
- margin-left: 0;
149
- }
150
- .twui-angle label {
151
- text-align: right;
152
- line-height: 1.5rem;
153
- padding: 0 0.25rem;
154
- }
155
- .twui-angle input[type=number] {
156
- width: 3.5rem;
157
- }
158
- .twui-angle .pane {
159
- position: relative;
160
- width: 100%;
161
- padding-top: 100%;
162
- }
163
- .twui-angle .pane::before {
164
- position: absolute;
165
- content: "";
166
- width: calc(100% - 2rem);
167
- height: calc(100% - 2rem);
168
- left: 1rem;
169
- top: 1rem;
170
- border: 1px solid;
171
- border-radius: 50%;
172
- border-color: #5f7481;
173
- border-color: var(--twui-color-primary-light, #5f7481);
174
- box-sizing: border-box;
175
- background-image: conic-gradient(var(--twui-color-primary-light, #5f7481) var(--angle-percent), transparent 0);
176
- transform: scaleX(-1) rotate(180deg);
177
- }
178
- .twui-angle .angle-knob {
179
- border: 0px solid transparent;
180
- border-radius: 100%;
181
- background-color: #5f7481;
182
- background-color: var(--twui-color-primary-light, #5f7481);
183
- }
184
- .twui-angle .angle-knob:hover {
185
- background-color: #7793a1;
186
- background-color: var(--twui-color-secondary-light, #7793a1);
187
- }
188
- .twui-angle .angle-pane.is-dragging .angle-knob {
189
- background-color: #f9AA33;
190
- background-color: var(--twui-color-accent, #f9AA33);
191
- }
192
-
193
- .twui-checkbox {
194
- min-height: 1.25rem;
195
- line-height: 1.25rem;
196
- display: flex;
197
- flex-direction: row;
198
- align-items: center;
199
- margin: 0;
200
- padding: 0;
201
- cursor: pointer;
202
- transition: background-color 0.2s ease-in-out;
203
- }
204
- .twui-checkbox:hover {
205
- background-color: #4A6572;
206
- background-color: var(--twui-color-secondary, #4A6572);
207
- }
208
- .twui-checkbox input {
209
- margin-right: 1ch;
210
- margin-left: 1ch;
211
- }
212
-
213
- .twui-color-picker {
214
- flex: auto 1 1;
215
- display: flex;
216
- flex-direction: row;
217
- }
218
- .twui-color-picker .color-picker-panel {
219
- flex: 1;
220
- position: relative;
221
- margin: 0.125rem;
222
- }
223
- .twui-color-picker .color-picker-inputs {
224
- flex: none;
225
- display: flex;
226
- flex-direction: column;
227
- }
228
- .twui-color-picker .color-picker-inputs .input-r {
229
- border-color: #f00;
230
- }
231
- .twui-color-picker .color-picker-inputs .input-g {
232
- border-color: #0f0;
233
- }
234
- .twui-color-picker .color-picker-inputs .input-b {
235
- border-color: #00f;
236
- }
237
- .twui-color-picker .color-picker-inputs .input-a {
238
- border-image: linear-gradient(to right, #fff, transparent);
239
- }
240
- .twui-color-picker .color-picker-inputs .input-hex {
241
- border-color: #000;
242
- }
243
- .twui-color-picker .color-picker-inputs input {
244
- display: block;
245
- width: 4rem;
246
- flex: none;
247
- }
248
- .twui-color-picker .color-picker-sv:focus,
249
- .twui-color-picker .color-picker-h:focus,
250
- .twui-color-picker .color-picker-a:focus {
251
- outline: none;
252
- border-color: #f9AA33;
253
- border-color: var(--twui-color-accent, #f9AA33);
254
- }
255
- .twui-color-picker .color-picker-sv {
256
- width: 100%;
257
- padding-top: 100%;
258
- position: relative;
259
- box-sizing: border-box;
260
- cursor: crosshair;
261
- z-index: 1;
262
- border-bottom: 1px solid;
263
- border-color: #0b222c;
264
- border-color: var(--twui-color-primary-dark, #0b222c);
265
- }
266
- .twui-color-picker .color-picker-sv-bg {
267
- position: absolute;
268
- top: 0;
269
- left: 0;
270
- right: 0;
271
- bottom: 0;
272
- }
273
- .twui-color-picker .color-picker-sv-cursor {
274
- box-sizing: border-box;
275
- position: absolute;
276
- width: 10px;
277
- height: 10px;
278
- margin-top: -5px;
279
- margin-left: -5px;
280
- border: 1px solid white;
281
- border-radius: 5px;
282
- box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.75);
283
- }
284
- .twui-color-picker .color-picker-h,
285
- .twui-color-picker .color-picker-a {
286
- position: relative;
287
- height: 1rem;
288
- box-sizing: border-box;
289
- cursor: ew-resize;
290
- margin-top: 0.25rem;
291
- border-bottom: 1px solid;
292
- border-color: #0b222c;
293
- border-color: var(--twui-color-primary-dark, #0b222c);
294
- }
295
- .twui-color-picker .color-picker-h-cursor,
296
- .twui-color-picker .color-picker-a-cursor {
297
- position: absolute;
298
- width: 4px;
299
- height: calc(1rem - 2px);
300
- margin-left: -3px;
301
- border: 1px solid white;
302
- border-radius: 2px;
303
- box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.75);
304
- }
305
- .twui-color-picker .color-picker-a {
306
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, grey 50%, white 50%), linear-gradient(to bottom, grey 50%, white 50%);
307
- background-blend-mode: normal, difference, normal;
308
- background-size: 1rem 1rem;
309
- }
310
- .twui-color-picker .color-picker-a-bg {
311
- position: absolute;
312
- top: 0;
313
- left: 0;
314
- right: 0;
315
- bottom: 0;
316
- }
317
- .twui-color-picker .color-picker-sv,
318
- .twui-color-picker .color-picker-h,
319
- .twui-color-picker .color-picker-a {
320
- border-color: #0b222c;
321
- border-color: var(--twui-color-primary-dark, #0b222c);
322
- }
323
-
324
- .twui-color {
325
- flex: auto 1 1;
326
- display: flex;
327
- flex-direction: column;
328
- align-items: stretch;
329
- }
330
- .twui-color button {
331
- text-shadow: 0 0 10px black;
332
- color: white;
333
- font-weight: bold;
334
- text-transform: uppercase;
335
- }
336
-
337
- .twui-container {
338
- display: flex;
339
- display: flex;
340
- flex-flow: column nowrap;
341
- align-items: stretch;
342
- }
343
-
344
- .twui-container-horizontal {
345
- flex-direction: row;
346
- }
347
- .twui-container-horizontal > * {
348
- flex: 1;
349
- }
350
-
351
- .twui-group {
352
- display: flex;
353
- flex-flow: column nowrap;
354
- align-items: stretch;
355
- border-color: #0b222c;
356
- border-color: var(--twui-color-primary-dark, #0b222c);
357
- }
358
-
359
- .twui-group-title {
360
- margin: 0;
361
- width: auto;
362
- height: 1.5rem;
363
- line-height: 1.5rem;
364
- background-color: #0b222c;
365
- background-color: var(--twui-color-primary-dark, #0b222c);
366
- padding-left: 0.25rem;
367
- }
368
-
369
- .twui-group-collapsible .twui-group-title {
370
- padding-left: 0;
371
- cursor: pointer;
372
- }
373
-
374
- .twui-group-collapsible > .twui-group-title::before {
375
- content: "▶";
376
- display: inline-block;
377
- width: 1.5rem;
378
- height: 1.5rem;
379
- text-align: center;
380
- transition: transform 0.1s ease-in-out;
381
- transform: rotateZ(90deg);
382
- }
383
-
384
- .twui-group-inset,
385
- .twui-group-collapsible > .twui-group-collapsible {
386
- border-left: 0.25rem solid;
387
- border-left-color: #5f7481;
388
- border-left-color: var(--twui-color-primary-light, #5f7481);
389
- }
390
-
391
- .twui-group-collapsed > .twui-group-title::before {
392
- transform: rotateZ(0deg);
393
- }
394
-
395
- .twui-group-control {
396
- display: flex;
397
- flex-flow: row nowrap;
398
- align-items: stretch;
399
- min-height: 1.5rem;
400
- box-sizing: border-box;
401
- }
402
- .twui-group-control > label:first-child {
403
- flex: none;
404
- box-sizing: border-box;
405
- width: 6.5rem;
406
- min-width: 6.5rem;
407
- min-height: 1.25rem;
408
- line-height: 1.25rem;
409
- padding: 0rem 0.25rem;
410
- margin: 0.125rem;
411
- overflow: hidden;
412
- }
413
- .twui-group-control > section {
414
- flex: 1;
415
- display: flex;
416
- flex-flow: column nowrap;
417
- align-items: stretch;
418
- }
419
-
420
- .twui-image {
421
- max-width: 100%;
422
- display: block;
423
- }
424
- .twui-image img {
425
- width: 100%;
426
- }
427
-
428
- .twui-image-aspect {
429
- position: relative;
430
- }
431
- .twui-image-aspect::before {
432
- content: "";
433
- display: block;
434
- width: 100%;
435
- padding-top: 100%;
436
- padding-top: var(--twui-aspect);
437
- }
438
- .twui-image-aspect img {
439
- position: absolute;
440
- top: 0;
441
- left: 0;
442
- width: 100%;
443
- height: 100%;
444
- object-fit: fill;
445
- object-fit: var(--twui-fit);
446
- }
447
-
448
- .twui-number,
449
- .twui-slider {
450
- display: flex;
451
- flex-flow: row nowrap;
452
- align-items: stretch;
453
- }
454
-
455
- .twui-number input {
456
- flex: 1;
457
- }
458
-
459
- .twui-slider .twui-progress {
460
- flex: 1;
461
- display: flex;
462
- margin: 0.125rem;
463
- cursor: ew-resize;
464
- transition: background-color 0.2s ease-in-out;
465
- background-color: #4A6572;
466
- background-color: var(--twui-color-secondary, #4A6572);
467
- }
468
- .twui-slider .twui-progress:hover {
469
- background-color: #203b47;
470
- background-color: var(--twui-color-secondary-dark, #203b47);
471
- }
472
- .twui-slider .twui-progress.disabled {
473
- cursor: not-allowed;
474
- }
475
- .twui-slider .twui-progress-bar {
476
- background-color: #7793a1;
477
- background-color: var(--twui-color-secondary-light, #7793a1);
478
- }
479
- .twui-slider input[type=number] {
480
- flex: none;
481
- width: 3.5rem;
482
- }
483
-
484
- .twui-point {
485
- background-color: #4A6572;
486
- background-color: var(--twui-color-secondary, #4A6572);
487
- border-color: #0b222c;
488
- border-color: var(--twui-color-primary-dark, #0b222c);
489
- background-image: linear-gradient(#5f7481 1px, transparent 1px), linear-gradient(90deg, #5f7481 1px, transparent 1px);
490
- background-image: linear-gradient(var(--twui-color-primary-light, #5f7481) 1px, transparent 1px), linear-gradient(90deg, var(--twui-color-primary-light, #5f7481) 1px, transparent 1px);
491
- background-size: 10% 10%, 10% 10%;
492
- transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
493
- position: relative;
494
- width: 100%;
495
- padding-top: 100%;
496
- box-sizing: border-box;
497
- cursor: crosshair;
498
- z-index: 1;
499
- overflow: visible;
500
- }
501
- .twui-point .point-x-axis,
502
- .twui-point .point-y-axis {
503
- background-color: #0b222c;
504
- background-color: var(--twui-color-primary-dark, #0b222c);
505
- }
506
- .twui-point:focus {
507
- border-color: #f9AA33;
508
- border-color: var(--twui-color-accent, #f9AA33);
509
- outline: none;
510
- }
511
- .twui-point:focus .point-x-axis,
512
- .twui-point:focus .point-y-axis {
513
- background-color: #f9AA33;
514
- background-color: var(--twui-color-accent, #f9AA33);
515
- }
516
-
517
- .twui-spherical {
518
- display: flex;
519
- flex-direction: row;
520
- align-items: flex-start;
521
- }
522
- .twui-spherical .left-container {
523
- flex: 1;
524
- }
525
- .twui-spherical .right-container {
526
- flex: none;
527
- display: grid;
528
- grid-template-columns: max-content max-content;
529
- }
530
- .twui-spherical .right-container .twui-checkbox {
531
- grid-column: span 2;
532
- }
533
- .twui-spherical .right-container .twui-checkbox input {
534
- margin-left: 0;
535
- }
536
- .twui-spherical label {
537
- text-align: right;
538
- line-height: 1.5rem;
539
- padding: 0 0.25rem;
540
- }
541
- .twui-spherical input[type=number] {
542
- width: 3.5rem;
543
- }
544
- .twui-spherical .pane {
545
- position: relative;
546
- width: 100%;
547
- padding-top: 100%;
548
- }
549
- .twui-spherical .pane::before {
550
- position: absolute;
551
- content: "";
552
- width: calc(100% - 2rem);
553
- height: calc(100% - 2rem);
554
- left: 1rem;
555
- top: 1rem;
556
- border: 1px solid;
557
- border-radius: 50%;
558
- border-color: #5f7481;
559
- border-color: var(--twui-color-primary-light, #5f7481);
560
- box-sizing: border-box;
561
- }
562
- .twui-spherical .pane::after {
563
- position: absolute;
564
- content: "";
565
- top: 50%;
566
- left: 50%;
567
- width: calc(50% - 1rem);
568
- height: 1px;
569
- background-color: #5f7481;
570
- background-color: var(--twui-color-primary-light, #5f7481);
571
- transform-origin: left center;
572
- transform: rotate(var(--spherical-phi));
573
- }
574
- .twui-spherical .phi-knob {
575
- border: 0px solid transparent;
576
- border-radius: 100%;
577
- background-color: #5f7481;
578
- background-color: var(--twui-color-primary-light, #5f7481);
579
- }
580
- .twui-spherical .phi-knob:hover {
581
- background-color: #7793a1;
582
- background-color: var(--twui-color-secondary-light, #7793a1);
583
- }
584
- .twui-spherical .phi-pane.is-dragging .phi-knob {
585
- background-color: #f9AA33;
586
- background-color: var(--twui-color-accent, #f9AA33);
587
- }
588
- .twui-spherical .theta-knob {
589
- border: 1px solid transparent;
590
- border-radius: 100%;
591
- border-color: #5f7481;
592
- border-color: var(--twui-color-primary-light, #5f7481);
593
- }
594
- .twui-spherical .theta-knob:hover {
595
- border-color: #7793a1;
596
- border-color: var(--twui-color-secondary-light, #7793a1);
597
- }
598
- .twui-spherical .theta-pane.is-dragging .theta-knob {
599
- border-color: #f9AA33;
600
- border-color: var(--twui-color-accent, #f9AA33);
601
- }
602
-
603
- .twui-tabs {
604
- display: flex;
605
- flex-flow: column nowrap;
606
- align-items: stretch;
607
- border-color: #0b222c;
608
- border-color: var(--twui-color-primary-dark, #0b222c);
609
- }
610
-
611
- .twui-tabs-list {
612
- display: flex;
613
- flex-flow: row wrap;
614
- align-items: stretch;
615
- }
616
-
617
- .twui-tabs-list > button {
618
- flex: auto 1 11;
619
- border: 0;
620
- border-top: 1px solid;
621
- margin: 0;
622
- height: 1.5rem;
623
- line-height: 1rem;
624
- background-color: #0b222c;
625
- background-color: var(--twui-color-primary-dark, #0b222c);
626
- border-color: #344955;
627
- border-color: var(--twui-color-primary, #344955);
628
- color: #E0E5E7;
629
- color: var(--twui-color-on-primary, #E0E5E7);
630
- }
631
- .twui-tabs-list > button:hover {
632
- background-color: #344955;
633
- background-color: var(--twui-color-primary, #344955);
634
- border-color: #0b222c;
635
- border-color: var(--twui-color-primary-dark, #0b222c);
636
- }
637
- .twui-tabs-list > button.is-active {
638
- background-color: #344955;
639
- background-color: var(--twui-color-primary, #344955);
640
- border-color: #f9AA33;
641
- border-color: var(--twui-color-accent, #f9AA33);
642
- }
643
-
644
- .twui-position {
645
- display: flex;
646
- flex-flow: row wrap;
647
- align-items: stretch;
648
- }
649
- .twui-position > * {
650
- flex: auto 1 1;
651
- }
652
-
653
- /*# sourceMappingURL=tweak-ui.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/style/_themes.scss","../src/style/_style.scss","../src/style/_utils.scss","../src/style/_variables.scss","../src/style/controls/_angle.scss","../src/style/controls/_checkbox.scss","../src/style/controls/_color-picker.scss","../src/style/controls/_color.scss","../src/style/controls/_container.scss","../src/style/controls/_group.scss","../src/style/controls/_image.scss","../src/style/controls/_number.scss","../src/style/controls/_point.scss","../src/style/controls/_spherical.scss","../src/style/controls/_tabs.scss","../src/style/controls/_position.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrBF;ECqBE;EACA;EADA;EACA;EDlBA,aEM4B;EFL5B,WES4B;EFR5B;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACE;;AAGF;ECDA;EACA;;ADIA;EACE;EACA;EACA;ECRF;EACA;EADA;EACA;;ADYA;ECbA;EACA;;ADoBA;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;EC7BA;EACA;EADA;EACA;EDkCE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,QElDK;;AFqDP;EACE;EACA;EACA,QExDK;EF0DL;EACA;EACA;;AAGF;EACE;EC5DF;EACA;ED6DE;;AAEA;EChEF;EACA;EADA;EACA;;ADqEE;EAEE;ECxEJ;EACA;;AD2EE;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAIJ;EACE;EACA;;AAIA;ECzFF;EACA;;AD6FA;EACE;;;AGpHJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AACA;EACE;;AAKN;EACE;EACA,aDRU;ECSV;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFtBJ;EACA;EEuBI;EACA;EACA;;AAIJ;EACE;EACA;EFhCF;EACA;;AEkCE;EFnCF;EACA;;AEsCA;EFvCA;EACA;;;AGtBF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EHSA;EACA;;AGRA;EACE;EACA;;;ACfJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA,QHQK;;AGLP;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AAOF;AAAA;AAAA;EACE;EJvBJ;EACA;;AI2BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EJnCF;EACA;;AIqCA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EJhEF;EACA;;AImEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,kBACkB;EAIlB;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;EJjGA;EACA;;;AKrBF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;ACXJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;AACA;EACE;;;ACVJ;EACE;EACA;EACA;EPkBA;EACA;;;AOdF;EACE;EACA;EACA,QNKY;EMJZ,aNIY;EDKZ;EACA;EORA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA,ONTY;EMUZ,QNVY;EMWZ;EACA;EACA;;;AAGF;AAAA;EAEE;EPbA;EACA;;;AOgBF;EACE;;;AAGF;EACE;EACA;EACA;EACA,YN9BY;EM+BZ;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QNxCK;EM0CL;;AAGF;EACE;EACA;EACA;EACA;;;AClEJ;EACE;EACA;;AACA;EACE;;;AAIJ;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACxBJ;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;;;AAIA;EACE;EACA;EACA,QREK;EQDL;EACA;ETIF;EACA;;ASFE;ETCF;EACA;;ASGA;EACE;;AAGF;ETRA;EACA;;ASWA;EACE;EACA;;;AClCJ;EVoBE;EACA;EADA;EACA;EUlBA,kBACE;EAEF,kBACE;EAEF;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;AAAA;EVDA;EACA;;AUKA;EVNA;EACA;EUWE;;AALA;AAAA;EVPF;EACA;;;AWtBF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AACA;EACE;;AAKN;EACE;EACA,aVRU;EUSV;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EXtBJ;EACA;EWuBI;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EXjCJ;EACA;EWkCI;EACA;;AAIJ;EACE;EACA;EX1CF;EACA;;AW4CE;EX7CF;EACA;;AWgDA;EXjDA;EACA;;AWoDA;EACE;EACA;EXvDF;EACA;;AWyDE;EX1DF;EACA;;AW6DA;EX9DA;EACA;;;AYrBF;EACE;EACA;EACA;EZiBA;EACA;;;AYbF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EAEA,QXLY;EWMZ;EZDA;EACA;EADA;EACA;EADA;EACA;;AYMA;EZPA;EACA;EADA;EACA;;AYWA;EZZA;EACA;EADA;EACA;;;AatBF;EACE;EACA;EACA;;AAEA;EACE","file":"tweak-ui.css"}
@@ -1 +0,0 @@
1
- .twui-dark{--twui-color-primary: #263238;--twui-color-primary-dark: #000a12;--twui-color-primary-light: #4f5b62;--twui-color-secondary: #37474f;--twui-color-secondary-dark: #102027;--twui-color-secondary-light: #62727b;--twui-color-on-primary: #fff;--twui-color-on-secondary: #fff;--twui-color-accent: #f9AA33}.twui-light{--twui-color-primary: #fafafa;--twui-color-primary-dark: #c7c7c7;--twui-color-primary-light: #ffffff;--twui-color-secondary: #cfd8dc;--twui-color-secondary-dark: #9ea7aa;--twui-color-secondary-light: #ffffff;--twui-color-on-primary: #000000;--twui-color-on-secondary: #000000;--twui-color-accent: #2196f3}.twui-root{background-color:#344955;background-color:var(--twui-color-primary, #344955);color:#e0e5e7;color:var(--twui-color-on-primary, #E0E5E7);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:.75rem;padding:0;margin:0;width:20rem;flex:auto 0 0;overflow:auto;overflow-x:hidden;box-sizing:border-box}.twui-root::-webkit-scrollbar{width:.5rem}.twui-root::-webkit-scrollbar-track{background-color:#344955;background-color:var(--twui-color-primary, #344955)}.twui-root::-webkit-scrollbar-thumb{border-width:1px;border-style:solid;transition:background-color .2s ease-in-out;background-color:#344955;background-color:var(--twui-color-primary, #344955);border-color:#0b222c;border-color:var(--twui-color-primary-dark, #0b222c)}.twui-root::-webkit-scrollbar-thumb:hover{background-color:#4a6572;background-color:var(--twui-color-secondary, #4A6572)}.twui-root label{user-select:none}.twui-root select,.twui-root button,.twui-root a{cursor:pointer}.twui-root input:not([type=checkbox]),.twui-root button,.twui-root select{background-color:#4a6572;background-color:var(--twui-color-secondary, #4A6572);color:#e0e5e7;color:var(--twui-color-on-secondary, #E0E5E7);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;outline:none;border:none;box-sizing:border-box;height:1.25rem;line-height:1.25rem;padding:0rem .25rem;margin:.125rem}.twui-root button{line-height:.75rem;padding:.25rem .5rem;margin:.125rem;font-weight:400;text-align:center;white-space:nowrap}.twui-root button,.twui-root select,.twui-root input:not([type=checkbox]),.twui-root .twui-progress{border-bottom:1px solid;border-color:#0b222c;border-color:var(--twui-color-primary-dark, #0b222c);transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.twui-root button:hover,.twui-root button.checked,.twui-root select:hover,.twui-root select.checked,.twui-root input:not([type=checkbox]):hover,.twui-root input:not([type=checkbox]).checked,.twui-root .twui-progress:hover,.twui-root .twui-progress.checked{background-color:#7793a1;background-color:var(--twui-color-secondary-light, #7793a1);border-color:#203b47;border-color:var(--twui-color-secondary-dark, #203b47)}.twui-root button:focus,.twui-root button.checked,.twui-root select:focus,.twui-root select.checked,.twui-root input:not([type=checkbox]):focus,.twui-root input:not([type=checkbox]).checked,.twui-root .twui-progress:focus,.twui-root .twui-progress.checked{outline:none;border-color:#f9aa33;border-color:var(--twui-color-accent, #f9AA33)}.twui-root button:disabled,.twui-root button .disabled,.twui-root select:disabled,.twui-root select .disabled,.twui-root input:not([type=checkbox]):disabled,.twui-root input:not([type=checkbox]) .disabled,.twui-root .twui-progress:disabled,.twui-root .twui-progress .disabled{opacity:.5;cursor:not-allowed}.twui-root .disabled{opacity:.5;cursor:not-allowed}.twui-root select:focus,.twui-root input:not([type=checkbox]):focus{color:#f9aa33;color:var(--twui-color-accent, #f9AA33)}.twui-root input[type=number]{padding-right:0}.twui-angle{display:flex;flex-direction:row;align-items:flex-start}.twui-angle .left-container{flex:1}.twui-angle .right-container{flex:none;display:grid;grid-template-columns:max-content max-content}.twui-angle .right-container .twui-checkbox{grid-column:span 2}.twui-angle .right-container .twui-checkbox input{margin-left:0}.twui-angle label{text-align:right;line-height:1.5rem;padding:0 .25rem}.twui-angle input[type=number]{width:3.5rem}.twui-angle .pane{position:relative;width:100%;padding-top:100%}.twui-angle .pane::before{position:absolute;content:"";width:calc(100% - 2rem);height:calc(100% - 2rem);left:1rem;top:1rem;border:1px solid;border-radius:50%;border-color:#5f7481;border-color:var(--twui-color-primary-light, #5f7481);box-sizing:border-box;background-image:conic-gradient(var(--twui-color-primary-light, #5f7481) var(--angle-percent), transparent 0);transform:scaleX(-1) rotate(180deg)}.twui-angle .angle-knob{border:0px solid transparent;border-radius:100%;background-color:#5f7481;background-color:var(--twui-color-primary-light, #5f7481)}.twui-angle .angle-knob:hover{background-color:#7793a1;background-color:var(--twui-color-secondary-light, #7793a1)}.twui-angle .angle-pane.is-dragging .angle-knob{background-color:#f9aa33;background-color:var(--twui-color-accent, #f9AA33)}.twui-checkbox{min-height:1.25rem;line-height:1.25rem;display:flex;flex-direction:row;align-items:center;margin:0;padding:0;cursor:pointer;transition:background-color .2s ease-in-out}.twui-checkbox:hover{background-color:#4a6572;background-color:var(--twui-color-secondary, #4A6572)}.twui-checkbox input{margin-right:1ch;margin-left:1ch}.twui-color-picker{flex:auto 1 1;display:flex;flex-direction:row}.twui-color-picker .color-picker-panel{flex:1;position:relative;margin:.125rem}.twui-color-picker .color-picker-inputs{flex:none;display:flex;flex-direction:column}.twui-color-picker .color-picker-inputs .input-r{border-color:red}.twui-color-picker .color-picker-inputs .input-g{border-color:lime}.twui-color-picker .color-picker-inputs .input-b{border-color:blue}.twui-color-picker .color-picker-inputs .input-a{border-image:linear-gradient(to right, #fff, transparent)}.twui-color-picker .color-picker-inputs .input-hex{border-color:#000}.twui-color-picker .color-picker-inputs input{display:block;width:4rem;flex:none}.twui-color-picker .color-picker-sv:focus,.twui-color-picker .color-picker-h:focus,.twui-color-picker .color-picker-a:focus{outline:none;border-color:#f9aa33;border-color:var(--twui-color-accent, #f9AA33)}.twui-color-picker .color-picker-sv{width:100%;padding-top:100%;position:relative;box-sizing:border-box;cursor:crosshair;z-index:1;border-bottom:1px solid;border-color:#0b222c;border-color:var(--twui-color-primary-dark, #0b222c)}.twui-color-picker .color-picker-sv-bg{position:absolute;top:0;left:0;right:0;bottom:0}.twui-color-picker .color-picker-sv-cursor{box-sizing:border-box;position:absolute;width:10px;height:10px;margin-top:-5px;margin-left:-5px;border:1px solid #fff;border-radius:5px;box-shadow:0px 0px 2px 1px rgba(0,0,0,.75)}.twui-color-picker .color-picker-h,.twui-color-picker .color-picker-a{position:relative;height:1rem;box-sizing:border-box;cursor:ew-resize;margin-top:.25rem;border-bottom:1px solid;border-color:#0b222c;border-color:var(--twui-color-primary-dark, #0b222c)}.twui-color-picker .color-picker-h-cursor,.twui-color-picker .color-picker-a-cursor{position:absolute;width:4px;height:calc(1rem - 2px);margin-left:-3px;border:1px solid #fff;border-radius:2px;box-shadow:0px 0px 2px 1px rgba(0,0,0,.75)}.twui-color-picker .color-picker-a{background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),linear-gradient(to right, grey 50%, white 50%),linear-gradient(to bottom, grey 50%, white 50%);background-blend-mode:normal,difference,normal;background-size:1rem 1rem}.twui-color-picker .color-picker-a-bg{position:absolute;top:0;left:0;right:0;bottom:0}.twui-color-picker .color-picker-sv,.twui-color-picker .color-picker-h,.twui-color-picker .color-picker-a{border-color:#0b222c;border-color:var(--twui-color-primary-dark, #0b222c)}.twui-color{flex:auto 1 1;display:flex;flex-direction:column;align-items:stretch}.twui-color button{text-shadow:0 0 10px #000;color:#fff;font-weight:bold;text-transform:uppercase}.twui-container{display:flex;display:flex;flex-flow:column nowrap;align-items:stretch}.twui-container-horizontal{flex-direction:row}.twui-container-horizontal>*{flex:1}.twui-group{display:flex;flex-flow:column nowrap;align-items:stretch;border-color:#0b222c;border-color:var(--twui-color-primary-dark, #0b222c)}.twui-group-title{margin:0;width:auto;height:1.5rem;line-height:1.5rem;background-color:#0b222c;background-color:var(--twui-color-primary-dark, #0b222c);padding-left:.25rem}.twui-group-collapsible .twui-group-title{padding-left:0;cursor:pointer}.twui-group-collapsible>.twui-group-title::before{content:"▶";display:inline-block;width:1.5rem;height:1.5rem;text-align:center;transition:transform .1s ease-in-out;transform:rotateZ(90deg)}.twui-group-inset,.twui-group-collapsible>.twui-group-collapsible{border-left:.25rem solid;border-left-color:#5f7481;border-left-color:var(--twui-color-primary-light, #5f7481)}.twui-group-collapsed>.twui-group-title::before{transform:rotateZ(0deg)}.twui-group-control{display:flex;flex-flow:row nowrap;align-items:stretch;min-height:1.5rem;box-sizing:border-box}.twui-group-control>label:first-child{flex:none;box-sizing:border-box;width:6.5rem;min-width:6.5rem;min-height:1.25rem;line-height:1.25rem;padding:0rem .25rem;margin:.125rem;overflow:hidden}.twui-group-control>section{flex:1;display:flex;flex-flow:column nowrap;align-items:stretch}.twui-image{max-width:100%;display:block}.twui-image img{width:100%}.twui-image-aspect{position:relative}.twui-image-aspect::before{content:"";display:block;width:100%;padding-top:100%;padding-top:var(--twui-aspect)}.twui-image-aspect img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;object-fit:var(--twui-fit)}.twui-number,.twui-slider{display:flex;flex-flow:row nowrap;align-items:stretch}.twui-number input{flex:1}.twui-slider .twui-progress{flex:1;display:flex;margin:.125rem;cursor:ew-resize;transition:background-color .2s ease-in-out;background-color:#4a6572;background-color:var(--twui-color-secondary, #4A6572)}.twui-slider .twui-progress:hover{background-color:#203b47;background-color:var(--twui-color-secondary-dark, #203b47)}.twui-slider .twui-progress.disabled{cursor:not-allowed}.twui-slider .twui-progress-bar{background-color:#7793a1;background-color:var(--twui-color-secondary-light, #7793a1)}.twui-slider input[type=number]{flex:none;width:3.5rem}.twui-point{background-color:#4a6572;background-color:var(--twui-color-secondary, #4A6572);border-color:#0b222c;border-color:var(--twui-color-primary-dark, #0b222c);background-image:linear-gradient(#5f7481 1px, transparent 1px),linear-gradient(90deg, #5f7481 1px, transparent 1px);background-image:linear-gradient(var(--twui-color-primary-light, #5f7481) 1px, transparent 1px),linear-gradient(90deg, var(--twui-color-primary-light, #5f7481) 1px, transparent 1px);background-size:10% 10%,10% 10%;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;position:relative;width:100%;padding-top:100%;box-sizing:border-box;cursor:crosshair;z-index:1;overflow:visible}.twui-point .point-x-axis,.twui-point .point-y-axis{background-color:#0b222c;background-color:var(--twui-color-primary-dark, #0b222c)}.twui-point:focus{border-color:#f9aa33;border-color:var(--twui-color-accent, #f9AA33);outline:none}.twui-point:focus .point-x-axis,.twui-point:focus .point-y-axis{background-color:#f9aa33;background-color:var(--twui-color-accent, #f9AA33)}.twui-spherical{display:flex;flex-direction:row;align-items:flex-start}.twui-spherical .left-container{flex:1}.twui-spherical .right-container{flex:none;display:grid;grid-template-columns:max-content max-content}.twui-spherical .right-container .twui-checkbox{grid-column:span 2}.twui-spherical .right-container .twui-checkbox input{margin-left:0}.twui-spherical label{text-align:right;line-height:1.5rem;padding:0 .25rem}.twui-spherical input[type=number]{width:3.5rem}.twui-spherical .pane{position:relative;width:100%;padding-top:100%}.twui-spherical .pane::before{position:absolute;content:"";width:calc(100% - 2rem);height:calc(100% - 2rem);left:1rem;top:1rem;border:1px solid;border-radius:50%;border-color:#5f7481;border-color:var(--twui-color-primary-light, #5f7481);box-sizing:border-box}.twui-spherical .pane::after{position:absolute;content:"";top:50%;left:50%;width:calc(50% - 1rem);height:1px;background-color:#5f7481;background-color:var(--twui-color-primary-light, #5f7481);transform-origin:left center;transform:rotate(var(--spherical-phi))}.twui-spherical .phi-knob{border:0px solid transparent;border-radius:100%;background-color:#5f7481;background-color:var(--twui-color-primary-light, #5f7481)}.twui-spherical .phi-knob:hover{background-color:#7793a1;background-color:var(--twui-color-secondary-light, #7793a1)}.twui-spherical .phi-pane.is-dragging .phi-knob{background-color:#f9aa33;background-color:var(--twui-color-accent, #f9AA33)}.twui-spherical .theta-knob{border:1px solid transparent;border-radius:100%;border-color:#5f7481;border-color:var(--twui-color-primary-light, #5f7481)}.twui-spherical .theta-knob:hover{border-color:#7793a1;border-color:var(--twui-color-secondary-light, #7793a1)}.twui-spherical .theta-pane.is-dragging .theta-knob{border-color:#f9aa33;border-color:var(--twui-color-accent, #f9AA33)}.twui-tabs{display:flex;flex-flow:column nowrap;align-items:stretch;border-color:#0b222c;border-color:var(--twui-color-primary-dark, #0b222c)}.twui-tabs-list{display:flex;flex-flow:row wrap;align-items:stretch}.twui-tabs-list>button{flex:auto 1 11;border:0;border-top:1px solid;margin:0;height:1.5rem;line-height:1rem;background-color:#0b222c;background-color:var(--twui-color-primary-dark, #0b222c);border-color:#344955;border-color:var(--twui-color-primary, #344955);color:#e0e5e7;color:var(--twui-color-on-primary, #E0E5E7)}.twui-tabs-list>button:hover{background-color:#344955;background-color:var(--twui-color-primary, #344955);border-color:#0b222c;border-color:var(--twui-color-primary-dark, #0b222c)}.twui-tabs-list>button.is-active{background-color:#344955;background-color:var(--twui-color-primary, #344955);border-color:#f9aa33;border-color:var(--twui-color-accent, #f9AA33)}.twui-position{display:flex;flex-flow:row wrap;align-items:stretch}.twui-position>*{flex:auto 1 1}/*# sourceMappingURL=tweak-ui.min.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/style/_themes.scss","../src/style/_style.scss","../src/style/_utils.scss","../src/style/_variables.scss","../src/style/controls/_angle.scss","../src/style/controls/_checkbox.scss","../src/style/controls/_color-picker.scss","../src/style/controls/_color.scss","../src/style/controls/_container.scss","../src/style/controls/_group.scss","../src/style/controls/_image.scss","../src/style/controls/_number.scss","../src/style/controls/_point.scss","../src/style/controls/_spherical.scss","../src/style/controls/_tabs.scss","../src/style/controls/_position.scss"],"names":[],"mappings":"CAAA,WACE,8BACA,mCACA,oCACA,gCACA,qCACA,sCACA,8BACA,gCACA,6BAGF,YACE,8BACA,mCACA,oCACA,gCACA,qCACA,sCACA,iCACA,mCACA,6BCrBF,WCqBE,yBACA,oDADA,cACA,4CDlBA,YEM4B,4IFL5B,UES4B,OFR5B,UACA,SACA,YACA,cACA,cACA,kBACA,sBAMA,8BACE,YAGF,oCCDA,yBACA,oDDIA,oCACE,iBACA,mBACA,4CCRF,yBACA,oDADA,qBACA,qDDYA,0CCbA,yBACA,sDDoBA,iBACE,iBAGF,iDACE,eAGF,0EC7BA,yBACA,sDADA,cACA,8CDkCE,wBACA,qBACA,gBACA,gBACA,aACA,YACA,sBAEA,eACA,oBACA,oBACA,OElDK,QFqDP,kBACE,mBACA,qBACA,OExDK,QF0DL,gBACA,kBACA,mBAGF,oGACE,wBC5DF,qBACA,qDD6DE,yEAEA,gQChEF,yBACA,4DADA,qBACA,uDDqEE,gQAEE,aCxEJ,qBACA,+CD2EE,oRAEE,WACA,mBAIJ,qBACE,WACA,mBAIA,oECzFF,cACA,wCD6FA,8BACE,gBGpHJ,YACE,aACA,mBACA,uBAEA,4BACE,OAGF,6BACE,UACA,aACA,8CAEA,4CACE,mBACA,kDACE,cAKN,kBACE,iBACA,YDRU,OCSV,iBAEF,+BACE,aAGF,kBACE,kBACA,WACA,iBACA,0BACE,kBACA,WACA,wBACA,yBACA,UACA,SACA,iBACA,kBFtBJ,qBACA,sDEuBI,sBACA,8GACA,oCAIJ,wBACE,6BACA,mBFhCF,yBACA,0DEkCE,8BFnCF,yBACA,4DEsCA,gDFvCA,yBACA,mDGtBF,eACE,mBACA,oBACA,aACA,mBACA,mBAEA,SACA,UACA,eACA,4CAEA,qBHSA,yBACA,sDGRA,qBACE,iBACA,gBCfJ,mBACE,cACA,aACA,mBAEA,uCACE,OACA,kBACA,OHQK,QGLP,wCACE,UACA,aACA,sBAEA,iDACE,iBAEF,iDACE,kBAEF,iDACE,kBAEF,iDACE,0DAEF,mDACE,kBAGF,8CACE,cACA,WACA,UAOF,4HACE,aJvBJ,qBACA,+CI2BA,oCACE,WACA,iBACA,kBACA,sBACA,iBACA,UACA,wBJnCF,qBACA,qDIqCA,uCACE,kBACA,MACA,OACA,QACA,SAEF,2CACE,sBACA,kBACA,WACA,YACA,gBACA,iBACA,sBACA,kBACA,2CAGF,sEAEE,kBACA,YACA,sBACA,iBACA,kBACA,wBJhEF,qBACA,qDImEA,oFAEE,kBACA,UACA,wBACA,iBACA,sBACA,kBACA,2CAGF,mCACE,iBACkB,6JAIlB,+CACA,0BAGF,sCACE,kBACA,MACA,OACA,QACA,SAGF,0GJjGA,qBACA,qDKrBF,YACE,cACA,aACA,sBACA,oBAEA,mBACE,0BACA,WACA,iBACA,yBCXJ,gBACE,aACA,aACA,wBACA,oBAGF,2BACE,mBACA,6BACE,OCVJ,YACE,aACA,wBACA,oBPkBA,qBACA,qDOdF,kBACE,SACA,WACA,ONKY,OMJZ,YNIY,ODKZ,yBACA,yDORA,oBAGF,0CACE,eACA,eAGF,kDACE,YACA,qBACA,MNTY,OMUZ,ONVY,OMWZ,kBACA,qCACA,yBAGF,kEAEE,yBPbA,0BACA,2DOgBF,gDACE,wBAGF,oBACE,aACA,qBACA,oBACA,WN9BY,OM+BZ,sBAEA,sCACE,UACA,sBACA,aACA,iBACA,mBACA,oBACA,oBACA,ONxCK,QM0CL,gBAGF,4BACE,OACA,aACA,wBACA,oBClEJ,YACE,eACA,cACA,gBACE,WAIJ,mBACE,kBACA,2BACE,WACA,cACA,WACA,iBACA,+BAEF,uBACE,kBACA,MACA,OACA,WACA,YACA,gBACA,2BCxBJ,0BAEE,aACA,qBACA,oBAGF,mBACE,OAIA,4BACE,OACA,aACA,OREK,QQDL,iBACA,4CTIF,yBACA,sDSFE,kCTCF,yBACA,2DSGA,qCACE,mBAGF,gCTRA,yBACA,4DSWA,gCACE,UACA,aClCJ,YVoBE,yBACA,sDADA,qBACA,qDUlBA,iBACE,mGAEF,iBACE,qKAEF,gCACA,yEAEA,kBACA,WACA,iBACA,sBACA,iBACA,UAEA,iBAEA,oDVDA,yBACA,yDUKA,kBVNA,qBACA,+CUWE,aALA,gEVPF,yBACA,mDWtBF,gBACE,aACA,mBACA,uBAEA,gCACE,OAGF,iCACE,UACA,aACA,8CAEA,gDACE,mBACA,sDACE,cAKN,sBACE,iBACA,YVRU,OUSV,iBAEF,mCACE,aAGF,sBACE,kBACA,WACA,iBACA,8BACE,kBACA,WACA,wBACA,yBACA,UACA,SACA,iBACA,kBXtBJ,qBACA,sDWuBI,sBAGF,6BACE,kBACA,WACA,QACA,SACA,uBACA,WXjCJ,yBACA,0DWkCI,6BACA,uCAIJ,0BACE,6BACA,mBX1CF,yBACA,0DW4CE,gCX7CF,yBACA,4DWgDA,gDXjDA,yBACA,mDWoDA,4BACE,6BACA,mBXvDF,qBACA,sDWyDE,kCX1DF,qBACA,wDW6DA,oDX9DA,qBACA,+CYrBF,WACE,aACA,wBACA,oBZiBA,qBACA,qDYbF,gBACE,aACA,mBACA,oBAGF,uBACE,eACA,SACA,qBACA,SAEA,OXLY,OWMZ,iBZDA,yBACA,yDADA,qBACA,gDADA,cACA,4CYMA,6BZPA,yBACA,oDADA,qBACA,qDYWA,iCZZA,yBACA,oDADA,qBACA,+CatBF,eACE,aACA,mBACA,oBAEA,iBACE","file":"tweak-ui.min.css"}