@yogiswara/honcho-editor-ui 3.1.7 → 3.1.9

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 (3) hide show
  1. package/dist/components/editor/HSliderColorMobile.js +4 -12
  2. package/dist/components/editor/HSliderLightMobile.js +2 -3
  3. package/package.json +1 -1
package/dist/components/editor/HSliderColorMobile.js CHANGED
@@ -125,7 +125,7 @@ export default function HSliderColorMobile(props) {
125
125
  borderBottom: 'none',
126
126
  pl: '2px',
127
127
  };
128
- return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1, m: "0px" }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: tempInput.handleDoubleClick, children: "Temperature" }), _jsx(Typography, { sx: {
128
+ return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1, m: "0px" }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, onDoubleClick: tempInput.handleDoubleClick, children: "Temperature" }), _jsx(Typography, { sx: {
129
129
  ...typography.bodyMedium, // Use your standard typography
130
130
  color: colors.surface,
131
131
  width: "40px", // Keep the fixed width for alignment
@@ -136,12 +136,10 @@ export default function HSliderColorMobile(props) {
136
136
  '& .MuiSlider-rail': {
137
137
  background: tempGradient,
138
138
  opacity: 1,
139
- pointerEvents: 'none', // Make the rail non-interactive
140
139
  },
141
140
  '& .MuiSlider-track': {
142
141
  background: 'transparent',
143
142
  border: 'none',
144
- pointerEvents: 'none', // Make the track non-interactive
145
143
  },
146
144
  '& .MuiSlider-thumb': {
147
145
  boxShadow: 'none',
@@ -152,7 +150,7 @@ export default function HSliderColorMobile(props) {
152
150
  thumb: {
153
151
  ref: tempSliderRef
154
152
  }
155
- }, size: "small", value: props.tempScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setTempScore("tempScore", newValue), onDoubleClick: tempInput.handleDoubleClick }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: tintInput.handleDoubleClick, children: "Tint" }), _jsx(Typography, { sx: {
153
+ }, size: "small", value: props.tempScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setTempScore("tempScore", newValue), onDoubleClick: tempInput.handleDoubleClick }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, onDoubleClick: tintInput.handleDoubleClick, children: "Tint" }), _jsx(Typography, { sx: {
156
154
  ...typography.bodyMedium, // Use your standard typography
157
155
  color: colors.surface,
158
156
  width: "40px", // Keep the fixed width for alignment
@@ -163,12 +161,10 @@ export default function HSliderColorMobile(props) {
163
161
  '& .MuiSlider-rail': {
164
162
  background: tintGradient,
165
163
  opacity: 1,
166
- pointerEvents: 'none',
167
164
  },
168
165
  '& .MuiSlider-track': {
169
166
  background: 'transparent',
170
167
  border: 'none',
171
- pointerEvents: 'none',
172
168
  },
173
169
  '& .MuiSlider-thumb': {
174
170
  boxShadow: 'none',
@@ -179,7 +175,7 @@ export default function HSliderColorMobile(props) {
179
175
  thumb: {
180
176
  ref: tintSliderRef
181
177
  }
182
- }, size: "small", value: props.tintScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setTintScore("tintScore", newValue), onDoubleClick: tintInput.handleDoubleClick }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: vibranceInput.handleDoubleClick, children: "Vibrance" }), _jsx(Typography, { sx: {
178
+ }, size: "small", value: props.tintScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setTintScore("tintScore", newValue), onDoubleClick: tintInput.handleDoubleClick }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, onDoubleClick: vibranceInput.handleDoubleClick, children: "Vibrance" }), _jsx(Typography, { sx: {
183
179
  ...typography.bodyMedium, // Use your standard typography
184
180
  color: colors.surface,
185
181
  width: "40px", // Keep the fixed width for alignment
@@ -190,12 +186,10 @@ export default function HSliderColorMobile(props) {
190
186
  '& .MuiSlider-rail': {
191
187
  background: fullTrackGradient,
192
188
  opacity: 1,
193
- pointerEvents: 'none',
194
189
  },
195
190
  '& .MuiSlider-track': {
196
191
  background: 'transparent',
197
192
  border: 'none',
198
- pointerEvents: 'none',
199
193
  },
200
194
  '& .MuiSlider-thumb': {
201
195
  boxShadow: 'none',
@@ -206,7 +200,7 @@ export default function HSliderColorMobile(props) {
206
200
  thumb: {
207
201
  ref: vibranceSliderRef
208
202
  }
209
- }, size: "small", value: props.vibranceScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setVibranceScore("vibranceScore", newValue), onDoubleClick: vibranceInput.handleDoubleClick }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: saturationInput.handleDoubleClick, children: "Saturation" }), _jsx(Typography, { sx: {
203
+ }, size: "small", value: props.vibranceScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setVibranceScore("vibranceScore", newValue), onDoubleClick: vibranceInput.handleDoubleClick }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, onDoubleClick: saturationInput.handleDoubleClick, children: "Saturation" }), _jsx(Typography, { sx: {
210
204
  ...typography.bodyMedium, // Use your standard typography
211
205
  color: colors.surface,
212
206
  width: "40px", // Keep the fixed width for alignment
@@ -217,12 +211,10 @@ export default function HSliderColorMobile(props) {
217
211
  '& .MuiSlider-rail': {
218
212
  background: fullTrackGradient,
219
213
  opacity: 1,
220
- pointerEvents: 'none',
221
214
  },
222
215
  '& .MuiSlider-track': {
223
216
  background: 'transparent',
224
217
  border: 'none',
225
- pointerEvents: 'none',
226
218
  },
227
219
  '& .MuiSlider-thumb': {
228
220
  boxShadow: 'none',
package/dist/components/editor/HSliderLightMobile.js CHANGED
@@ -27,7 +27,7 @@ export default function HSliderLightMobile(props) {
27
27
  const clampedValue = Math.max(min, Math.min(max, numericValue));
28
28
  onChange(clampedValue);
29
29
  };
30
- return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1 }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: () => props.onExposureChange("exposureScore", 0), children: "Exposure" }), _jsx(Typography, { sx: {
30
+ return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1 }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, onDoubleClick: () => props.onExposureChange("exposureScore", 0), children: "Exposure" }), _jsx(Typography, { sx: {
31
31
  ...typography.bodyMedium, // Use your standard typography
32
32
  color: colors.surface,
33
33
  width: "40px", // Keep the fixed width for alignment
@@ -38,7 +38,6 @@ export default function HSliderLightMobile(props) {
38
38
  '& .MuiSlider-rail': {
39
39
  background: colors.onSurfaceVariant,
40
40
  opacity: 1,
41
- pointerEvents: 'none',
42
41
  },
43
42
  '& .MuiSlider-thumb': {
44
43
  background: colors.surface,
@@ -54,7 +53,7 @@ export default function HSliderLightMobile(props) {
54
53
  thumb: {
55
54
  ref: exposureSliderRef
56
55
  }
57
- }, size: "small", value: props.exposureScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onExposureChange("exposureScore", newValue), onDoubleClick: () => props.onExposureChange("exposureScore", 0) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Contrast" }), _jsx(Typography, { sx: {
56
+ }, size: "small", value: props.exposureScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onExposureChange("exposureScore", newValue), onDoubleClick: () => props.onExposureChange("exposureScore", 0) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, children: "Contrast" }), _jsx(Typography, { sx: {
58
57
  ...typography.bodyMedium, // Use your standard typography
59
58
  color: colors.surface,
60
59
  width: "40px", // Keep the fixed width for alignment
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yogiswara/honcho-editor-ui",
3
- "version": "3.1.7",
3
+ "version": "3.1.9",
4
4
  "description": "A complete UI component library for the Honcho photo editor.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",