@tialro2/rnbokit 1.0.15 → 1.0.18

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 (21) hide show
  1. package/README.md +242 -242
  2. package/dist/RNBO.css +113 -113
  3. package/dist/RNBO.svelte +230 -230
  4. package/dist/RNBOcomponents/AudioDropIn.svelte +125 -125
  5. package/dist/RNBOcomponents/ExtMidiIn.svelte +85 -85
  6. package/dist/RNBOcomponents/ExtMidiOut.svelte +85 -85
  7. package/dist/RNBOcomponents/MicIn.svelte +80 -80
  8. package/dist/RNBOcomponents/RNBOInlet.svelte +66 -66
  9. package/dist/RNBOcomponents/RNBOInport.svelte +21 -21
  10. package/dist/RNBOcomponents/RNBOMidiIn.svelte +63 -63
  11. package/dist/RNBOcomponents/RNBOMidiOut.svelte +22 -22
  12. package/dist/RNBOcomponents/RNBOOutport.svelte +36 -36
  13. package/dist/RNBOcomponents/RNBOParam.svelte +37 -37
  14. package/dist/RNBOcomponents/XYMidiIn.svelte +93 -93
  15. package/dist/UIcomponents/Controls.svelte +12 -12
  16. package/dist/UIcomponents/FileDropZone.svelte +118 -118
  17. package/dist/UIcomponents/ProgressBar.svelte +35 -35
  18. package/dist/UIcomponents/RadioGroup.svelte +27 -27
  19. package/dist/UIcomponents/RadioItem.svelte +96 -96
  20. package/dist/index.js +20 -20
  21. package/package.json +10 -10
package/dist/RNBO.css CHANGED
@@ -1,113 +1,113 @@
1
- /* RNBO.css */
2
- body {
3
- font-family: var(--local-font-family);
4
- color: rgb(var(--local-font-color));
5
- accent-color: rgb(var(--local-accent-color));
6
- background-color: rgb(var(--local-bg-color));
7
- }
8
- h1 {
9
- /* @apply text-4xl p-2 m-2 font-bold; */
10
- font-size: 2.25rem; /* 36px */
11
- line-height: 2.5rem; /* 40px */
12
- font-weight: 700;
13
- padding: 0.5rem;
14
- margin: 0.5rem;
15
- }
16
- h2 {
17
- /* @apply text-2xl p-2 m-2 font-bold; */
18
- font-size: 1.5rem; /* 24px */
19
- line-height: 2rem; /* 32px */
20
- font-weight: 700;
21
- padding: 0.5rem;
22
- margin: 0.5rem;
23
- }
24
- .RNBOtext {
25
- /* @apply p-2 m-2; */
26
- padding-top: 0.5rem;
27
- padding-bottom: 0.5rem;
28
- margin-top: 0.5rem;
29
- margin-bottom: 0.5rem;
30
- }
31
- .RNBOsection {
32
- box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5);
33
- padding: 1rem;
34
- margin: 1rem;
35
- border-radius: var(--local-rounded-container);
36
- background-image: linear-gradient(rgb(0 0 0/5%) 0 0);
37
- }
38
- .RNBOcomponent {
39
- /* @apply p-2 m-2; */
40
- padding: 1rem;
41
- margin: 1rem;
42
- }
43
- .RNBOsubcomponent {
44
- /* @apply p-2 m-2; */
45
- padding-top: 0.5rem;
46
- padding-bottom: 0.5rem;
47
- margin-top: 0.5rem;
48
- margin-bottom: 0.5rem;
49
- }
50
- .RNBOtag {
51
- /* @apply font-bold; */
52
- font-weight: 700;
53
- padding-top: 0.25rem;
54
- padding-bottom: 0.25rem;
55
- margin-top: 0.25rem;
56
- margin-bottom: 0.25rem;
57
- }
58
- .RNBOval {
59
- /* @apply text-xs; */
60
- font-size: 0.75rem; /* 12px */
61
- line-height: 1rem; /* 16px */
62
- }
63
- .RNBOalign {
64
- /* @apply flex justify-between items-center */
65
- display: flex;
66
- justify-content: space-between;
67
- align-items: center;
68
- padding-top: 0.5rem;
69
- padding-bottom: 0.5rem;
70
- margin-top: 0.5rem;
71
- margin-bottom: 0.5rem;
72
- }
73
- .RNBOslider {
74
- width: 100%;
75
- cursor: pointer;
76
- /* transition: var(--local-animation) var(--local-animation-duration); */
77
- /* transition-timing-function: var(--local-animation-function); */
78
- }
79
- .RNBOplaceholder {
80
- background-color: rgba(var(--local-surface-color), 0.2);
81
- border-radius: var(--local-rounded-base);
82
- height: 2rem;
83
- padding: 0.5rem;
84
- margin: 0.5rem;
85
- animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
86
- }
87
-
88
- @keyframes pulse {
89
- 0%,
90
- 100% {
91
- opacity: 1;
92
- }
93
- 50% {
94
- opacity: 0.5;
95
- }
96
- }
97
- :root {
98
- /* =~= Theme Properties =~= */
99
- --local-font-family: var(--theme-font-family, system-ui);
100
- /* --theme-font-color-dark: 255 255 255; */
101
- --local-rounded-base: var(--theme-rounded-base, 20px);
102
- --local-rounded-container: var(--theme-rounded-container, 6px);
103
- --local-border-base: var(--theme-border-base, 1px);
104
- /* =~= Color Properties =~= */
105
- --local-accent-color: var(--theme-accent-color, 39, 145, 142);
106
- --local-surface-color: var(--theme-surface-color, 38, 38, 38);
107
- --local-bg-color: var(--theme-bg-color, 255, 255, 255);
108
- --local-font-color: var(--theme-font-color-base, 38, 38, 38);
109
- /* =~= Animation Properties =~= */
110
- --local-animation-duration: var(--theme-animation-duration, 0.1s);
111
- --local-animation: var(--theme-animation, all);
112
- --local-animation-function: var(--theme-animation-function, ease-out);
113
- }
1
+ /* RNBO.css */
2
+ body {
3
+ font-family: var(--local-font-family);
4
+ color: rgb(var(--local-font-color));
5
+ accent-color: rgb(var(--local-accent-color));
6
+ background-color: rgb(var(--local-bg-color));
7
+ }
8
+ h1 {
9
+ /* @apply text-4xl p-2 m-2 font-bold; */
10
+ font-size: 2.25rem; /* 36px */
11
+ line-height: 2.5rem; /* 40px */
12
+ font-weight: 700;
13
+ padding: 0.5rem;
14
+ margin: 0.5rem;
15
+ }
16
+ h2 {
17
+ /* @apply text-2xl p-2 m-2 font-bold; */
18
+ font-size: 1.5rem; /* 24px */
19
+ line-height: 2rem; /* 32px */
20
+ font-weight: 700;
21
+ padding: 0.5rem;
22
+ margin: 0.5rem;
23
+ }
24
+ .RNBOtext {
25
+ /* @apply p-2 m-2; */
26
+ padding-top: 0.5rem;
27
+ padding-bottom: 0.5rem;
28
+ margin-top: 0.5rem;
29
+ margin-bottom: 0.5rem;
30
+ }
31
+ .RNBOsection {
32
+ box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5);
33
+ padding: 1rem;
34
+ margin: 1rem;
35
+ border-radius: var(--local-rounded-container);
36
+ background-image: linear-gradient(rgb(0 0 0/5%) 0 0);
37
+ }
38
+ .RNBOcomponent {
39
+ /* @apply p-2 m-2; */
40
+ padding: 1rem;
41
+ margin: 1rem;
42
+ }
43
+ .RNBOsubcomponent {
44
+ /* @apply p-2 m-2; */
45
+ padding-top: 0.5rem;
46
+ padding-bottom: 0.5rem;
47
+ margin-top: 0.5rem;
48
+ margin-bottom: 0.5rem;
49
+ }
50
+ .RNBOtag {
51
+ /* @apply font-bold; */
52
+ font-weight: 700;
53
+ padding-top: 0.25rem;
54
+ padding-bottom: 0.25rem;
55
+ margin-top: 0.25rem;
56
+ margin-bottom: 0.25rem;
57
+ }
58
+ .RNBOval {
59
+ /* @apply text-xs; */
60
+ font-size: 0.75rem; /* 12px */
61
+ line-height: 1rem; /* 16px */
62
+ }
63
+ .RNBOalign {
64
+ /* @apply flex justify-between items-center */
65
+ display: flex;
66
+ justify-content: space-between;
67
+ align-items: center;
68
+ padding-top: 0.5rem;
69
+ padding-bottom: 0.5rem;
70
+ margin-top: 0.5rem;
71
+ margin-bottom: 0.5rem;
72
+ }
73
+ .RNBOslider {
74
+ width: 100%;
75
+ cursor: pointer;
76
+ /* transition: var(--local-animation) var(--local-animation-duration); */
77
+ /* transition-timing-function: var(--local-animation-function); */
78
+ }
79
+ .RNBOplaceholder {
80
+ background-color: rgba(var(--local-surface-color), 0.2);
81
+ border-radius: var(--local-rounded-base);
82
+ height: 2rem;
83
+ padding: 0.5rem;
84
+ margin: 0.5rem;
85
+ animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
86
+ }
87
+
88
+ @keyframes pulse {
89
+ 0%,
90
+ 100% {
91
+ opacity: 1;
92
+ }
93
+ 50% {
94
+ opacity: 0.5;
95
+ }
96
+ }
97
+ :root {
98
+ /* =~= Theme Properties =~= */
99
+ --local-font-family: var(--theme-font-family, system-ui);
100
+ /* --theme-font-color-dark: 255 255 255; */
101
+ --local-rounded-base: var(--theme-rounded-base, 20px);
102
+ --local-rounded-container: var(--theme-rounded-container, 6px);
103
+ --local-border-base: var(--theme-border-base, 1px);
104
+ /* =~= Color Properties =~= */
105
+ --local-accent-color: var(--theme-accent-color, 39, 145, 142);
106
+ --local-surface-color: var(--theme-surface-color, 38, 38, 38);
107
+ --local-bg-color: var(--theme-bg-color, 255, 255, 255);
108
+ --local-font-color: var(--theme-font-color-base, 38, 38, 38);
109
+ /* =~= Animation Properties =~= */
110
+ --local-animation-duration: var(--theme-animation-duration, 0.1s);
111
+ --local-animation: var(--theme-animation, all);
112
+ --local-animation-function: var(--theme-animation-function, ease-out);
113
+ }