@antimatter-audio/antimatter-ui 10.1.0 → 10.1.1

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 (48) hide show
  1. package/dist/advanced/PresetManager/PresetManager.d.ts.map +1 -1
  2. package/dist/index.js +57 -62
  3. package/dist/index.js.map +1 -1
  4. package/dist/src/advanced/PresetManager/PresetManager.d.ts.map +1 -1
  5. package/dist/src/hooks/useCombobox.d.ts.map +1 -1
  6. package/dist/src/hooks/useSlider.d.ts.map +1 -1
  7. package/package.json +1 -1
  8. package/dist/advanced/IconButton/IconButton.d.ts +0 -55
  9. package/dist/advanced/IconButton/IconButton.d.ts.map +0 -1
  10. package/dist/advanced/KeyValueDisplayScreen/KeyValueDisplayScreen.d.ts +0 -12
  11. package/dist/advanced/KeyValueDisplayScreen/KeyValueDisplayScreen.d.ts.map +0 -1
  12. package/dist/advanced/ModuleFooter/ModuleFooter.d.ts +0 -7
  13. package/dist/advanced/ModuleFooter/ModuleFooter.d.ts.map +0 -1
  14. package/dist/advanced/Oscilloscope/Oscilloscope.d.ts +0 -12
  15. package/dist/advanced/Oscilloscope/Oscilloscope.d.ts.map +0 -1
  16. package/dist/assets/bundle-WiH_IP0c.css +0 -192
  17. package/dist/assets/bundle-pfepV2k0.css +0 -206
  18. package/dist/context/GlobalContextProvider.d.ts +0 -20
  19. package/dist/context/GlobalContextProvider.d.ts.map +0 -1
  20. package/dist/core/Box/Box.d.ts +0 -52
  21. package/dist/core/Box/Box.d.ts.map +0 -1
  22. package/dist/core/Box/types.d.ts +0 -29
  23. package/dist/core/Box/types.d.ts.map +0 -1
  24. package/dist/core/Button/Button.d.ts +0 -26
  25. package/dist/core/Button/Button.d.ts.map +0 -1
  26. package/dist/core/Indicators/IndicatorLight.d.ts +0 -12
  27. package/dist/core/Indicators/IndicatorLight.d.ts.map +0 -1
  28. package/dist/core/Indicators/hooks/useIndicator.d.ts +0 -8
  29. package/dist/core/Indicators/hooks/useIndicator.d.ts.map +0 -1
  30. package/dist/core/Matrix/Matrix.d.ts +0 -13
  31. package/dist/core/Matrix/Matrix.d.ts.map +0 -1
  32. package/dist/core/Slider/BarSlider.d.ts +0 -30
  33. package/dist/core/Slider/BarSlider.d.ts.map +0 -1
  34. package/dist/core/Slider/RotarySlider.d.ts +0 -29
  35. package/dist/core/Slider/RotarySlider.d.ts.map +0 -1
  36. package/dist/core/Tabs/Tabs.d.ts +0 -19
  37. package/dist/core/Tabs/Tabs.d.ts.map +0 -1
  38. package/dist/hooks/useCombobox.d.ts +0 -15
  39. package/dist/hooks/useCombobox.d.ts.map +0 -1
  40. package/dist/hooks/useObservable.d.ts +0 -9
  41. package/dist/hooks/useObservable.d.ts.map +0 -1
  42. package/dist/hooks/useRandom.d.ts +0 -1
  43. package/dist/hooks/useRandom.d.ts.map +0 -1
  44. package/dist/hooks/useSlider.d.ts +0 -21
  45. package/dist/hooks/useSlider.d.ts.map +0 -1
  46. package/dist/index.css +0 -262
  47. package/dist/src/hooks/useRandomise.d.ts +0 -3
  48. package/dist/src/hooks/useRandomise.d.ts.map +0 -1
package/dist/index.css DELETED
@@ -1,262 +0,0 @@
1
- @import 'tailwindcss';
2
- @import 'tailwindcss/preflight';
3
- @import 'tailwindcss/utilities';
4
-
5
- @theme static {
6
- --color-brand: #bb68d9;
7
- --color-alert: #8a0101;
8
- --color-text: #bab6cf;
9
- --color-gray-100: #c7c3de;
10
- --color-gray-200: #9a96ab;
11
- --color-gray-300: #838091;
12
- --color-gray-400: #595763;
13
- --color-gray-500: #4c4a54;
14
- --color-gray-600: #2e2c33;
15
- --color-gray-700: #1e1d21;
16
- --color-gray-800: #101012;
17
-
18
- --color-VFDBlue-100: #0d3814;
19
- --color-VFDBlue-200: #234e4a;
20
- --color-VFDBlue-300: #128073;
21
- --color-VFDBlue-400: #138c6e;
22
- --color-VFDBlue-500: #1abe95;
23
- --color-VFDBlue-600: #23d8a4;
24
- --color-VFDBlue-700: #4aeea4;
25
- --color-VFDBlue-1000: #35edb4;
26
- --m-none: 0px;
27
- --m-xs: 2px;
28
- --m-sm: 4px;
29
- --m-ms: 6px;
30
- --m-md: 8px;
31
- --m-ml: 12px;
32
- --m-lg: 16px;
33
- --m-xl: 20px;
34
- --p-none: 0px;
35
- --p-xs: 2px;
36
- --p-sm: 4px;
37
- --p-ms: 6px;
38
- --p-md: 8px;
39
- --p-ml: 12px;
40
- --p-lg: 16px;
41
- --p-xl: 20px;
42
- --bg-page: #1e1d21;
43
- --bg-section: #1e1d21;
44
- --bg-popover: #101012;
45
- --bg-highlighted: #838091;
46
- --bg-muted: #595763;
47
- --bg-selected: #999999;
48
- --bg-input: #1e1d21;
49
- --font-leagueSpartan: 'LeagueSpartan';
50
- }
51
-
52
- @font-face {
53
- font-family: LeagueSpartan;
54
- src: url('./common/assets/fonts/LeagueSpartan-Regular.ttf');
55
- }
56
-
57
- @font-face {
58
- font-family: LeagueSpartan;
59
- src: url('./common/assets/fonts/LeagueSpartan-Thin.ttf');
60
- font-weight: lighter;
61
- }
62
-
63
- .FOOOOO {
64
- background: red;
65
- }
66
-
67
- .Tabs {
68
- display: flex;
69
- font-size: 1rem;
70
- align-items: center;
71
- justify-content: center;
72
- vertical-align: middle;
73
- white-space: nowrap;
74
- text-decoration: none;
75
- text-transform: uppercase;
76
- text-align: center;
77
- border: 0;
78
- appearance: none;
79
- user-select: none;
80
- };
81
-
82
- .Tabs-Item {
83
- font-size: 1rem;
84
- display: flex;
85
- align-items: center;
86
- justify-content: center;
87
- margin-right: 1px;
88
- cursor: pointer;
89
- vertical-align: middle;
90
- white-space: nowrap;
91
- text-decoration: none;
92
- text-transform: uppercase;
93
- text-align: center;
94
- border: 0;
95
- appearance: none;
96
- user-select: none;
97
- &:hover, &:focus-visible {
98
- outline: none;
99
- }
100
- &:disabled {
101
- cursor: not-allowed;
102
- }
103
- }
104
- .Button {
105
- font-size: var(--text-xs);
106
- display: flex;
107
- align-items: center;
108
- justify-content: center;
109
- padding-right: var(--spacing-ms);
110
- padding-left: var(--spacing-ms);
111
- cursor: pointer;
112
- vertical-align: middle;
113
- white-space: nowrap;
114
- text-decoration: none;
115
- text-align: enter;
116
- border: 0;
117
- appearance: none;
118
- user-select: none;
119
- &.xSmall {
120
- width: var(--spacing-ml);
121
- height: var(--spacing-ml);
122
- };
123
- &.small {
124
- height: var(--spacing-l);
125
- font-size: var(--text-xs);
126
- min-width: '1rem';
127
- min-height: '1rem';
128
- border-radius: var(--radius-sm);
129
- };
130
- &.large {
131
- border-radius: var(--radius-sm);
132
- height: var(--spacing-xl);
133
- min-width: '1rem';
134
- min-height: '1rem';
135
- }
136
- };
137
-
138
- .Dropdown {
139
- font-size: var(--text-xs);
140
- display: flex;
141
- align-items: center;
142
- justify-content: center;
143
- padding: var(--spacing-l);
144
- cursor: pointer;
145
- vertical-align: middle;
146
- white-space: nowrap;
147
- text-decoration: none;
148
- text-transform: uppercase;
149
- text-align: center;
150
- border: 0;
151
- border-radius: var(--radius-sm);
152
- appearance: none;
153
- user-select: none;
154
- height: var(--spacing-xl);
155
- background: var(--bg-input);
156
- color: var(--color-text);
157
- &:hover, &:focus, &:active {
158
- outline: none;
159
- background-color: var(--bg-highlighted);
160
- }
161
- &:disabled {
162
- cursor: not-allowed;
163
- background-color: var(--bg-muted);
164
- };
165
- &[data-selected] {
166
- background-color: var(--bg-selected);
167
- };
168
- };
169
-
170
-
171
- .Dropdown-item {
172
- background-color: var(--bg-popover);
173
- padding: var(--spacing-l);
174
- cursor: pointer;
175
- &:hover {
176
- background-color: var(--bg-highlighted);
177
- };
178
- &[data-selected] {
179
- background-color: var(--bg-selected);
180
- }
181
- }
182
-
183
- .TextInput {
184
- &::-moz-selection {
185
- background: 'transparent',
186
- }
187
- &::selection {
188
- background: 'transparent',
189
- }
190
- }
191
-
192
- .RotarySlider {
193
- position: relative;
194
- height: 50px;
195
- width: 50px;
196
- border-radius: 50%;
197
- aspect-ratio: 1 / 1;
198
- background-color: var(--bg-input);
199
- };
200
-
201
- .RotarySlider-Inner {
202
- background-color: var(--bg-input);
203
- height: '100%';
204
- width: '100%';
205
- right: 0;
206
- top: 0;
207
- bottom: 0;
208
- left: 0;
209
- border-radius: '50%';
210
- };
211
-
212
-
213
- .RotarySlider-Indicator {
214
- background-color: var(--bg-popover);
215
- position: absolute;
216
- top: 0;
217
- right: 0;
218
- left: 50%;
219
- width: var(--spacing-xs);
220
- height: 50%;
221
- transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1),
222
- };
223
-
224
- .RotarySlider-center-marker {
225
- border-color: var(--bg-popover) transparent var(--bg-popover) transparent;
226
- width: 0;
227
- height: 0;
228
- border-style: solid;
229
- border-width: 0 7px 10px 7px;
230
- transform: rotate(180deg);
231
- padding-bottom: var(--spacing-sm);
232
- };
233
- .Oscilloscope {
234
- background: #0EAC8B;
235
- box-shadow: inset 0 0 20px #086350;
236
- height: 200px;
237
- };
238
- .ModuleHeader {
239
- background-color: var(--bg-section);
240
- font-weight: normal;
241
- }
242
-
243
- .FOOOOO {
244
- background: red;
245
- }
246
-
247
- .ModuleHeader-Name {
248
- font-size: var(--text-lg);
249
- letter-spacing: 4px;
250
- text-transform: uppercase;
251
- font-weight: lighter;
252
- height: 1.75rem;
253
- color: var(--color-brand);
254
- }
255
-
256
- .ModuleHeader-Subheading {
257
- font-size: var(--text-xs);
258
- font-weight: lighter;
259
- letter-spacing: 2.25px;
260
- text-transform: uppercase;
261
- color: var(--color-brand);
262
- }
@@ -1,3 +0,0 @@
1
- declare const useRandomise: (min: number, max: number) => number;
2
- export default useRandomise;
3
- //# sourceMappingURL=useRandomise.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useRandomise.d.ts","sourceRoot":"","sources":["../../../src/hooks/useRandomise.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,GAAI,KAAK,MAAM,EAAE,KAAK,MAAM,WAE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}