@xsynaptic/sonic-ui 0.24.0 → 0.24.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.
- package/CHANGELOG.md +6 -0
- package/dist/default/elements/readout.js +3 -2
- package/dist/default/elements/sonic-element.js +23 -4
- package/dist/default/elements/value-element.js +2 -2
- package/dist/default/lib/spoken-duration.js +3 -0
- package/dist/dev/elements/readout.js +3 -2
- package/dist/dev/elements/readout.js.map +1 -1
- package/dist/dev/elements/sonic-element.js +23 -4
- package/dist/dev/elements/sonic-element.js.map +1 -1
- package/dist/dev/elements/value-element.js +2 -2
- package/dist/dev/elements/value-element.js.map +1 -1
- package/dist/dev/lib/spoken-duration.js +3 -0
- package/dist/dev/lib/spoken-duration.js.map +1 -1
- package/dist/styles/button.css +30 -11
- package/dist/styles/dial.css +13 -15
- package/dist/styles/envelope.css +2 -2
- package/dist/styles/led.css +28 -13
- package/dist/styles/material/cap.css +6 -6
- package/dist/styles/material/core.css +53 -1
- package/dist/styles/material/glass.css +11 -1
- package/dist/styles/material/keycap.css +3 -3
- package/dist/styles/material/pane.css +8 -6
- package/dist/styles/material/readout.css +19 -7
- package/dist/styles/material/scale.css +4 -4
- package/dist/styles/material/value.css +12 -3
- package/dist/styles/meter.css +6 -6
- package/dist/styles/panel.css +2 -3
- package/dist/styles/ring.css +3 -3
- package/dist/styles/segmented.css +6 -6
- package/dist/styles/slider.css +28 -29
- package/dist/styles/switch.css +49 -51
- package/dist/styles/toggle.css +31 -37
- package/dist/styles/waveform.css +2 -2
- package/dist/styles/wavestrip.css +4 -4
- package/dist/styles/xy.css +10 -11
- package/package.json +2 -2
package/dist/styles/xy.css
CHANGED
|
@@ -64,14 +64,14 @@
|
|
|
64
64
|
position: absolute;
|
|
65
65
|
inset: 0;
|
|
66
66
|
pointer-events: none;
|
|
67
|
+
}
|
|
67
68
|
|
|
68
|
-
|
|
69
|
-
&::after {
|
|
69
|
+
.sonic-xy-field::before,.sonic-xy-field::after {
|
|
70
70
|
position: absolute;
|
|
71
71
|
content: '';
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
.sonic-xy-field::before {
|
|
75
75
|
inset: auto 0
|
|
76
76
|
calc(
|
|
77
77
|
var(--_sonic-xy-y, 0) * var(--_sonic-xy-travel-y) +
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
var(--_sonic-unlit);
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
|
|
99
|
+
.sonic-xy-field::after {
|
|
100
100
|
inset: 0 auto 0
|
|
101
101
|
calc(
|
|
102
102
|
var(--_sonic-xy-x, 0) * var(--_sonic-xy-travel-x) +
|
|
@@ -120,7 +120,6 @@
|
|
|
120
120
|
),
|
|
121
121
|
var(--_sonic-unlit);
|
|
122
122
|
}
|
|
123
|
-
}
|
|
124
123
|
|
|
125
124
|
:is(.sonic-xy-bracket, .sonic-xy-puck) {
|
|
126
125
|
position: absolute;
|
|
@@ -146,8 +145,9 @@
|
|
|
146
145
|
cursor: var(--_sonic-xy-cursor);
|
|
147
146
|
filter: drop-shadow(0 0 calc(0.15 * var(--_sonic-xy-puck)) var(--_sonic-xy-puck-glow));
|
|
148
147
|
transition: filter var(--_sonic-fade-duration) ease-out;
|
|
148
|
+
}
|
|
149
149
|
|
|
150
|
-
|
|
150
|
+
.sonic-xy-puck::before {
|
|
151
151
|
position: absolute;
|
|
152
152
|
inset: 25%;
|
|
153
153
|
pointer-events: none;
|
|
@@ -162,7 +162,6 @@
|
|
|
162
162
|
border-color var(--_sonic-fade-duration) ease-out,
|
|
163
163
|
outline-color var(--_sonic-fade-duration) ease-out;
|
|
164
164
|
}
|
|
165
|
-
}
|
|
166
165
|
|
|
167
166
|
@media (hover: hover) {
|
|
168
167
|
:not(:disabled, :state(dragging)) > .sonic-xy > .sonic-xy-puck:hover {
|
|
@@ -208,10 +207,10 @@
|
|
|
208
207
|
forced-color-adjust: none;
|
|
209
208
|
|
|
210
209
|
/* The axis's own outline is the focus here */
|
|
211
|
-
|
|
210
|
+
}
|
|
211
|
+
.sonic-xy-puck::before {
|
|
212
212
|
outline-style: none;
|
|
213
213
|
}
|
|
214
|
-
}
|
|
215
214
|
|
|
216
215
|
:state(dragging) > .sonic-xy > .sonic-xy-puck {
|
|
217
216
|
--_sonic-xy-puck-fill: Canvas;
|
|
@@ -224,10 +223,10 @@
|
|
|
224
223
|
|
|
225
224
|
.sonic-xy-axis:focus-visible {
|
|
226
225
|
outline-offset: 2px;
|
|
226
|
+
}
|
|
227
227
|
|
|
228
|
-
|
|
228
|
+
.sonic-xy-axis[data-sonic-pointer-focus]:focus-visible {
|
|
229
229
|
outline-style: none;
|
|
230
230
|
}
|
|
231
|
-
}
|
|
232
231
|
}
|
|
233
232
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsynaptic/sonic-ui",
|
|
3
|
-
"version": "0.24.
|
|
3
|
+
"version": "0.24.1",
|
|
4
4
|
"description": "Native custom elements for audio interfaces, skinned with CSS custom properties",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"custom-elements",
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"typescript": "^6.0.3"
|
|
82
82
|
},
|
|
83
83
|
"scripts": {
|
|
84
|
-
"build": "tsdown",
|
|
84
|
+
"build": "tsdown && node ../../scripts/lower-sheets.ts",
|
|
85
85
|
"check-types": "tsc --noEmit"
|
|
86
86
|
}
|
|
87
87
|
}
|