@cdx-ui/components 0.3.0 → 0.3.2
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/docs/components/bottom-sheet/content.md +2 -2
- package/docs/components/carousel/content.md +1 -1
- package/docs/components/currency-input/content.md +94 -5
- package/docs/components/data-grid/content.md +50 -8
- package/docs/components/icon-button/content.md +23 -1
- package/docs/components/toast/content.md +23 -7
- package/docs/llms.txt +2 -0
- package/docs/resources/release-notes/0.3.0/content.md +19 -0
- package/docs/resources/release-notes/0.3.1/content.md +13 -0
- package/docs/resources/release-notes/content.md +2 -0
- package/lib/commonjs/components/BottomSheet/index.js +63 -16
- package/lib/commonjs/components/BottomSheet/index.js.map +1 -1
- package/lib/commonjs/components/CurrencyInput/index.js +35 -10
- package/lib/commonjs/components/CurrencyInput/index.js.map +1 -1
- package/lib/commonjs/components/CurrencyInput/styles.js +40 -3
- package/lib/commonjs/components/CurrencyInput/styles.js.map +1 -1
- package/lib/commonjs/components/IconButton/styles.js +107 -2
- package/lib/commonjs/components/IconButton/styles.js.map +1 -1
- package/lib/commonjs/components/Toast/index.js +5 -2
- package/lib/commonjs/components/Toast/index.js.map +1 -1
- package/lib/commonjs/figma/CurrencyInput.figma.js +8 -8
- package/lib/commonjs/figma/CurrencyInput.figma.js.map +1 -1
- package/lib/module/components/BottomSheet/index.js +64 -17
- package/lib/module/components/BottomSheet/index.js.map +1 -1
- package/lib/module/components/CurrencyInput/index.js +37 -12
- package/lib/module/components/CurrencyInput/index.js.map +1 -1
- package/lib/module/components/CurrencyInput/styles.js +38 -3
- package/lib/module/components/CurrencyInput/styles.js.map +1 -1
- package/lib/module/components/IconButton/styles.js +107 -2
- package/lib/module/components/IconButton/styles.js.map +1 -1
- package/lib/module/components/Toast/index.js +5 -2
- package/lib/module/components/Toast/index.js.map +1 -1
- package/lib/module/figma/CurrencyInput.figma.js +8 -8
- package/lib/module/figma/CurrencyInput.figma.js.map +1 -1
- package/lib/typescript/components/BottomSheet/index.d.ts.map +1 -1
- package/lib/typescript/components/CurrencyInput/index.d.ts +4 -1
- package/lib/typescript/components/CurrencyInput/index.d.ts.map +1 -1
- package/lib/typescript/components/CurrencyInput/styles.d.ts +17 -6
- package/lib/typescript/components/CurrencyInput/styles.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/styles.d.ts +2 -2
- package/lib/typescript/components/IconButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Toast/index.d.ts.map +1 -1
- package/lib/typescript/figma/CurrencyInput.figma.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/BottomSheet/index.tsx +88 -13
- package/src/components/CurrencyInput/index.tsx +36 -12
- package/src/components/CurrencyInput/styles.ts +51 -4
- package/src/components/IconButton/styles.ts +111 -0
- package/src/components/Toast/index.tsx +13 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","forwardRef","isValidElement","useEffect","useMemo","useRef","useState","Platform","View","GestureDetector","Animated","cn","ParentContext","useParentContext","useStyleContext","CloseIcon","ToastRoot","ToastRootPrimitive","useToastContext","Slot","dataAttributes","mergeDataAttributes","AnimationSettingsProvider","useToastLifecycle","useToastConfig","Button","Text","Icon","IconButton","useToastRootAnimation","useButtonColor","useVerticalPlaceholderStyles","toastRootVariants","toastLabelVariants","toastDescriptionVariants","toastIconVariants","toastActionRootVariants","toastActionLabelVariants","toastCloseRootVariants","toastCloseIconVariants","toastStyleSheet","toastTextVariants","toastWrapperVariants","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SCOPE","useToastStyleContext","AnimatedToastRoot","createAnimatedComponent","IS_WEB","OS","hasWarnedToastDefaultColor","WEB_TRANSITION_SAFETY_MS","isTrailingChild","child","type","ToastAction","ToastClose","renderToastRow","children","childArray","toArray","iconChild","find","ToastIcon","trailingChildren","filter","textChildren","length","className","props","ref","globalConfig","color","localColor","placement","localPlacement","index","total","heights","maxVisibleToasts","style","animation","localAnimation","isSwipeable","localIsSwipeable","isAnimatedStyleActive","hide","restProps","resolvedColor","__DEV__","console","warn","toastProps","id","rootClassName","topStyle","bottomStyle","rContainerStyle","entering","exiting","panGesture","isAllAnimationsDisabled","rootStyle","root","animationSettingsContextValue","parent","ctx","lifecycle","isPendingRemoval","pendingRemovalIds","has","isFrontmost","frontmostIds","localState","setLocalState","raf","requestAnimationFrame","cancelAnimationFrame","dataState","wrapperRef","removeRef","remove","current","node","removed","doRemove","safetyTimer","setTimeout","addEventListener","clearTimeout","handler","event","propertyName","removeEventListener","wrapperClassName","content","value","Provider","gesture","tabIndex","state","frontmost","undefined","slot","String","pointerEvents","onLayout","measuredHeight","nativeEvent","layout","height","modify","ToastTitle","nativeID","labelClassName","role","ToastDescription","descriptionClassName","asChild","as","computedClassName","displayName","variant","size","toastColor","buttonColor","usesNeutralStandIn","Label","onPress","iconClassName","handlePress","DefaultToast","label","description","actionLabel","onActionPress","icon","show","toastComponentProps","rawDefaultColor","handleActionPress","Toast","Object","assign","Title","Description","Action","Close"],"sourceRoot":"../../../../src","sources":["components/Toast/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["Children","forwardRef","isValidElement","useEffect","useMemo","useRef","useState","Platform","View","GestureDetector","Animated","cn","ParentContext","useParentContext","useStyleContext","CloseIcon","ToastRoot","ToastRootPrimitive","useToastContext","Slot","dataAttributes","mergeDataAttributes","AnimationSettingsProvider","useToastLifecycle","useToastConfig","Button","Text","Icon","IconButton","useToastRootAnimation","useButtonColor","useVerticalPlaceholderStyles","toastRootVariants","toastLabelVariants","toastDescriptionVariants","toastIconVariants","toastActionRootVariants","toastActionLabelVariants","toastCloseRootVariants","toastCloseIconVariants","toastStyleSheet","toastTextVariants","toastWrapperVariants","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SCOPE","useToastStyleContext","AnimatedToastRoot","createAnimatedComponent","IS_WEB","OS","hasWarnedToastDefaultColor","WEB_TRANSITION_SAFETY_MS","isTrailingChild","child","type","ToastAction","ToastClose","renderToastRow","children","childArray","toArray","iconChild","find","ToastIcon","trailingChildren","filter","textChildren","length","className","props","ref","globalConfig","color","localColor","placement","localPlacement","index","total","heights","maxVisibleToasts","style","animation","localAnimation","isSwipeable","localIsSwipeable","isAnimatedStyleActive","hide","restProps","resolvedColor","__DEV__","console","warn","toastProps","id","rootClassName","topStyle","bottomStyle","rContainerStyle","entering","exiting","panGesture","isAllAnimationsDisabled","rootStyle","root","animationSettingsContextValue","parent","ctx","lifecycle","isPendingRemoval","pendingRemovalIds","has","isFrontmost","frontmostIds","localState","setLocalState","raf","requestAnimationFrame","cancelAnimationFrame","dataState","wrapperRef","removeRef","remove","current","node","removed","doRemove","safetyTimer","setTimeout","addEventListener","clearTimeout","handler","event","propertyName","removeEventListener","wrapperClassName","content","value","Provider","gesture","tabIndex","state","frontmost","undefined","slot","String","pointerEvents","onLayout","measuredHeight","nativeEvent","layout","height","modify","ToastTitle","nativeID","labelClassName","role","ToastDescription","descriptionClassName","asChild","as","computedClassName","displayName","variant","size","toastColor","buttonColor","usesNeutralStandIn","Label","onPress","iconClassName","colorProp","handlePress","DefaultToast","label","description","actionLabel","onActionPress","icon","show","toastComponentProps","rawDefaultColor","handleActionPress","Toast","Object","assign","Title","Description","Action","Close"],"sourceRoot":"../../../../src","sources":["components/Toast/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
import figma from 'figma';
|
|
7
7
|
const instance = figma.selectedInstance;
|
|
8
8
|
|
|
9
|
-
// Figma names this component AmountInput.
|
|
10
|
-
//
|
|
11
|
-
// equivalent, so the snippet flags
|
|
9
|
+
// Figma names this component AmountInput. `hero` is the default `ghost` variant (large, centered
|
|
10
|
+
// amount entry) and `outlined` is the bordered `outline` variant. The trailing slot has no code
|
|
11
|
+
// equivalent, so the snippet flags it rather than substituting another component.
|
|
12
12
|
// `Viewport` only previews responsive type sizes.
|
|
13
|
-
const
|
|
14
|
-
outlined:
|
|
15
|
-
hero:
|
|
13
|
+
const variant = instance.getEnum('variant', {
|
|
14
|
+
outlined: 'outline',
|
|
15
|
+
hero: 'ghost'
|
|
16
16
|
});
|
|
17
17
|
const showTrailingSlot = instance.getBoolean('Show TrailingSlot?');
|
|
18
18
|
const isInvalid = instance.getEnum('isInvalid', {
|
|
@@ -29,6 +29,7 @@ const isDisabled = instance.getEnum('isDisabled', {
|
|
|
29
29
|
});
|
|
30
30
|
const currencySymbol = instance.getString('currencySymbol');
|
|
31
31
|
const amount = Number(instance.getString('value').replace(/[^0-9.]/g, ''));
|
|
32
|
+
const variantProp = figma.helpers.react.renderProp('variant', variant === 'outline' ? variant : undefined);
|
|
32
33
|
const valueProp = figma.helpers.react.renderProp('value', Number.isFinite(amount) ? amount : 0);
|
|
33
34
|
const currencySymbolProp = figma.helpers.react.renderProp('currencySymbol', currencySymbol === '$' ? undefined : currencySymbol);
|
|
34
35
|
const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
|
|
@@ -38,10 +39,9 @@ export default {
|
|
|
38
39
|
id: 'currency-input',
|
|
39
40
|
imports: ["import { CurrencyInput } from '@cdx-ui/components'"],
|
|
40
41
|
example: figma.code`
|
|
41
|
-
${isOutlined ? figma.code`{/* Figma variant "outlined" has no code equivalent; CurrencyInput renders the "hero" style. */}` : null}
|
|
42
42
|
${showTrailingSlot ? figma.code`{/* The Figma trailing slot has no CurrencyInput equivalent. */}` : null}
|
|
43
43
|
<CurrencyInput
|
|
44
|
-
accessibilityLabel="Amount"${valueProp}${currencySymbolProp}${isInvalidProp}${isReadOnlyProp}${isDisabledProp}
|
|
44
|
+
accessibilityLabel="Amount"${variantProp}${valueProp}${currencySymbolProp}${isInvalidProp}${isReadOnlyProp}${isDisabledProp}
|
|
45
45
|
onChangeValue={setAmount}
|
|
46
46
|
/>`
|
|
47
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["figma","instance","selectedInstance","
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","outlined","hero","showTrailingSlot","getBoolean","isInvalid","true","false","undefined","isReadOnly","isDisabled","currencySymbol","getString","amount","Number","replace","variantProp","helpers","react","renderProp","valueProp","isFinite","currencySymbolProp","isInvalidProp","isReadOnlyProp","isDisabledProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/CurrencyInput.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA;AACA;AACA,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE,SAAS;EACnBC,IAAI,EAAE;AACR,CAAC,CAAC;AACF,MAAMC,gBAAgB,GAAGN,QAAQ,CAACO,UAAU,CAAC,oBAAoB,CAAC;AAElE,MAAMC,SAAS,GAAGR,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGZ,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGb,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMG,cAAc,GAAGd,QAAQ,CAACe,SAAS,CAAC,gBAAgB,CAAC;AAC3D,MAAMC,MAAM,GAAGC,MAAM,CAACjB,QAAQ,CAACe,SAAS,CAAC,OAAO,CAAC,CAACG,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AAE1E,MAAMC,WAAW,GAAGpB,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAChD,SAAS,EACTpB,OAAO,KAAK,SAAS,GAAGA,OAAO,GAAGS,SACpC,CAAC;AACD,MAAMY,SAAS,GAAGxB,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEL,MAAM,CAACO,QAAQ,CAACR,MAAM,CAAC,GAAGA,MAAM,GAAG,CAAC,CAAC;AAC/F,MAAMS,kBAAkB,GAAG1B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CACvD,gBAAgB,EAChBR,cAAc,KAAK,GAAG,GAAGH,SAAS,GAAGG,cACvC,CAAC;AACD,MAAMY,aAAa,GAAG3B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEd,SAAS,CAAC;AAC5E,MAAMmB,cAAc,GAAG5B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEV,UAAU,CAAC;AAC/E,MAAMgB,cAAc,GAAG7B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAET,UAAU,CAAC;AAE/E,eAAe;EACbgB,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEhC,KAAK,CAACiC,IAAI;AACrB,EAAE1B,gBAAgB,GAAGP,KAAK,CAACiC,IAAI,kEAAkE,GAAG,IAAI;AACxG;AACA,+BAA+Bb,WAAW,GAAGI,SAAS,GAAGE,kBAAkB,GAAGC,aAAa,GAAGC,cAAc,GAAGC,cAAc;AAC7H;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAUZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,10 @@ export interface CurrencyInputProps extends IInputFieldProps, CurrencyInputVaria
|
|
|
6
6
|
value?: number;
|
|
7
7
|
/** Called with the parsed amount in major currency units, not cents, when the user edits the field. */
|
|
8
8
|
onChangeValue?: (value: number) => void;
|
|
9
|
-
/**
|
|
9
|
+
/**
|
|
10
|
+
* Currency symbol shown before the amount. Defaults to `"$"`. Part of the field text in
|
|
11
|
+
* `ghost`; a separate, non-editable prefix in `outline`.
|
|
12
|
+
*/
|
|
10
13
|
currencySymbol?: string;
|
|
11
14
|
className?: string;
|
|
12
15
|
style?: ViewProps['style'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CurrencyInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CurrencyInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACzF,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,KAAK,yBAAyB,EAI/B,MAAM,UAAU,CAAC;AAqBlB,MAAM,WAAW,kBACf,SACE,gBAAgB,EAChB,yBAAyB,EACzB,IAAI,CACF,cAAc,EACd,oBAAoB,GAAG,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,eAAe,CAC/F;IACH,wGAAwG;IACxG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uGAAuG;IACvG,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,0GA+JzB,CAAC"}
|
|
@@ -1,9 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export interface CurrencyInputVariantProps {
|
|
2
|
+
/**
|
|
3
|
+
* Visual style. `ghost` is the large, centered, borderless amount entry; `outline` renders
|
|
4
|
+
* the bordered `Input` shell with a leading currency-symbol prefix, for amounts that sit
|
|
5
|
+
* alongside other form fields.
|
|
6
|
+
* @default 'ghost'
|
|
7
|
+
*/
|
|
8
|
+
variant?: 'ghost' | 'outline';
|
|
9
|
+
/**
|
|
10
|
+
* Height, padding, and text size.
|
|
11
|
+
* @default 'default'
|
|
12
|
+
*/
|
|
13
|
+
size?: 'default' | 'small';
|
|
14
|
+
}
|
|
15
|
+
export declare const currencyInputRootVariants: ({ variant, size, }?: CurrencyInputVariantProps) => string;
|
|
16
|
+
export declare const currencyInputFieldVariants: ({ variant, size, }?: CurrencyInputVariantProps) => string;
|
|
17
|
+
export declare const currencyInputPrefixVariants: (props?: ({
|
|
3
18
|
size?: "small" | "default" | null | undefined;
|
|
4
19
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
|
-
export declare const currencyInputFieldVariants: (props?: ({
|
|
6
|
-
size?: "small" | "default" | null | undefined;
|
|
7
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
-
export type CurrencyInputVariantProps = VariantProps<typeof currencyInputRootVariants>;
|
|
9
20
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/CurrencyInput/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/CurrencyInput/styles.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AA6CD,eAAO,MAAM,yBAAyB,GAAI,qBAGvC,yBAA8B,KAAG,MAGU,CAAC;AAE/C,eAAO,MAAM,0BAA0B,GAAI,qBAGxC,yBAA8B,KAAG,MAC8D,CAAC;AAGnG,eAAO,MAAM,2BAA2B;;8EAavC,CAAC"}
|
|
@@ -6,7 +6,7 @@ export declare const iconButtonSizeClassNames: {
|
|
|
6
6
|
};
|
|
7
7
|
export declare const iconButtonRootVariants: (props?: ({
|
|
8
8
|
variant?: "solid" | "ghost" | "subtle" | null | undefined;
|
|
9
|
-
color?: "action" | "danger" | "neutral" | null | undefined;
|
|
9
|
+
color?: "action" | "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
|
|
10
10
|
size?: "small" | "default" | null | undefined;
|
|
11
11
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
12
|
export declare const iconButtonGlyphVariants: (props?: ({
|
|
@@ -14,7 +14,7 @@ export declare const iconButtonGlyphVariants: (props?: ({
|
|
|
14
14
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
15
|
export declare const iconButtonIconColorVariants: (props?: ({
|
|
16
16
|
variant?: "solid" | "ghost" | "subtle" | null | undefined;
|
|
17
|
-
color?: "action" | "danger" | "neutral" | null | undefined;
|
|
17
|
+
color?: "action" | "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
|
|
18
18
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
19
19
|
export type IconButtonVariantProps = VariantProps<typeof iconButtonRootVariants>;
|
|
20
20
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,yGAAyG;AACzG,eAAO,MAAM,wBAAwB;;;CAG3B,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,yGAAyG;AACzG,eAAO,MAAM,wBAAwB;;;CAG3B,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;8EAwOlC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;8EAUlC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;8EAwCtC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAmC9C,OAAO,KAAK,EACV,iBAAiB,EAKjB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACV,eAAe,EAChB,MAAM,SAAS,CAAC;AA6CjB,QAAA,MAAM,SAAS,6FA0Ob,CAAC;AAIH,QAAA,MAAM,UAAU,kGAoBd,CAAC;AAIH,QAAA,MAAM,gBAAgB,wGAiBpB,CAAC;AAIH,QAAA,MAAM,SAAS;kDAAiD,cAAc;;CA4B7E,CAAC;AAMF,QAAA,MAAM,WAAW,2GAqBf,CAAC;AAIH,QAAA,MAAM,UAAU;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAmC9C,OAAO,KAAK,EACV,iBAAiB,EAKjB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACV,eAAe,EAChB,MAAM,SAAS,CAAC;AA6CjB,QAAA,MAAM,SAAS,6FA0Ob,CAAC;AAIH,QAAA,MAAM,UAAU,kGAoBd,CAAC;AAIH,QAAA,MAAM,gBAAgB,wGAiBpB,CAAC;AAIH,QAAA,MAAM,SAAS;kDAAiD,cAAc;;CA4B7E,CAAC;AAMF,QAAA,MAAM,WAAW,2GAqBf,CAAC;AAIH,QAAA,MAAM,UAAU;;wCA0Cd,CAAC;AAIH;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAiEpD;AAWD,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,WAAW,EAAE,OAAO,gBAAgB,CAAC;IACrC,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,MAAM,EAAE,OAAO,WAAW,CAAC;IAC3B,KAAK,EAAE,OAAO,UAAU,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK,EAMZ,sBAAsB,CAAC;AAE7B,YAAY,EACV,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyInput.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/CurrencyInput.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;
|
|
1
|
+
{"version":3,"file":"CurrencyInput.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/CurrencyInput.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA2C1B,wBASE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/components",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -106,10 +106,10 @@
|
|
|
106
106
|
"@marceloterreiro/flash-calendar": "2.0.0",
|
|
107
107
|
"react-native-reanimated-carousel": "5.0.0-beta.5",
|
|
108
108
|
"uniwind": "1.10.0",
|
|
109
|
-
"@cdx-ui/icons": "0.3.
|
|
110
|
-
"@cdx-ui/
|
|
111
|
-
"@cdx-ui/
|
|
112
|
-
"@cdx-ui/utils": "0.3.
|
|
109
|
+
"@cdx-ui/icons": "0.3.2",
|
|
110
|
+
"@cdx-ui/formatters": "0.3.2",
|
|
111
|
+
"@cdx-ui/primitives": "0.3.2",
|
|
112
|
+
"@cdx-ui/utils": "0.3.2"
|
|
113
113
|
},
|
|
114
114
|
"devDependencies": {
|
|
115
115
|
"@dnd-kit/core": "6.3.1",
|
|
@@ -10,7 +10,14 @@ import React, {
|
|
|
10
10
|
useState,
|
|
11
11
|
type ReactNode,
|
|
12
12
|
} from 'react';
|
|
13
|
-
import {
|
|
13
|
+
import {
|
|
14
|
+
BackHandler,
|
|
15
|
+
Dimensions,
|
|
16
|
+
Platform,
|
|
17
|
+
View,
|
|
18
|
+
ViewStyle,
|
|
19
|
+
type LayoutChangeEvent,
|
|
20
|
+
} from 'react-native';
|
|
14
21
|
import { SafeAreaInsetsContext, type EdgeInsets } from 'react-native-safe-area-context';
|
|
15
22
|
import { useResolveClassNames } from 'uniwind';
|
|
16
23
|
import {
|
|
@@ -38,8 +45,43 @@ import {
|
|
|
38
45
|
|
|
39
46
|
const SCOPE = 'BOTTOM_SHEET';
|
|
40
47
|
|
|
41
|
-
|
|
42
|
-
|
|
48
|
+
interface BottomSheetScopeContext extends BottomSheetContentVariantProps {
|
|
49
|
+
hasFooter?: boolean;
|
|
50
|
+
/** Web only: height of the `footer` prop, measured by `BottomSheet.Modal`. */
|
|
51
|
+
footerHeight?: number;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
const useBottomSheetScopeContext = () =>
|
|
55
|
+
useStyleContext(SCOPE) as BottomSheetScopeContext | undefined;
|
|
56
|
+
|
|
57
|
+
const useBottomSheetStyleContext = (): BottomSheetContentVariantProps =>
|
|
58
|
+
useBottomSheetScopeContext() ?? {};
|
|
59
|
+
|
|
60
|
+
const IS_WEB = Platform.OS === 'web';
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* Resolves how a content wrapper reserves room for the footer.
|
|
64
|
+
*
|
|
65
|
+
* gorhom's footer margin adjustment is unsound on web: its reaction first runs with the
|
|
66
|
+
* unmeasured footer sentinel (-999) and adds it to `contentHeight`, then never adds the real
|
|
67
|
+
* footer height. Depending on whether content measures first, a dynamically sized sheet either
|
|
68
|
+
* parks below its container or opens with the footer covering its content. It cannot be fixed
|
|
69
|
+
* with padding because react-native-web only re-reports layout when the content box resizes.
|
|
70
|
+
*
|
|
71
|
+
* So on web, when the sheet's `footer` prop is measured here, a spacer child of the footer's
|
|
72
|
+
* height replaces gorhom's adjustment; its layout lands in the content measurement in any
|
|
73
|
+
* order. With no footer there is nothing to adjust. Otherwise (native, a raw gorhom
|
|
74
|
+
* `footerComponent`, or outside a `BottomSheet.Modal`) gorhom's adjustment is kept.
|
|
75
|
+
*/
|
|
76
|
+
function useFooterMargin(enableFooterMarginAdjustment: boolean | undefined) {
|
|
77
|
+
const scope = useBottomSheetScopeContext();
|
|
78
|
+
const enabled = enableFooterMarginAdjustment ?? scope?.hasFooter ?? true;
|
|
79
|
+
const spacerHeight = enabled && IS_WEB ? scope?.footerHeight : undefined;
|
|
80
|
+
return {
|
|
81
|
+
enableFooterMarginAdjustment: enabled && spacerHeight === undefined,
|
|
82
|
+
spacer: spacerHeight ? <View style={{ height: spacerHeight }} pointerEvents="none" /> : null,
|
|
83
|
+
};
|
|
84
|
+
}
|
|
43
85
|
|
|
44
86
|
const ZERO_INSETS: EdgeInsets = { top: 0, bottom: 0, left: 0, right: 0 };
|
|
45
87
|
|
|
@@ -209,13 +251,35 @@ const BottomSheetModalStyled = forwardRef<
|
|
|
209
251
|
ref,
|
|
210
252
|
) => {
|
|
211
253
|
const parent = useParentContext();
|
|
212
|
-
const
|
|
254
|
+
const hasFooter = footer != null || rest.footerComponent != null;
|
|
255
|
+
const measuresFooter = IS_WEB && footer != null;
|
|
256
|
+
const [measuredFooterHeight, setMeasuredFooterHeight] = useState(0);
|
|
257
|
+
const footerHeight = measuresFooter ? measuredFooterHeight : undefined;
|
|
258
|
+
const ctx = useMemo(
|
|
259
|
+
() => ({
|
|
260
|
+
...parent,
|
|
261
|
+
[SCOPE]: { fullBleed, hasFooter, footerHeight } satisfies BottomSheetScopeContext,
|
|
262
|
+
}),
|
|
263
|
+
[parent, fullBleed, hasFooter, footerHeight],
|
|
264
|
+
);
|
|
265
|
+
|
|
266
|
+
const handleFooterLayout = useCallback((event: LayoutChangeEvent) => {
|
|
267
|
+
setMeasuredFooterHeight(event.nativeEvent.layout.height);
|
|
268
|
+
}, []);
|
|
213
269
|
|
|
214
270
|
const renderFooter = useCallback(
|
|
215
271
|
(props: GorhomBottomSheetFooterProps) => (
|
|
216
|
-
<GorhomBottomSheetFooter {...props}>
|
|
272
|
+
<GorhomBottomSheetFooter {...props}>
|
|
273
|
+
{measuresFooter ? (
|
|
274
|
+
<View onLayout={handleFooterLayout} pointerEvents="box-none">
|
|
275
|
+
{footer}
|
|
276
|
+
</View>
|
|
277
|
+
) : (
|
|
278
|
+
footer
|
|
279
|
+
)}
|
|
280
|
+
</GorhomBottomSheetFooter>
|
|
217
281
|
),
|
|
218
|
-
[footer],
|
|
282
|
+
[footer, handleFooterLayout, measuresFooter],
|
|
219
283
|
);
|
|
220
284
|
|
|
221
285
|
const modalRef = useRef<BottomSheetModalRef | null>(null);
|
|
@@ -370,17 +434,22 @@ const BottomSheetModalStyled = forwardRef<
|
|
|
370
434
|
BottomSheetModalStyled.displayName = 'BottomSheet.Modal';
|
|
371
435
|
|
|
372
436
|
// =============================================================================
|
|
373
|
-
// SCROLLVIEW WRAPPER (
|
|
437
|
+
// SCROLLVIEW WRAPPER (reserves room for the sheet's footer by default)
|
|
374
438
|
// =============================================================================
|
|
375
439
|
|
|
376
440
|
function BottomSheetScrollViewStyled({
|
|
377
|
-
enableFooterMarginAdjustment
|
|
441
|
+
enableFooterMarginAdjustment,
|
|
378
442
|
children,
|
|
379
443
|
...rest
|
|
380
444
|
}: React.ComponentPropsWithoutRef<typeof BottomSheetScrollView>) {
|
|
445
|
+
const footerMargin = useFooterMargin(enableFooterMarginAdjustment);
|
|
381
446
|
return (
|
|
382
|
-
<BottomSheetScrollView
|
|
447
|
+
<BottomSheetScrollView
|
|
448
|
+
enableFooterMarginAdjustment={footerMargin.enableFooterMarginAdjustment}
|
|
449
|
+
{...rest}
|
|
450
|
+
>
|
|
383
451
|
{children}
|
|
452
|
+
{footerMargin.spacer}
|
|
384
453
|
</BottomSheetScrollView>
|
|
385
454
|
);
|
|
386
455
|
}
|
|
@@ -388,17 +457,22 @@ function BottomSheetScrollViewStyled({
|
|
|
388
457
|
BottomSheetScrollViewStyled.displayName = 'BottomSheet.ScrollView';
|
|
389
458
|
|
|
390
459
|
// =============================================================================
|
|
391
|
-
// VIEW WRAPPER (
|
|
460
|
+
// VIEW WRAPPER (reserves room for the sheet's footer by default)
|
|
392
461
|
// =============================================================================
|
|
393
462
|
|
|
394
463
|
function BottomSheetViewStyled({
|
|
395
|
-
enableFooterMarginAdjustment
|
|
464
|
+
enableFooterMarginAdjustment,
|
|
396
465
|
children,
|
|
397
466
|
...rest
|
|
398
467
|
}: React.ComponentPropsWithoutRef<typeof BottomSheetView>) {
|
|
468
|
+
const footerMargin = useFooterMargin(enableFooterMarginAdjustment);
|
|
399
469
|
return (
|
|
400
|
-
<BottomSheetView
|
|
470
|
+
<BottomSheetView
|
|
471
|
+
enableFooterMarginAdjustment={footerMargin.enableFooterMarginAdjustment}
|
|
472
|
+
{...rest}
|
|
473
|
+
>
|
|
401
474
|
{children}
|
|
475
|
+
{footerMargin.spacer}
|
|
402
476
|
</BottomSheetView>
|
|
403
477
|
);
|
|
404
478
|
}
|
|
@@ -466,5 +540,6 @@ export function useBottomSheet() {
|
|
|
466
540
|
* ```
|
|
467
541
|
*/
|
|
468
542
|
export function useBottomSheetScrollable() {
|
|
469
|
-
|
|
543
|
+
const enableFooterMarginAdjustment = useBottomSheetScopeContext()?.hasFooter ?? true;
|
|
544
|
+
return useBottomSheetScrollableCreator({ enableFooterMarginAdjustment });
|
|
470
545
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { forwardRef, useState } from 'react';
|
|
2
|
-
import { type TextInput, type TextInputProps, type ViewProps } from 'react-native';
|
|
2
|
+
import { Text, type TextInput, type TextInputProps, type ViewProps } from 'react-native';
|
|
3
3
|
import {
|
|
4
4
|
InputField as InputFieldPrimitive,
|
|
5
5
|
InputRoot as InputRootPrimitive,
|
|
@@ -10,6 +10,7 @@ import { cn } from '@cdx-ui/utils';
|
|
|
10
10
|
import {
|
|
11
11
|
type CurrencyInputVariantProps,
|
|
12
12
|
currencyInputFieldVariants,
|
|
13
|
+
currencyInputPrefixVariants,
|
|
13
14
|
currencyInputRootVariants,
|
|
14
15
|
} from './styles';
|
|
15
16
|
|
|
@@ -44,7 +45,10 @@ export interface CurrencyInputProps
|
|
|
44
45
|
value?: number;
|
|
45
46
|
/** Called with the parsed amount in major currency units, not cents, when the user edits the field. */
|
|
46
47
|
onChangeValue?: (value: number) => void;
|
|
47
|
-
/**
|
|
48
|
+
/**
|
|
49
|
+
* Currency symbol shown before the amount. Defaults to `"$"`. Part of the field text in
|
|
50
|
+
* `ghost`; a separate, non-editable prefix in `outline`.
|
|
51
|
+
*/
|
|
48
52
|
currencySymbol?: string;
|
|
49
53
|
className?: string;
|
|
50
54
|
style?: ViewProps['style'];
|
|
@@ -56,6 +60,7 @@ export const CurrencyInput = forwardRef<TextInput, CurrencyInputProps>(
|
|
|
56
60
|
value,
|
|
57
61
|
onChangeValue,
|
|
58
62
|
currencySymbol = '$',
|
|
63
|
+
variant = 'ghost',
|
|
59
64
|
size = 'default',
|
|
60
65
|
isDisabled,
|
|
61
66
|
isInvalid,
|
|
@@ -90,17 +95,25 @@ export const CurrencyInput = forwardRef<TextInput, CurrencyInputProps>(
|
|
|
90
95
|
type BlurHandler = NonNullable<TextInputProps['onBlur']>;
|
|
91
96
|
type SelectionChangeHandler = NonNullable<TextInputProps['onSelectionChange']>;
|
|
92
97
|
|
|
98
|
+
const isOutline = variant === 'outline';
|
|
99
|
+
|
|
100
|
+
// `outline` renders the symbol as a separate prefix, so the TextInput holds only the
|
|
101
|
+
// amount. Every caret index is measured against this field text, never the full display.
|
|
102
|
+
const fieldTextFor = (cents: number) => {
|
|
103
|
+
const amount = centsToAmountDisplay(cents);
|
|
104
|
+
return isOutline ? amount : `${currencySymbol}${amount}`;
|
|
105
|
+
};
|
|
106
|
+
|
|
93
107
|
const displayCents = editingCents !== null ? editingCents : valueToCents(value);
|
|
94
|
-
const
|
|
95
|
-
const
|
|
108
|
+
const fullDisplay = `${currencySymbol}${centsToAmountDisplay(displayCents)}`;
|
|
109
|
+
const fieldText = fieldTextFor(displayCents);
|
|
96
110
|
const isEmpty = displayCents === 0;
|
|
97
111
|
|
|
98
|
-
// Index just past the last character of the
|
|
99
|
-
// Computed from `cents` (not the render-closure `
|
|
112
|
+
// Index just past the last character of the field text for a given cents.
|
|
113
|
+
// Computed from `cents` (not the render-closure `fieldText`) so the caret is
|
|
100
114
|
// correct in the same commit as a value change, even when a reformat adds or
|
|
101
115
|
// removes a grouping comma (e.g. 444.44 → 3,444.44) and changes the length.
|
|
102
|
-
const caretIndexFor = (cents: number) =>
|
|
103
|
-
`${currencySymbol}${centsToAmountDisplay(cents)}`.length;
|
|
116
|
+
const caretIndexFor = (cents: number) => fieldTextFor(cents).length;
|
|
104
117
|
|
|
105
118
|
const pinCaret = (end: number) => setSelection({ start: end, end });
|
|
106
119
|
|
|
@@ -147,7 +160,7 @@ export const CurrencyInput = forwardRef<TextInput, CurrencyInputProps>(
|
|
|
147
160
|
if (editingCents === null) {
|
|
148
161
|
return;
|
|
149
162
|
}
|
|
150
|
-
const end =
|
|
163
|
+
const end = fieldText.length;
|
|
151
164
|
const { selection: current } = e.nativeEvent;
|
|
152
165
|
if (current.end < end) {
|
|
153
166
|
pinCaret(end);
|
|
@@ -163,13 +176,24 @@ export const CurrencyInput = forwardRef<TextInput, CurrencyInputProps>(
|
|
|
163
176
|
isFocused={isFocused}
|
|
164
177
|
isHovered={isHovered}
|
|
165
178
|
isFullWidth={isFullWidth}
|
|
166
|
-
className={cn(currencyInputRootVariants({ size }), className)}
|
|
179
|
+
className={cn(currencyInputRootVariants({ variant, size }), className)}
|
|
167
180
|
style={style}
|
|
168
181
|
{...dataAttributes({ slot: 'currency-input' })}
|
|
169
182
|
>
|
|
183
|
+
{isOutline ? (
|
|
184
|
+
// Hidden from assistive tech: `accessibilityValue` already announces the symbol.
|
|
185
|
+
<Text
|
|
186
|
+
className={currencyInputPrefixVariants({ size })}
|
|
187
|
+
aria-hidden
|
|
188
|
+
importantForAccessibility="no-hide-descendants"
|
|
189
|
+
{...dataAttributes({ slot: 'currency-input-prefix' })}
|
|
190
|
+
>
|
|
191
|
+
{currencySymbol}
|
|
192
|
+
</Text>
|
|
193
|
+
) : null}
|
|
170
194
|
<InputFieldPrimitive
|
|
171
195
|
ref={ref}
|
|
172
|
-
value={
|
|
196
|
+
value={fieldText}
|
|
173
197
|
selection={selection}
|
|
174
198
|
onChangeText={handleChangeText}
|
|
175
199
|
onSelectionChange={handleSelectionChange}
|
|
@@ -182,7 +206,7 @@ export const CurrencyInput = forwardRef<TextInput, CurrencyInputProps>(
|
|
|
182
206
|
onFocus={handleFocus}
|
|
183
207
|
onBlur={handleBlur}
|
|
184
208
|
className={cn(
|
|
185
|
-
currencyInputFieldVariants({ size }),
|
|
209
|
+
currencyInputFieldVariants({ variant, size }),
|
|
186
210
|
isEmpty ? 'text-content-tertiary' : 'text-content-primary',
|
|
187
211
|
)}
|
|
188
212
|
/>
|
|
@@ -1,7 +1,23 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { cn, cva } from '@cdx-ui/utils';
|
|
2
2
|
import { DISABLED_CURSOR } from '../../styles/constants';
|
|
3
|
+
import { inputFieldVariants, inputRootVariants } from '../Input/styles';
|
|
3
4
|
|
|
4
|
-
export
|
|
5
|
+
export interface CurrencyInputVariantProps {
|
|
6
|
+
/**
|
|
7
|
+
* Visual style. `ghost` is the large, centered, borderless amount entry; `outline` renders
|
|
8
|
+
* the bordered `Input` shell with a leading currency-symbol prefix, for amounts that sit
|
|
9
|
+
* alongside other form fields.
|
|
10
|
+
* @default 'ghost'
|
|
11
|
+
*/
|
|
12
|
+
variant?: 'ghost' | 'outline';
|
|
13
|
+
/**
|
|
14
|
+
* Height, padding, and text size.
|
|
15
|
+
* @default 'default'
|
|
16
|
+
*/
|
|
17
|
+
size?: 'default' | 'small';
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
const currencyInputGhostRootVariants = cva(
|
|
5
21
|
[
|
|
6
22
|
'w-full items-center justify-center',
|
|
7
23
|
'data-[disabled=true]:opacity-[var(--opacity-disabled)]',
|
|
@@ -21,7 +37,7 @@ export const currencyInputRootVariants = cva(
|
|
|
21
37
|
},
|
|
22
38
|
);
|
|
23
39
|
|
|
24
|
-
|
|
40
|
+
const currencyInputGhostFieldVariants = cva(
|
|
25
41
|
[
|
|
26
42
|
'w-full bg-transparent p-0 text-center',
|
|
27
43
|
'placeholder:text-content-tertiary',
|
|
@@ -41,4 +57,35 @@ export const currencyInputFieldVariants = cva(
|
|
|
41
57
|
},
|
|
42
58
|
);
|
|
43
59
|
|
|
44
|
-
|
|
60
|
+
// `outline` delegates to the Input shell so border, focus, invalid, disabled, and read-only
|
|
61
|
+
// treatments (including the native `data-[field-state=...]` focus selectors) stay in one place.
|
|
62
|
+
// Figma `outlined` spaces the symbol 8px from the amount, tighter than Input's 16px slot gap.
|
|
63
|
+
export const currencyInputRootVariants = ({
|
|
64
|
+
variant = 'ghost',
|
|
65
|
+
size = 'default',
|
|
66
|
+
}: CurrencyInputVariantProps = {}): string =>
|
|
67
|
+
variant === 'outline'
|
|
68
|
+
? cn(inputRootVariants({ variant: 'outline', size }), size === 'default' && 'gap-2')
|
|
69
|
+
: currencyInputGhostRootVariants({ size });
|
|
70
|
+
|
|
71
|
+
export const currencyInputFieldVariants = ({
|
|
72
|
+
variant = 'ghost',
|
|
73
|
+
size = 'default',
|
|
74
|
+
}: CurrencyInputVariantProps = {}): string =>
|
|
75
|
+
variant === 'outline' ? inputFieldVariants({ size }) : currencyInputGhostFieldVariants({ size });
|
|
76
|
+
|
|
77
|
+
// Figma keeps the symbol at body-md on every viewport; only the amount grows to 16px on web <600px.
|
|
78
|
+
export const currencyInputPrefixVariants = cva(
|
|
79
|
+
['shrink-0 font-medium text-content-secondary tracking-normal'],
|
|
80
|
+
{
|
|
81
|
+
variants: {
|
|
82
|
+
size: {
|
|
83
|
+
default: 'text-[0.875rem]',
|
|
84
|
+
small: 'text-[0.75rem]',
|
|
85
|
+
},
|
|
86
|
+
},
|
|
87
|
+
defaultVariants: {
|
|
88
|
+
size: 'default',
|
|
89
|
+
},
|
|
90
|
+
},
|
|
91
|
+
);
|