@mindlogic-ai/logician-ui 4.0.0-alpha.31 → 4.0.0-alpha.32
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/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +2 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.mjs +2 -1
- package/dist/components/Input/Input.mjs.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +2 -1
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Textarea/Textarea.mjs +2 -1
- package/dist/components/Textarea/Textarea.mjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -0
- package/dist/index.mjs.map +1 -1
- package/dist/theme/formControls.d.ts +56 -0
- package/dist/theme/formControls.d.ts.map +1 -0
- package/dist/theme/formControls.js +62 -0
- package/dist/theme/formControls.js.map +1 -0
- package/dist/theme/formControls.mjs +60 -0
- package/dist/theme/formControls.mjs.map +1 -0
- package/package.json +1 -1
- package/src/components/Input/Input.tsx +2 -0
- package/src/components/Textarea/Textarea.tsx +2 -0
- package/src/index.ts +1 -0
- package/src/theme/formControls.ts +58 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAwC3C,eAAO,MAAM,KAAK,yGA6TjB,CAAC"}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
|
+
var formControls = require('../../theme/formControls.js');
|
|
7
8
|
var formatNumber = require('../../utils/formatNumber.js');
|
|
8
9
|
var mergeCss = require('../../utils/mergeCss.js');
|
|
9
10
|
|
|
@@ -235,7 +236,7 @@ const Input = React.forwardRef(({ leftIcon, rightIcon, onKeyDown, onCompositionE
|
|
|
235
236
|
bg: 'bg.subtle',
|
|
236
237
|
color: { base: 'gray.1000', _dark: 'gray.400' },
|
|
237
238
|
fontWeight: 'semibold',
|
|
238
|
-
}, ...rest, css: mergeCss.mergeCss({
|
|
239
|
+
}, ...rest, css: mergeCss.mergeCss(formControls.noZoomOnFocus, {
|
|
239
240
|
paddingInlineEnd: rightElementWidth,
|
|
240
241
|
'--focus-color': 'var(--chakra-colors-primary-main)',
|
|
241
242
|
'--error-color': 'var(--chakra-colors-danger-main)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["forwardRef","useRef","useState","useEffect","formatNumber","_jsx","InputGroup","ChakraInput","mergeCss"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["forwardRef","useRef","useState","useEffect","formatNumber","_jsx","InputGroup","ChakraInput","mergeCss","noZoomOnFocus"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, useRef, useState, useEffect } from 'react';
|
|
4
4
|
import { InputGroup, Input as Input$1 } from '@chakra-ui/react';
|
|
5
|
+
import { noZoomOnFocus } from '../../theme/formControls.mjs';
|
|
5
6
|
import { formatNumber } from '../../utils/formatNumber.mjs';
|
|
6
7
|
import { mergeCss } from '../../utils/mergeCss.mjs';
|
|
7
8
|
|
|
@@ -233,7 +234,7 @@ const Input = forwardRef(({ leftIcon, rightIcon, onKeyDown, onCompositionEnd, on
|
|
|
233
234
|
bg: 'bg.subtle',
|
|
234
235
|
color: { base: 'gray.1000', _dark: 'gray.400' },
|
|
235
236
|
fontWeight: 'semibold',
|
|
236
|
-
}, ...rest, css: mergeCss({
|
|
237
|
+
}, ...rest, css: mergeCss(noZoomOnFocus, {
|
|
237
238
|
paddingInlineEnd: rightElementWidth,
|
|
238
239
|
'--focus-color': 'var(--chakra-colors-primary-main)',
|
|
239
240
|
'--error-color': 'var(--chakra-colors-danger-main)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.mjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraInput"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.mjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraInput"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,QAAQ,+GAkGpB,CAAC"}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
|
+
var formControls = require('../../theme/formControls.js');
|
|
7
8
|
var mergeCss = require('../../utils/mergeCss.js');
|
|
8
9
|
|
|
9
10
|
const Textarea = React.forwardRef(({ placeholder, onChange, value: propValue, _focusVisible, _hover, _focus, disabled, invalid, readOnly, borderColor, css, ...props }, ref) => {
|
|
@@ -49,7 +50,7 @@ const Textarea = React.forwardRef(({ placeholder, onChange, value: propValue, _f
|
|
|
49
50
|
bg: 'bg.subtle',
|
|
50
51
|
color: { base: 'gray.1000', _dark: 'gray.400' },
|
|
51
52
|
fontWeight: 'semibold',
|
|
52
|
-
}, ...props, css: mergeCss.mergeCss({
|
|
53
|
+
}, ...props, css: mergeCss.mergeCss(formControls.noZoomOnFocus, {
|
|
53
54
|
'--focus-color': 'var(--chakra-colors-primary-main)',
|
|
54
55
|
'--error-color': 'var(--chakra-colors-danger-main)',
|
|
55
56
|
}, css) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":[null],"names":["forwardRef","useState","useEffect","_jsx","ChakraTextarea","mergeCss"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":[null],"names":["forwardRef","useState","useEffect","_jsx","ChakraTextarea","mergeCss","noZoomOnFocus"],"mappings":";;;;;;;;;AAQO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CACE,EACE,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,aAAa,EACb,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,WAAW,EACX,GAAG,EACH,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAE9C,SAAS,CAAC;IAEZC,eAAS,CAAC,MAAK;QACb,eAAe,CAAC,SAAS,CAAC;AAC5B,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,YAAY,GAAG,CAAC,CAAmC,KAAI;AAC3D,QAAA,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAE/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC;QACb;AACF,IAAA,CAAC;AAED,IAAA,QACEC,cAAA,CAACC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,OAAO,IAAI,SAAS,EAClC,MAAM,EAAC,MAAM,EACb,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY;;;;;;AAMlB,QAAA,cAAc,EAAE,OAAO,GAAG,aAAa,GAAG,cAAc,EACxD,WAAW,EACT,WAAW,KAAK,OAAO,GAAG,aAAa,GAAG,gBAAgB,CAAC,EAE7D,MAAM,EAAE;YACN,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,iBAAiB;AACxD,YAAA,GAAG,MAAM;AACV,SAAA,EACD,MAAM,EAAE;YACN,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,cAAc;AACrD,YAAA,GAAG,MAAM;AACV,SAAA,EACD,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE,aAAa;AAC1B,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,aAAa;AAC3B,aAAA;AACD,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,aAAa;AAC3B,aAAA;AACF,SAAA,EACD,SAAS,EAAE;AACT,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,MAAM,EAAE,aAAa;AACrB,YAAA,EAAE,EAAE,WAAW;AACf,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA,EACD,SAAS,EAAE;AACT,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,MAAM,EAAE,aAAa;AACrB,YAAA,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE;AAC/C,YAAA,UAAU,EAAE,UAAU;AACvB,SAAA,EAAA,GACG,KAAK,EACT,GAAG,EAAEC,iBAAQ,CACXC,0BAAa,EACb;AACE,YAAA,eAAe,EAAE,mCAAmC;AACpD,YAAA,eAAe,EAAE,kCAAkC;AACpD,SAAA,EACD,GAAG,CACJ,EAAA,CACD;AAEN,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, useState, useEffect } from 'react';
|
|
4
4
|
import { Textarea as Textarea$1 } from '@chakra-ui/react';
|
|
5
|
+
import { noZoomOnFocus } from '../../theme/formControls.mjs';
|
|
5
6
|
import { mergeCss } from '../../utils/mergeCss.mjs';
|
|
6
7
|
|
|
7
8
|
const Textarea = forwardRef(({ placeholder, onChange, value: propValue, _focusVisible, _hover, _focus, disabled, invalid, readOnly, borderColor, css, ...props }, ref) => {
|
|
@@ -47,7 +48,7 @@ const Textarea = forwardRef(({ placeholder, onChange, value: propValue, _focusVi
|
|
|
47
48
|
bg: 'bg.subtle',
|
|
48
49
|
color: { base: 'gray.1000', _dark: 'gray.400' },
|
|
49
50
|
fontWeight: 'semibold',
|
|
50
|
-
}, ...props, css: mergeCss({
|
|
51
|
+
}, ...props, css: mergeCss(noZoomOnFocus, {
|
|
51
52
|
'--focus-color': 'var(--chakra-colors-primary-main)',
|
|
52
53
|
'--error-color': 'var(--chakra-colors-danger-main)',
|
|
53
54
|
}, css) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.mjs","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTextarea"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Textarea.mjs","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTextarea"],"mappings":";;;;;;;AAQO,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,aAAa,EACb,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,WAAW,EACX,GAAG,EACH,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAE9C,SAAS,CAAC;IAEZ,SAAS,CAAC,MAAK;QACb,eAAe,CAAC,SAAS,CAAC;AAC5B,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,YAAY,GAAG,CAAC,CAAmC,KAAI;AAC3D,QAAA,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAE/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC;QACb;AACF,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAACC,UAAc,IACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,OAAO,IAAI,SAAS,EAClC,MAAM,EAAC,MAAM,EACb,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY;;;;;;AAMlB,QAAA,cAAc,EAAE,OAAO,GAAG,aAAa,GAAG,cAAc,EACxD,WAAW,EACT,WAAW,KAAK,OAAO,GAAG,aAAa,GAAG,gBAAgB,CAAC,EAE7D,MAAM,EAAE;YACN,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,iBAAiB;AACxD,YAAA,GAAG,MAAM;AACV,SAAA,EACD,MAAM,EAAE;YACN,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,cAAc;AACrD,YAAA,GAAG,MAAM;AACV,SAAA,EACD,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE,aAAa;AAC1B,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,aAAa;AAC3B,aAAA;AACD,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,aAAa;AAC3B,aAAA;AACF,SAAA,EACD,SAAS,EAAE;AACT,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,MAAM,EAAE,aAAa;AACrB,YAAA,EAAE,EAAE,WAAW;AACf,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA,EACD,SAAS,EAAE;AACT,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,MAAM,EAAE,aAAa;AACrB,YAAA,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE;AAC/C,YAAA,UAAU,EAAE,UAAU;AACvB,SAAA,EAAA,GACG,KAAK,EACT,GAAG,EAAE,QAAQ,CACX,aAAa,EACb;AACE,YAAA,eAAe,EAAE,mCAAmC;AACpD,YAAA,eAAe,EAAE,kCAAkC;AACpD,SAAA,EACD,GAAG,CACJ,EAAA,CACD;AAEN,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -77,6 +77,7 @@ export type { LanguageContextValue } from './hooks/useLanguage';
|
|
|
77
77
|
export { LanguageContext, useLanguage } from './hooks/useLanguage';
|
|
78
78
|
export { logicianConfig, system, theme } from './theme';
|
|
79
79
|
export { colors, type SemanticColorToken, semanticTokens, } from './theme/colors';
|
|
80
|
+
export { noZoomOnFocus } from './theme/formControls';
|
|
80
81
|
export { animationStyles, durations, easings, MOTION_DURATION_MS, MOTION_DURATION_S, MOTION_EASE, MOTION_EASE_CSS, MOTION_STAGGER_MAX, type MotionDurationToken, type MotionEaseToken, type MotionStyleToken, } from './theme/motion';
|
|
81
82
|
export { cubicBezier } from './utils/cubicBezier';
|
|
82
83
|
export { staggerDelayMs, type StaggerProps, staggerProps, } from './utils/staggerProps';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -182,6 +182,7 @@ var useHasHover = require('./hooks/useHasHover.js');
|
|
|
182
182
|
var useLanguage = require('./hooks/useLanguage.js');
|
|
183
183
|
var index = require('./theme/index.js');
|
|
184
184
|
var colors = require('./theme/colors.js');
|
|
185
|
+
var formControls = require('./theme/formControls.js');
|
|
185
186
|
var motion = require('./theme/motion.js');
|
|
186
187
|
var cubicBezier = require('./utils/cubicBezier.js');
|
|
187
188
|
var staggerProps = require('./utils/staggerProps.js');
|
|
@@ -430,6 +431,7 @@ exports.system = index.system;
|
|
|
430
431
|
exports.theme = index.theme;
|
|
431
432
|
exports.colors = colors.colors;
|
|
432
433
|
exports.semanticTokens = colors.semanticTokens;
|
|
434
|
+
exports.noZoomOnFocus = formControls.noZoomOnFocus;
|
|
433
435
|
exports.MOTION_DURATION_MS = motion.MOTION_DURATION_MS;
|
|
434
436
|
exports.MOTION_DURATION_S = motion.MOTION_DURATION_S;
|
|
435
437
|
exports.MOTION_EASE = motion.MOTION_EASE;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.mjs
CHANGED
|
@@ -180,6 +180,7 @@ export { useHasHover } from './hooks/useHasHover.mjs';
|
|
|
180
180
|
export { LanguageContext, useLanguage } from './hooks/useLanguage.mjs';
|
|
181
181
|
export { logicianConfig, system, theme } from './theme/index.mjs';
|
|
182
182
|
export { colors, semanticTokens } from './theme/colors.mjs';
|
|
183
|
+
export { noZoomOnFocus } from './theme/formControls.mjs';
|
|
183
184
|
export { MOTION_DURATION_MS, MOTION_DURATION_S, MOTION_EASE, MOTION_EASE_CSS, MOTION_STAGGER_MAX, animationStyles, durations, easings } from './theme/motion.mjs';
|
|
184
185
|
export { cubicBezier } from './utils/cubicBezier.mjs';
|
|
185
186
|
export { staggerDelayMs, staggerProps } from './utils/staggerProps.mjs';
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import type { SystemStyleObject } from '@chakra-ui/react';
|
|
2
|
+
/**
|
|
3
|
+
* Keeps a text-entry control at the size iOS Safari needs to leave the viewport
|
|
4
|
+
* alone.
|
|
5
|
+
*
|
|
6
|
+
* Safari zooms the page when a focused editable host computes to a font-size
|
|
7
|
+
* under 16px. The only ways to suppress that are `maximum-scale=1` /
|
|
8
|
+
* `user-scalable=no`, which also remove pinch-zoom and fail KWCAG 2.2 8.2.1
|
|
9
|
+
* (확대/축소 보장), so the control has to meet the threshold instead.
|
|
10
|
+
*
|
|
11
|
+
* Being under it is the default here rather than the exception: `html` is 14px
|
|
12
|
+
* (see `global.ts`), and Chakra's input recipe maps `size="sm"`/`"md"` onto the
|
|
13
|
+
* `sm`/`md` textStyles, which this theme defines as
|
|
14
|
+
* `{ base: '0.875em', md: '1em' }`. The `base` arm is the PHONE, so a control
|
|
15
|
+
* renders *smaller* there than on desktop — 12.25px against the 14px root.
|
|
16
|
+
*
|
|
17
|
+
* Exactly 16px, not a floor like `max(16px, 1em)`: 16px is the threshold
|
|
18
|
+
* itself, so anything above it only makes a phone form bigger than the type
|
|
19
|
+
* scale intends. Nothing in the set is clamped by it — the largest shipped
|
|
20
|
+
* control text is `PinInput`'s OTP box at `1.125rem` = 15.75px, which is itself
|
|
21
|
+
* under the line and gets raised.
|
|
22
|
+
*
|
|
23
|
+
* **`pointer: coarse`, never a width breakpoint.** The zoom is a property of the
|
|
24
|
+
* device, and a width rule is wrong in both directions: it misses touch devices
|
|
25
|
+
* above the breakpoint (iPad portrait is exactly 768px, iPhone landscape wider
|
|
26
|
+
* still), and it catches devices that never zoom — a desktop user at 200%
|
|
27
|
+
* browser zoom has a ~640px CSS viewport, so a width rule enlarges their form
|
|
28
|
+
* controls and pushes wide tables off-screen, making the low-vision case worse.
|
|
29
|
+
*
|
|
30
|
+
* `Input` and `Textarea` already spread this, so their call sites need nothing,
|
|
31
|
+
* and `PasswordInput` composes `Input` so it inherits.
|
|
32
|
+
*
|
|
33
|
+
* Two components deliberately do NOT, because the zoom does not reach them.
|
|
34
|
+
* `Select` is a listbox — a `<button>` trigger over a portalled list, plus a
|
|
35
|
+
* visually hidden native `<select>` that exists only for form submission and
|
|
36
|
+
* never takes visible focus; Safari zooms toward text entry, not toward a
|
|
37
|
+
* button. `PinInput` wraps `react-pin-input`, which takes an inline `style`
|
|
38
|
+
* object, and an inline style cannot carry a media query at all — a consumer
|
|
39
|
+
* that builds OTP boxes on `ChakraPinInput` instead has to spread this itself.
|
|
40
|
+
*
|
|
41
|
+
* Spread it yourself on any editable surface the design system does not own —
|
|
42
|
+
* a Lexical/ProseMirror `contenteditable`, a bare Chakra `Input`, or a
|
|
43
|
+
* `ChakraPinInput.Input`:
|
|
44
|
+
*
|
|
45
|
+
* ```tsx
|
|
46
|
+
* <Box css={mergeCss(noZoomOnFocus, ownStyles)} />
|
|
47
|
+
* ```
|
|
48
|
+
*
|
|
49
|
+
* It is merged first inside those components, so a call site that genuinely
|
|
50
|
+
* wants a different size can still pass one. That makes it a default rather
|
|
51
|
+
* than a lock, and the cost is that a regression is invisible at the call
|
|
52
|
+
* site — catch it by measuring computed font-size under device emulation, not
|
|
53
|
+
* by reading the JSX.
|
|
54
|
+
*/
|
|
55
|
+
export declare const noZoomOnFocus: SystemStyleObject;
|
|
56
|
+
//# sourceMappingURL=formControls.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formControls.d.ts","sourceRoot":"","sources":["../../src/theme/formControls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,aAAa,EAAE,iBAE3B,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Keeps a text-entry control at the size iOS Safari needs to leave the viewport
|
|
6
|
+
* alone.
|
|
7
|
+
*
|
|
8
|
+
* Safari zooms the page when a focused editable host computes to a font-size
|
|
9
|
+
* under 16px. The only ways to suppress that are `maximum-scale=1` /
|
|
10
|
+
* `user-scalable=no`, which also remove pinch-zoom and fail KWCAG 2.2 8.2.1
|
|
11
|
+
* (확대/축소 보장), so the control has to meet the threshold instead.
|
|
12
|
+
*
|
|
13
|
+
* Being under it is the default here rather than the exception: `html` is 14px
|
|
14
|
+
* (see `global.ts`), and Chakra's input recipe maps `size="sm"`/`"md"` onto the
|
|
15
|
+
* `sm`/`md` textStyles, which this theme defines as
|
|
16
|
+
* `{ base: '0.875em', md: '1em' }`. The `base` arm is the PHONE, so a control
|
|
17
|
+
* renders *smaller* there than on desktop — 12.25px against the 14px root.
|
|
18
|
+
*
|
|
19
|
+
* Exactly 16px, not a floor like `max(16px, 1em)`: 16px is the threshold
|
|
20
|
+
* itself, so anything above it only makes a phone form bigger than the type
|
|
21
|
+
* scale intends. Nothing in the set is clamped by it — the largest shipped
|
|
22
|
+
* control text is `PinInput`'s OTP box at `1.125rem` = 15.75px, which is itself
|
|
23
|
+
* under the line and gets raised.
|
|
24
|
+
*
|
|
25
|
+
* **`pointer: coarse`, never a width breakpoint.** The zoom is a property of the
|
|
26
|
+
* device, and a width rule is wrong in both directions: it misses touch devices
|
|
27
|
+
* above the breakpoint (iPad portrait is exactly 768px, iPhone landscape wider
|
|
28
|
+
* still), and it catches devices that never zoom — a desktop user at 200%
|
|
29
|
+
* browser zoom has a ~640px CSS viewport, so a width rule enlarges their form
|
|
30
|
+
* controls and pushes wide tables off-screen, making the low-vision case worse.
|
|
31
|
+
*
|
|
32
|
+
* `Input` and `Textarea` already spread this, so their call sites need nothing,
|
|
33
|
+
* and `PasswordInput` composes `Input` so it inherits.
|
|
34
|
+
*
|
|
35
|
+
* Two components deliberately do NOT, because the zoom does not reach them.
|
|
36
|
+
* `Select` is a listbox — a `<button>` trigger over a portalled list, plus a
|
|
37
|
+
* visually hidden native `<select>` that exists only for form submission and
|
|
38
|
+
* never takes visible focus; Safari zooms toward text entry, not toward a
|
|
39
|
+
* button. `PinInput` wraps `react-pin-input`, which takes an inline `style`
|
|
40
|
+
* object, and an inline style cannot carry a media query at all — a consumer
|
|
41
|
+
* that builds OTP boxes on `ChakraPinInput` instead has to spread this itself.
|
|
42
|
+
*
|
|
43
|
+
* Spread it yourself on any editable surface the design system does not own —
|
|
44
|
+
* a Lexical/ProseMirror `contenteditable`, a bare Chakra `Input`, or a
|
|
45
|
+
* `ChakraPinInput.Input`:
|
|
46
|
+
*
|
|
47
|
+
* ```tsx
|
|
48
|
+
* <Box css={mergeCss(noZoomOnFocus, ownStyles)} />
|
|
49
|
+
* ```
|
|
50
|
+
*
|
|
51
|
+
* It is merged first inside those components, so a call site that genuinely
|
|
52
|
+
* wants a different size can still pass one. That makes it a default rather
|
|
53
|
+
* than a lock, and the cost is that a regression is invisible at the call
|
|
54
|
+
* site — catch it by measuring computed font-size under device emulation, not
|
|
55
|
+
* by reading the JSX.
|
|
56
|
+
*/
|
|
57
|
+
const noZoomOnFocus = {
|
|
58
|
+
'@media (pointer: coarse)': { fontSize: '16px' },
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
exports.noZoomOnFocus = noZoomOnFocus;
|
|
62
|
+
//# sourceMappingURL=formControls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formControls.js","sources":["../../src/theme/formControls.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDG;AACI,MAAM,aAAa,GAAsB;AAC9C,IAAA,0BAA0B,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;;;;;"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
/**
|
|
3
|
+
* Keeps a text-entry control at the size iOS Safari needs to leave the viewport
|
|
4
|
+
* alone.
|
|
5
|
+
*
|
|
6
|
+
* Safari zooms the page when a focused editable host computes to a font-size
|
|
7
|
+
* under 16px. The only ways to suppress that are `maximum-scale=1` /
|
|
8
|
+
* `user-scalable=no`, which also remove pinch-zoom and fail KWCAG 2.2 8.2.1
|
|
9
|
+
* (확대/축소 보장), so the control has to meet the threshold instead.
|
|
10
|
+
*
|
|
11
|
+
* Being under it is the default here rather than the exception: `html` is 14px
|
|
12
|
+
* (see `global.ts`), and Chakra's input recipe maps `size="sm"`/`"md"` onto the
|
|
13
|
+
* `sm`/`md` textStyles, which this theme defines as
|
|
14
|
+
* `{ base: '0.875em', md: '1em' }`. The `base` arm is the PHONE, so a control
|
|
15
|
+
* renders *smaller* there than on desktop — 12.25px against the 14px root.
|
|
16
|
+
*
|
|
17
|
+
* Exactly 16px, not a floor like `max(16px, 1em)`: 16px is the threshold
|
|
18
|
+
* itself, so anything above it only makes a phone form bigger than the type
|
|
19
|
+
* scale intends. Nothing in the set is clamped by it — the largest shipped
|
|
20
|
+
* control text is `PinInput`'s OTP box at `1.125rem` = 15.75px, which is itself
|
|
21
|
+
* under the line and gets raised.
|
|
22
|
+
*
|
|
23
|
+
* **`pointer: coarse`, never a width breakpoint.** The zoom is a property of the
|
|
24
|
+
* device, and a width rule is wrong in both directions: it misses touch devices
|
|
25
|
+
* above the breakpoint (iPad portrait is exactly 768px, iPhone landscape wider
|
|
26
|
+
* still), and it catches devices that never zoom — a desktop user at 200%
|
|
27
|
+
* browser zoom has a ~640px CSS viewport, so a width rule enlarges their form
|
|
28
|
+
* controls and pushes wide tables off-screen, making the low-vision case worse.
|
|
29
|
+
*
|
|
30
|
+
* `Input` and `Textarea` already spread this, so their call sites need nothing,
|
|
31
|
+
* and `PasswordInput` composes `Input` so it inherits.
|
|
32
|
+
*
|
|
33
|
+
* Two components deliberately do NOT, because the zoom does not reach them.
|
|
34
|
+
* `Select` is a listbox — a `<button>` trigger over a portalled list, plus a
|
|
35
|
+
* visually hidden native `<select>` that exists only for form submission and
|
|
36
|
+
* never takes visible focus; Safari zooms toward text entry, not toward a
|
|
37
|
+
* button. `PinInput` wraps `react-pin-input`, which takes an inline `style`
|
|
38
|
+
* object, and an inline style cannot carry a media query at all — a consumer
|
|
39
|
+
* that builds OTP boxes on `ChakraPinInput` instead has to spread this itself.
|
|
40
|
+
*
|
|
41
|
+
* Spread it yourself on any editable surface the design system does not own —
|
|
42
|
+
* a Lexical/ProseMirror `contenteditable`, a bare Chakra `Input`, or a
|
|
43
|
+
* `ChakraPinInput.Input`:
|
|
44
|
+
*
|
|
45
|
+
* ```tsx
|
|
46
|
+
* <Box css={mergeCss(noZoomOnFocus, ownStyles)} />
|
|
47
|
+
* ```
|
|
48
|
+
*
|
|
49
|
+
* It is merged first inside those components, so a call site that genuinely
|
|
50
|
+
* wants a different size can still pass one. That makes it a default rather
|
|
51
|
+
* than a lock, and the cost is that a regression is invisible at the call
|
|
52
|
+
* site — catch it by measuring computed font-size under device emulation, not
|
|
53
|
+
* by reading the JSX.
|
|
54
|
+
*/
|
|
55
|
+
const noZoomOnFocus = {
|
|
56
|
+
'@media (pointer: coarse)': { fontSize: '16px' },
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
export { noZoomOnFocus };
|
|
60
|
+
//# sourceMappingURL=formControls.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formControls.mjs","sources":["../../src/theme/formControls.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDG;AACI,MAAM,aAAa,GAAsB;AAC9C,IAAA,0BAA0B,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;;;;;"}
|
package/package.json
CHANGED
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
} from 'react';
|
|
10
10
|
import { Input as ChakraInput, InputGroup } from '@chakra-ui/react';
|
|
11
11
|
|
|
12
|
+
import { noZoomOnFocus } from '@/theme/formControls';
|
|
12
13
|
import { formatNumber } from '@/utils/formatNumber';
|
|
13
14
|
import { mergeCss } from '@/utils/mergeCss';
|
|
14
15
|
|
|
@@ -357,6 +358,7 @@ export const Input = forwardRef(
|
|
|
357
358
|
}}
|
|
358
359
|
{...rest}
|
|
359
360
|
css={mergeCss(
|
|
361
|
+
noZoomOnFocus,
|
|
360
362
|
{
|
|
361
363
|
paddingInlineEnd: rightElementWidth,
|
|
362
364
|
'--focus-color': 'var(--chakra-colors-primary-main)',
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ChangeEvent, forwardRef, useEffect, useState } from 'react';
|
|
2
2
|
import { Textarea as ChakraTextarea } from '@chakra-ui/react';
|
|
3
3
|
|
|
4
|
+
import { noZoomOnFocus } from '@/theme/formControls';
|
|
4
5
|
import { mergeCss } from '@/utils/mergeCss';
|
|
5
6
|
|
|
6
7
|
import { TextareaProps } from './Textarea.types';
|
|
@@ -93,6 +94,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
|
|
|
93
94
|
}}
|
|
94
95
|
{...props}
|
|
95
96
|
css={mergeCss(
|
|
97
|
+
noZoomOnFocus,
|
|
96
98
|
{
|
|
97
99
|
'--focus-color': 'var(--chakra-colors-primary-main)',
|
|
98
100
|
'--error-color': 'var(--chakra-colors-danger-main)',
|
package/src/index.ts
CHANGED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import type { SystemStyleObject } from '@chakra-ui/react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Keeps a text-entry control at the size iOS Safari needs to leave the viewport
|
|
5
|
+
* alone.
|
|
6
|
+
*
|
|
7
|
+
* Safari zooms the page when a focused editable host computes to a font-size
|
|
8
|
+
* under 16px. The only ways to suppress that are `maximum-scale=1` /
|
|
9
|
+
* `user-scalable=no`, which also remove pinch-zoom and fail KWCAG 2.2 8.2.1
|
|
10
|
+
* (확대/축소 보장), so the control has to meet the threshold instead.
|
|
11
|
+
*
|
|
12
|
+
* Being under it is the default here rather than the exception: `html` is 14px
|
|
13
|
+
* (see `global.ts`), and Chakra's input recipe maps `size="sm"`/`"md"` onto the
|
|
14
|
+
* `sm`/`md` textStyles, which this theme defines as
|
|
15
|
+
* `{ base: '0.875em', md: '1em' }`. The `base` arm is the PHONE, so a control
|
|
16
|
+
* renders *smaller* there than on desktop — 12.25px against the 14px root.
|
|
17
|
+
*
|
|
18
|
+
* Exactly 16px, not a floor like `max(16px, 1em)`: 16px is the threshold
|
|
19
|
+
* itself, so anything above it only makes a phone form bigger than the type
|
|
20
|
+
* scale intends. Nothing in the set is clamped by it — the largest shipped
|
|
21
|
+
* control text is `PinInput`'s OTP box at `1.125rem` = 15.75px, which is itself
|
|
22
|
+
* under the line and gets raised.
|
|
23
|
+
*
|
|
24
|
+
* **`pointer: coarse`, never a width breakpoint.** The zoom is a property of the
|
|
25
|
+
* device, and a width rule is wrong in both directions: it misses touch devices
|
|
26
|
+
* above the breakpoint (iPad portrait is exactly 768px, iPhone landscape wider
|
|
27
|
+
* still), and it catches devices that never zoom — a desktop user at 200%
|
|
28
|
+
* browser zoom has a ~640px CSS viewport, so a width rule enlarges their form
|
|
29
|
+
* controls and pushes wide tables off-screen, making the low-vision case worse.
|
|
30
|
+
*
|
|
31
|
+
* `Input` and `Textarea` already spread this, so their call sites need nothing,
|
|
32
|
+
* and `PasswordInput` composes `Input` so it inherits.
|
|
33
|
+
*
|
|
34
|
+
* Two components deliberately do NOT, because the zoom does not reach them.
|
|
35
|
+
* `Select` is a listbox — a `<button>` trigger over a portalled list, plus a
|
|
36
|
+
* visually hidden native `<select>` that exists only for form submission and
|
|
37
|
+
* never takes visible focus; Safari zooms toward text entry, not toward a
|
|
38
|
+
* button. `PinInput` wraps `react-pin-input`, which takes an inline `style`
|
|
39
|
+
* object, and an inline style cannot carry a media query at all — a consumer
|
|
40
|
+
* that builds OTP boxes on `ChakraPinInput` instead has to spread this itself.
|
|
41
|
+
*
|
|
42
|
+
* Spread it yourself on any editable surface the design system does not own —
|
|
43
|
+
* a Lexical/ProseMirror `contenteditable`, a bare Chakra `Input`, or a
|
|
44
|
+
* `ChakraPinInput.Input`:
|
|
45
|
+
*
|
|
46
|
+
* ```tsx
|
|
47
|
+
* <Box css={mergeCss(noZoomOnFocus, ownStyles)} />
|
|
48
|
+
* ```
|
|
49
|
+
*
|
|
50
|
+
* It is merged first inside those components, so a call site that genuinely
|
|
51
|
+
* wants a different size can still pass one. That makes it a default rather
|
|
52
|
+
* than a lock, and the cost is that a regression is invisible at the call
|
|
53
|
+
* site — catch it by measuring computed font-size under device emulation, not
|
|
54
|
+
* by reading the JSX.
|
|
55
|
+
*/
|
|
56
|
+
export const noZoomOnFocus: SystemStyleObject = {
|
|
57
|
+
'@media (pointer: coarse)': { fontSize: '16px' },
|
|
58
|
+
};
|