@cdx-ui/components 0.0.1-beta.139 → 0.0.1-beta.140
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/lib/commonjs/components/Alert/styles.js +8 -8
- package/lib/commonjs/components/Alert/styles.js.map +1 -1
- package/lib/commonjs/components/Avatar/styles.js +6 -6
- package/lib/commonjs/components/Avatar/styles.js.map +1 -1
- package/lib/commonjs/components/Badge/styles.js +5 -5
- package/lib/commonjs/components/Badge/styles.js.map +1 -1
- package/lib/commonjs/components/BottomSheet/styles.js +4 -4
- package/lib/commonjs/components/BottomSheet/styles.js.map +1 -1
- package/lib/commonjs/components/Breadcrumbs/styles.js +5 -5
- package/lib/commonjs/components/Breadcrumbs/styles.js.map +1 -1
- package/lib/commonjs/components/Button/styles.js +7 -7
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- package/lib/commonjs/components/CLAUDE.md +1 -1
- package/lib/commonjs/components/Card/styles.js +7 -7
- package/lib/commonjs/components/Card/styles.js.map +1 -1
- package/lib/commonjs/components/Carousel/styles.js +4 -4
- package/lib/commonjs/components/Carousel/styles.js.map +1 -1
- package/lib/commonjs/components/Checkbox/styles.js +6 -6
- package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
- package/lib/commonjs/components/Chip/styles.js +5 -5
- package/lib/commonjs/components/Chip/styles.js.map +1 -1
- package/lib/commonjs/components/CurrencyInput/styles.js +3 -3
- package/lib/commonjs/components/CurrencyInput/styles.js.map +1 -1
- package/lib/commonjs/components/Dialog/styles.js +13 -13
- package/lib/commonjs/components/Dialog/styles.js.map +1 -1
- package/lib/commonjs/components/Divider/styles.js +4 -4
- package/lib/commonjs/components/Divider/styles.js.map +1 -1
- package/lib/commonjs/components/Field/styles.js +8 -8
- package/lib/commonjs/components/Field/styles.js.map +1 -1
- package/lib/commonjs/components/Form/styles.js +2 -2
- package/lib/commonjs/components/Form/styles.js.map +1 -1
- package/lib/commonjs/components/Heading/styles.js +2 -2
- package/lib/commonjs/components/Heading/styles.js.map +1 -1
- package/lib/commonjs/components/IconButton/styles.js +4 -4
- package/lib/commonjs/components/IconButton/styles.js.map +1 -1
- package/lib/commonjs/components/Input/styles.js +6 -6
- package/lib/commonjs/components/Input/styles.js.map +1 -1
- package/lib/commonjs/components/InsuranceDisclosure/styles.js +4 -4
- package/lib/commonjs/components/InsuranceDisclosure/styles.js.map +1 -1
- package/lib/commonjs/components/Link/styles.js +5 -5
- package/lib/commonjs/components/Link/styles.js.map +1 -1
- package/lib/commonjs/components/ListItem/styles.js +10 -10
- package/lib/commonjs/components/ListItem/styles.js.map +1 -1
- package/lib/commonjs/components/OtpInput/styles.js +4 -4
- package/lib/commonjs/components/OtpInput/styles.js.map +1 -1
- package/lib/commonjs/components/ProgressBar/styles.js +3 -3
- package/lib/commonjs/components/ProgressBar/styles.js.map +1 -1
- package/lib/commonjs/components/ProgressSegmented/styles.js +3 -3
- package/lib/commonjs/components/ProgressSegmented/styles.js.map +1 -1
- package/lib/commonjs/components/QuickActionButton/styles.js +5 -5
- package/lib/commonjs/components/QuickActionButton/styles.js.map +1 -1
- package/lib/commonjs/components/Radio/styles.js +6 -6
- package/lib/commonjs/components/Radio/styles.js.map +1 -1
- package/lib/commonjs/components/ScrollShadow/styles.js +4 -4
- package/lib/commonjs/components/ScrollShadow/styles.js.map +1 -1
- package/lib/commonjs/components/Select/styles.js +7 -7
- package/lib/commonjs/components/Select/styles.js.map +1 -1
- package/lib/commonjs/components/Skeleton/styles.js +2 -2
- package/lib/commonjs/components/Skeleton/styles.js.map +1 -1
- package/lib/commonjs/components/Slider/styles.js +10 -10
- package/lib/commonjs/components/Slider/styles.js.map +1 -1
- package/lib/commonjs/components/Stack/styles.js +3 -3
- package/lib/commonjs/components/Stack/styles.js.map +1 -1
- package/lib/commonjs/components/Switch/styles.js +8 -8
- package/lib/commonjs/components/Switch/styles.js.map +1 -1
- package/lib/commonjs/components/Tabs/styles.js +16 -16
- package/lib/commonjs/components/Tabs/styles.js.map +1 -1
- package/lib/commonjs/components/Text/styles.js +2 -2
- package/lib/commonjs/components/Text/styles.js.map +1 -1
- package/lib/commonjs/components/Textarea/styles.js +4 -4
- package/lib/commonjs/components/Textarea/styles.js.map +1 -1
- package/lib/commonjs/components/Tile/styles.js +9 -9
- package/lib/commonjs/components/Tile/styles.js.map +1 -1
- package/lib/commonjs/components/Toast/styles.js +6 -6
- package/lib/commonjs/components/Toast/styles.js.map +1 -1
- package/lib/module/components/Alert/styles.js +1 -1
- package/lib/module/components/Alert/styles.js.map +1 -1
- package/lib/module/components/Avatar/styles.js +1 -1
- package/lib/module/components/Avatar/styles.js.map +1 -1
- package/lib/module/components/Badge/styles.js +1 -1
- package/lib/module/components/Badge/styles.js.map +1 -1
- package/lib/module/components/BottomSheet/styles.js +1 -1
- package/lib/module/components/BottomSheet/styles.js.map +1 -1
- package/lib/module/components/Breadcrumbs/styles.js +1 -1
- package/lib/module/components/Breadcrumbs/styles.js.map +1 -1
- package/lib/module/components/Button/styles.js +1 -1
- package/lib/module/components/Button/styles.js.map +1 -1
- package/lib/module/components/CLAUDE.md +1 -1
- package/lib/module/components/Card/styles.js +1 -1
- package/lib/module/components/Card/styles.js.map +1 -1
- package/lib/module/components/Carousel/styles.js +1 -1
- package/lib/module/components/Carousel/styles.js.map +1 -1
- package/lib/module/components/Checkbox/styles.js +1 -1
- package/lib/module/components/Checkbox/styles.js.map +1 -1
- package/lib/module/components/Chip/styles.js +1 -1
- package/lib/module/components/Chip/styles.js.map +1 -1
- package/lib/module/components/CurrencyInput/styles.js +1 -1
- package/lib/module/components/CurrencyInput/styles.js.map +1 -1
- package/lib/module/components/Dialog/styles.js +1 -1
- package/lib/module/components/Dialog/styles.js.map +1 -1
- package/lib/module/components/Divider/styles.js +1 -1
- package/lib/module/components/Divider/styles.js.map +1 -1
- package/lib/module/components/Field/styles.js +1 -1
- package/lib/module/components/Field/styles.js.map +1 -1
- package/lib/module/components/Form/styles.js +1 -1
- package/lib/module/components/Form/styles.js.map +1 -1
- package/lib/module/components/Heading/styles.js +1 -1
- package/lib/module/components/Heading/styles.js.map +1 -1
- package/lib/module/components/IconButton/styles.js +1 -1
- package/lib/module/components/IconButton/styles.js.map +1 -1
- package/lib/module/components/Input/styles.js +1 -1
- package/lib/module/components/Input/styles.js.map +1 -1
- package/lib/module/components/InsuranceDisclosure/styles.js +1 -1
- package/lib/module/components/InsuranceDisclosure/styles.js.map +1 -1
- package/lib/module/components/Link/styles.js +1 -1
- package/lib/module/components/Link/styles.js.map +1 -1
- package/lib/module/components/ListItem/styles.js +1 -1
- package/lib/module/components/ListItem/styles.js.map +1 -1
- package/lib/module/components/OtpInput/styles.js +1 -1
- package/lib/module/components/OtpInput/styles.js.map +1 -1
- package/lib/module/components/ProgressBar/styles.js +1 -1
- package/lib/module/components/ProgressBar/styles.js.map +1 -1
- package/lib/module/components/ProgressSegmented/styles.js +1 -1
- package/lib/module/components/ProgressSegmented/styles.js.map +1 -1
- package/lib/module/components/QuickActionButton/styles.js +1 -1
- package/lib/module/components/QuickActionButton/styles.js.map +1 -1
- package/lib/module/components/Radio/styles.js +1 -1
- package/lib/module/components/Radio/styles.js.map +1 -1
- package/lib/module/components/ScrollShadow/styles.js +1 -1
- package/lib/module/components/ScrollShadow/styles.js.map +1 -1
- package/lib/module/components/Select/styles.js +1 -1
- package/lib/module/components/Select/styles.js.map +1 -1
- package/lib/module/components/Skeleton/styles.js +1 -1
- package/lib/module/components/Skeleton/styles.js.map +1 -1
- package/lib/module/components/Slider/styles.js +1 -1
- package/lib/module/components/Slider/styles.js.map +1 -1
- package/lib/module/components/Stack/styles.js +1 -1
- package/lib/module/components/Stack/styles.js.map +1 -1
- package/lib/module/components/Switch/styles.js +1 -1
- package/lib/module/components/Switch/styles.js.map +1 -1
- package/lib/module/components/Tabs/styles.js +1 -1
- package/lib/module/components/Tabs/styles.js.map +1 -1
- package/lib/module/components/Text/styles.js +1 -1
- package/lib/module/components/Text/styles.js.map +1 -1
- package/lib/module/components/Textarea/styles.js +1 -1
- package/lib/module/components/Textarea/styles.js.map +1 -1
- package/lib/module/components/Tile/styles.js +1 -1
- package/lib/module/components/Tile/styles.js.map +1 -1
- package/lib/module/components/Toast/styles.js +1 -1
- package/lib/module/components/Toast/styles.js.map +1 -1
- package/lib/typescript/components/Alert/styles.d.ts +1 -1
- package/lib/typescript/components/Alert/styles.d.ts.map +1 -1
- package/lib/typescript/components/Avatar/styles.d.ts +1 -1
- package/lib/typescript/components/Avatar/styles.d.ts.map +1 -1
- package/lib/typescript/components/Badge/styles.d.ts +1 -1
- package/lib/typescript/components/Badge/styles.d.ts.map +1 -1
- package/lib/typescript/components/BottomSheet/styles.d.ts +1 -1
- package/lib/typescript/components/BottomSheet/styles.d.ts.map +1 -1
- package/lib/typescript/components/Breadcrumbs/styles.d.ts +1 -1
- package/lib/typescript/components/Breadcrumbs/styles.d.ts.map +1 -1
- package/lib/typescript/components/Button/styles.d.ts +1 -1
- package/lib/typescript/components/Button/styles.d.ts.map +1 -1
- package/lib/typescript/components/Card/styles.d.ts +1 -1
- package/lib/typescript/components/Card/styles.d.ts.map +1 -1
- package/lib/typescript/components/Carousel/styles.d.ts +1 -1
- package/lib/typescript/components/Carousel/styles.d.ts.map +1 -1
- package/lib/typescript/components/Chip/styles.d.ts +1 -1
- package/lib/typescript/components/Chip/styles.d.ts.map +1 -1
- package/lib/typescript/components/CurrencyInput/styles.d.ts +1 -1
- package/lib/typescript/components/CurrencyInput/styles.d.ts.map +1 -1
- package/lib/typescript/components/Dialog/styles.d.ts +1 -1
- package/lib/typescript/components/Dialog/styles.d.ts.map +1 -1
- package/lib/typescript/components/Divider/styles.d.ts +1 -1
- package/lib/typescript/components/Divider/styles.d.ts.map +1 -1
- package/lib/typescript/components/Field/styles.d.ts +1 -1
- package/lib/typescript/components/Field/styles.d.ts.map +1 -1
- package/lib/typescript/components/Heading/styles.d.ts +1 -1
- package/lib/typescript/components/Heading/styles.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/styles.d.ts +1 -1
- package/lib/typescript/components/IconButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Input/styles.d.ts +1 -1
- package/lib/typescript/components/Input/styles.d.ts.map +1 -1
- package/lib/typescript/components/Link/styles.d.ts +1 -1
- package/lib/typescript/components/Link/styles.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/styles.d.ts +1 -1
- package/lib/typescript/components/ListItem/styles.d.ts.map +1 -1
- package/lib/typescript/components/OtpInput/styles.d.ts +1 -1
- package/lib/typescript/components/OtpInput/styles.d.ts.map +1 -1
- package/lib/typescript/components/ProgressBar/styles.d.ts +1 -1
- package/lib/typescript/components/ProgressBar/styles.d.ts.map +1 -1
- package/lib/typescript/components/ProgressSegmented/styles.d.ts +1 -1
- package/lib/typescript/components/ProgressSegmented/styles.d.ts.map +1 -1
- package/lib/typescript/components/QuickActionButton/styles.d.ts +1 -1
- package/lib/typescript/components/QuickActionButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/ScrollShadow/styles.d.ts +1 -1
- package/lib/typescript/components/ScrollShadow/styles.d.ts.map +1 -1
- package/lib/typescript/components/Select/styles.d.ts +1 -1
- package/lib/typescript/components/Select/styles.d.ts.map +1 -1
- package/lib/typescript/components/Skeleton/styles.d.ts +1 -1
- package/lib/typescript/components/Skeleton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Slider/styles.d.ts +1 -1
- package/lib/typescript/components/Slider/styles.d.ts.map +1 -1
- package/lib/typescript/components/Switch/styles.d.ts +1 -1
- package/lib/typescript/components/Switch/styles.d.ts.map +1 -1
- package/lib/typescript/components/Tabs/styles.d.ts +1 -1
- package/lib/typescript/components/Tabs/styles.d.ts.map +1 -1
- package/lib/typescript/components/Text/styles.d.ts +1 -1
- package/lib/typescript/components/Text/styles.d.ts.map +1 -1
- package/lib/typescript/components/Textarea/styles.d.ts +1 -1
- package/lib/typescript/components/Textarea/styles.d.ts.map +1 -1
- package/lib/typescript/components/Tile/styles.d.ts +1 -1
- package/lib/typescript/components/Tile/styles.d.ts.map +1 -1
- package/lib/typescript/components/Toast/styles.d.ts +1 -1
- package/lib/typescript/components/Toast/styles.d.ts.map +1 -1
- package/package.json +4 -5
- package/src/components/Alert/styles.ts +1 -1
- package/src/components/Avatar/styles.ts +1 -1
- package/src/components/Badge/styles.ts +1 -1
- package/src/components/BottomSheet/styles.ts +1 -1
- package/src/components/Breadcrumbs/styles.ts +1 -1
- package/src/components/Button/styles.ts +1 -1
- package/src/components/CLAUDE.md +1 -1
- package/src/components/Card/styles.ts +1 -1
- package/src/components/Carousel/styles.ts +1 -1
- package/src/components/Checkbox/styles.ts +1 -1
- package/src/components/Chip/styles.ts +1 -1
- package/src/components/CurrencyInput/styles.ts +1 -1
- package/src/components/Dialog/styles.ts +1 -1
- package/src/components/Divider/styles.ts +1 -1
- package/src/components/Field/styles.ts +1 -1
- package/src/components/Form/styles.ts +1 -1
- package/src/components/Heading/styles.ts +1 -1
- package/src/components/IconButton/styles.ts +1 -1
- package/src/components/Input/styles.ts +1 -1
- package/src/components/InsuranceDisclosure/styles.ts +1 -1
- package/src/components/Link/styles.ts +1 -1
- package/src/components/ListItem/styles.ts +1 -1
- package/src/components/OtpInput/styles.ts +1 -1
- package/src/components/ProgressBar/styles.ts +1 -1
- package/src/components/ProgressSegmented/styles.ts +1 -1
- package/src/components/QuickActionButton/styles.ts +1 -1
- package/src/components/Radio/styles.ts +1 -1
- package/src/components/ScrollShadow/styles.ts +1 -1
- package/src/components/Select/styles.ts +1 -1
- package/src/components/Skeleton/styles.ts +1 -1
- package/src/components/Slider/styles.ts +1 -1
- package/src/components/Stack/styles.ts +1 -1
- package/src/components/Switch/styles.ts +1 -1
- package/src/components/Tabs/styles.ts +1 -1
- package/src/components/Text/styles.ts +1 -1
- package/src/components/Textarea/styles.ts +1 -1
- package/src/components/Tile/styles.ts +1 -1
- package/src/components/Toast/styles.ts +1 -1
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.currencyInputRootVariants = exports.currencyInputFieldVariants = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
8
|
var _constants = require("../../styles/constants");
|
|
9
|
-
const currencyInputRootVariants = exports.currencyInputRootVariants = (0,
|
|
9
|
+
const currencyInputRootVariants = exports.currencyInputRootVariants = (0, _utils.cva)(['w-full items-center justify-center', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _constants.DISABLED_CURSOR, 'data-[readonly=true]:cursor-default'], {
|
|
10
10
|
variants: {
|
|
11
11
|
size: {
|
|
12
12
|
default: 'py-1',
|
|
@@ -17,7 +17,7 @@ const currencyInputRootVariants = exports.currencyInputRootVariants = (0, _class
|
|
|
17
17
|
size: 'default'
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
|
-
const currencyInputFieldVariants = exports.currencyInputFieldVariants = (0,
|
|
20
|
+
const currencyInputFieldVariants = exports.currencyInputFieldVariants = (0, _utils.cva)(['w-full bg-transparent p-0 text-center', 'placeholder:text-content-tertiary', 'web:outline-none', 'data-[invalid=true]:text-content-danger'], {
|
|
21
21
|
variants: {
|
|
22
22
|
size: {
|
|
23
23
|
default: 'heading-xl',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_utils","require","_constants","currencyInputRootVariants","exports","cva","DISABLED_CURSOR","variants","size","default","small","defaultVariants","currencyInputFieldVariants"],"sourceRoot":"../../../../src","sources":["components/CurrencyInput/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,UAAG,EAC1C,CACE,oCAAoC,EACpC,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,CACtC,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,MAAM;MACfC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,0BAA0B,GAAAR,OAAA,CAAAQ,0BAAA,GAAG,IAAAP,UAAG,EAC3C,CACE,uCAAuC,EACvC,mCAAmC,EACnC,kBAAkB,EAClB,yCAAyC,CAC1C,EACD;EACEE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,YAAY;MACrBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.dialogTitleVariants = exports.dialogTitleIconVariants = exports.dialogTextVariants = exports.dialogPortalVariants = exports.dialogPopupVariants = exports.dialogOverlayVariants = exports.dialogHeaderVariants = exports.dialogFooterVariants = exports.dialogDescriptionVariants = exports.dialogContentVariants = exports.dialogCloseVariants = exports.dialogCloseIconVariants = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
|
-
var
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
9
|
var _constants = require("../../styles/constants");
|
|
10
10
|
// ── Portal container ────────────────────────────────────────
|
|
11
11
|
|
|
12
|
-
const dialogPortalVariants = exports.dialogPortalVariants = (0,
|
|
12
|
+
const dialogPortalVariants = exports.dialogPortalVariants = (0, _utils.cva)(['flex-1', 'absolute inset-0', 'web:fixed web:inset-0 web:z-50']);
|
|
13
13
|
|
|
14
14
|
// ── Overlay ─────────────────────────────────────────────────
|
|
15
15
|
|
|
16
|
-
const dialogOverlayVariants = exports.dialogOverlayVariants = (0,
|
|
16
|
+
const dialogOverlayVariants = exports.dialogOverlayVariants = (0, _utils.cva)(['absolute inset-0', 'bg-surface-backdrop', 'web:transition-opacity web:duration-200 web:ease-out', 'web:data-[state=entering]:opacity-0', 'web:data-[state=open]:opacity-100', 'web:data-[state=closed]:opacity-0 web:data-[state=closed]:duration-150', 'web:motion-reduce:transition-none web:motion-reduce:duration-0']);
|
|
17
17
|
|
|
18
18
|
// ── Popup (renamed from dialogContentVariants) ──────────────
|
|
19
19
|
|
|
20
|
-
const dialogPopupVariants = exports.dialogPopupVariants = (0,
|
|
20
|
+
const dialogPopupVariants = exports.dialogPopupVariants = (0, _utils.cva)(['bg-surface-primary', 'rounded-lg', _reactNative.Platform.select({
|
|
21
21
|
web: 'shadow-lg',
|
|
22
22
|
default: ''
|
|
23
23
|
}), 'max-h-[85vh] overflow-hidden', 'web:transition-[opacity,transform] web:duration-200 web:ease-out', 'web:data-[state=entering]:opacity-0 web:data-[state=entering]:scale-[0.96]', 'web:data-[state=open]:opacity-100 web:data-[state=open]:scale-100', 'web:data-[state=closed]:opacity-0 web:data-[state=closed]:scale-[0.96] web:data-[state=closed]:duration-150', 'web:motion-reduce:transition-none web:motion-reduce:duration-0'], {
|
|
@@ -38,11 +38,11 @@ const dialogPopupVariants = exports.dialogPopupVariants = (0, _classVarianceAuth
|
|
|
38
38
|
|
|
39
39
|
// ── Header ──────────────────────────────────────────────────
|
|
40
40
|
|
|
41
|
-
const dialogHeaderVariants = exports.dialogHeaderVariants = (0,
|
|
41
|
+
const dialogHeaderVariants = exports.dialogHeaderVariants = (0, _utils.cva)(['flex-col items-start justify-between shrink-0', 'pl-6 pr-14 py-4']);
|
|
42
42
|
|
|
43
43
|
// ── Title ───────────────────────────────────────────────────
|
|
44
44
|
|
|
45
|
-
const dialogTitleVariants = exports.dialogTitleVariants = (0,
|
|
45
|
+
const dialogTitleVariants = exports.dialogTitleVariants = (0, _utils.cva)(['heading-sm', 'text-content-primary'], {
|
|
46
46
|
variants: {
|
|
47
47
|
severity: {
|
|
48
48
|
neutral: '',
|
|
@@ -58,7 +58,7 @@ const dialogTitleVariants = exports.dialogTitleVariants = (0, _classVarianceAuth
|
|
|
58
58
|
|
|
59
59
|
// ── Title Icon ──────────────────────────────────────────────
|
|
60
60
|
|
|
61
|
-
const dialogTitleIconVariants = exports.dialogTitleIconVariants = (0,
|
|
61
|
+
const dialogTitleIconVariants = exports.dialogTitleIconVariants = (0, _utils.cva)(['size-5'], {
|
|
62
62
|
variants: {
|
|
63
63
|
severity: {
|
|
64
64
|
neutral: '',
|
|
@@ -74,11 +74,11 @@ const dialogTitleIconVariants = exports.dialogTitleIconVariants = (0, _classVari
|
|
|
74
74
|
|
|
75
75
|
// ── Description ─────────────────────────────────────────────
|
|
76
76
|
|
|
77
|
-
const dialogDescriptionVariants = exports.dialogDescriptionVariants = (0,
|
|
77
|
+
const dialogDescriptionVariants = exports.dialogDescriptionVariants = (0, _utils.cva)(['body-sm mt-1', 'text-content-secondary']);
|
|
78
78
|
|
|
79
79
|
// ── Content (renamed from dialogBodyVariants) ───────────────
|
|
80
80
|
|
|
81
|
-
const dialogContentVariants = exports.dialogContentVariants = (0,
|
|
81
|
+
const dialogContentVariants = exports.dialogContentVariants = (0, _utils.cva)(['px-6 py-0 gap-2 shrink min-h-0'], {
|
|
82
82
|
variants: {
|
|
83
83
|
fullBleed: {
|
|
84
84
|
true: 'px-0',
|
|
@@ -92,22 +92,22 @@ const dialogContentVariants = exports.dialogContentVariants = (0, _classVariance
|
|
|
92
92
|
|
|
93
93
|
// ── Text ────────────────────────────────────────────────────
|
|
94
94
|
|
|
95
|
-
const dialogTextVariants = exports.dialogTextVariants = (0,
|
|
95
|
+
const dialogTextVariants = exports.dialogTextVariants = (0, _utils.cva)(['body-md', 'text-content-primary']);
|
|
96
96
|
|
|
97
97
|
// ── Footer ──────────────────────────────────────────────────
|
|
98
98
|
|
|
99
|
-
const dialogFooterVariants = exports.dialogFooterVariants = (0,
|
|
99
|
+
const dialogFooterVariants = exports.dialogFooterVariants = (0, _utils.cva)(['flex-row items-center justify-end shrink-0', 'gap-2 px-6 pt-4 pb-6']);
|
|
100
100
|
|
|
101
101
|
// ── Close ───────────────────────────────────────────────────
|
|
102
102
|
|
|
103
|
-
const dialogCloseVariants = exports.dialogCloseVariants = (0,
|
|
103
|
+
const dialogCloseVariants = exports.dialogCloseVariants = (0, _utils.cva)(['absolute right-[14px] top-[14px]', 'min-w-[32px] min-h-[32px] items-center justify-center', 'p-[6px] rounded-full', _constants.TRANSITION_COLORS, _reactNative.Platform.select({
|
|
104
104
|
default: 'data-[active=true]:opacity-70',
|
|
105
105
|
web: ['data-[hover=true]:bg-surface-primary-hover', 'data-[active=true]:bg-surface-primary-active', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-stroke-focus data-[focus-visible=true]:ring-offset-2'].join(' ')
|
|
106
106
|
})]);
|
|
107
107
|
|
|
108
108
|
// ── Close Icon ──────────────────────────────────────────────
|
|
109
109
|
|
|
110
|
-
const dialogCloseIconVariants = exports.dialogCloseIconVariants = (0,
|
|
110
|
+
const dialogCloseIconVariants = exports.dialogCloseIconVariants = (0, _utils.cva)(['size-5 text-content-tertiary']);
|
|
111
111
|
|
|
112
112
|
// ── Exported types ──────────────────────────────────────────
|
|
113
113
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_utils","_constants","dialogPortalVariants","exports","cva","dialogOverlayVariants","dialogPopupVariants","Platform","select","web","default","variants","size","xs","sm","md","lg","xl","full","defaultVariants","dialogHeaderVariants","dialogTitleVariants","severity","neutral","danger","warning","success","dialogTitleIconVariants","dialogDescriptionVariants","dialogContentVariants","fullBleed","true","false","dialogTextVariants","dialogFooterVariants","dialogCloseVariants","TRANSITION_COLORS","join","dialogCloseIconVariants"],"sourceRoot":"../../../../src","sources":["components/Dialog/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.dividerRootVariants = exports.dividerLineVariants = exports.dividerLabelVariants = void 0;
|
|
7
|
-
var
|
|
8
|
-
const dividerRootVariants = exports.dividerRootVariants = (0,
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
|
+
const dividerRootVariants = exports.dividerRootVariants = (0, _utils.cva)('relative', {
|
|
9
9
|
variants: {
|
|
10
10
|
vertical: {
|
|
11
11
|
true: '',
|
|
@@ -38,7 +38,7 @@ const dividerRootVariants = exports.dividerRootVariants = (0, _classVarianceAuth
|
|
|
38
38
|
hasLabel: false
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
|
-
const dividerLineVariants = exports.dividerLineVariants = (0,
|
|
41
|
+
const dividerLineVariants = exports.dividerLineVariants = (0, _utils.cva)('shrink-0 bg-stroke-secondary', {
|
|
42
42
|
variants: {
|
|
43
43
|
vertical: {
|
|
44
44
|
true: 'w-px',
|
|
@@ -71,5 +71,5 @@ const dividerLineVariants = exports.dividerLineVariants = (0, _classVarianceAuth
|
|
|
71
71
|
flex: false
|
|
72
72
|
}
|
|
73
73
|
});
|
|
74
|
-
const dividerLabelVariants = exports.dividerLabelVariants = (0,
|
|
74
|
+
const dividerLabelVariants = exports.dividerLabelVariants = (0, _utils.cva)('body-xs shrink-0 text-content-tertiary');
|
|
75
75
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_utils","require","dividerRootVariants","exports","cva","variants","vertical","true","false","hasLabel","compoundVariants","class","defaultVariants","dividerLineVariants","flex","dividerLabelVariants"],"sourceRoot":"../../../../src","sources":["components/Divider/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,UAAG,EAAC,UAAU,EAAE;EACjDC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDE,gBAAgB,EAAE,CAChB;IACEJ,QAAQ,EAAE,KAAK;IACfG,QAAQ,EAAE,KAAK;IACfE,KAAK,EAAE;EACT,CAAC,EACD;IACEL,QAAQ,EAAE,KAAK;IACfG,QAAQ,EAAE,IAAI;IACdE,KAAK,EAAE;EACT,CAAC,EACD;IACEL,QAAQ,EAAE,IAAI;IACdG,QAAQ,EAAE,KAAK;IACfE,KAAK,EAAE;EACT,CAAC,EACD;IACEL,QAAQ,EAAE,IAAI;IACdG,QAAQ,EAAE,IAAI;IACdE,KAAK,EAAE;EACT,CAAC,CACF;EACDC,eAAe,EAAE;IACfN,QAAQ,EAAE,KAAK;IACfG,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEK,MAAMI,mBAAmB,GAAAV,OAAA,CAAAU,mBAAA,GAAG,IAAAT,UAAG,EAAC,8BAA8B,EAAE;EACrEC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT,CAAC;IACDM,IAAI,EAAE;MACJP,IAAI,EAAE,QAAQ;MACdC,KAAK,EAAE;IACT;EACF,CAAC;EACDE,gBAAgB,EAAE,CAChB;IACEJ,QAAQ,EAAE,KAAK;IACfQ,IAAI,EAAE,KAAK;IACXH,KAAK,EAAE;EACT,CAAC,EACD;IACEL,QAAQ,EAAE,KAAK;IACfQ,IAAI,EAAE,IAAI;IACVH,KAAK,EAAE;EACT,CAAC,EACD;IACEL,QAAQ,EAAE,IAAI;IACdQ,IAAI,EAAE,KAAK;IACXH,KAAK,EAAE;EACT,CAAC,EACD;IACEL,QAAQ,EAAE,IAAI;IACdQ,IAAI,EAAE,IAAI;IACVH,KAAK,EAAE;EACT,CAAC,CACF;EACDC,eAAe,EAAE;IACfN,QAAQ,EAAE,KAAK;IACfQ,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMC,oBAAoB,GAAAZ,OAAA,CAAAY,oBAAA,GAAG,IAAAX,UAAG,EAAC,wCAAwC,CAAC","ignoreList":[]}
|
|
@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.fieldRootVariants = exports.fieldLabelVariants = exports.fieldHelperVariants = exports.fieldHelperTextVariants = exports.fieldErrorVariants = exports.fieldErrorTextVariants = exports.fieldErrorIconVariants = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
8
|
var _constants = require("../../styles/constants");
|
|
9
|
-
const fieldRootVariants = exports.fieldRootVariants = (0,
|
|
10
|
-
const fieldLabelVariants = exports.fieldLabelVariants = (0,
|
|
11
|
-
const fieldHelperVariants = exports.fieldHelperVariants = (0,
|
|
12
|
-
const fieldHelperTextVariants = exports.fieldHelperTextVariants = (0,
|
|
13
|
-
const fieldErrorVariants = exports.fieldErrorVariants = (0,
|
|
14
|
-
const fieldErrorTextVariants = exports.fieldErrorTextVariants = (0,
|
|
15
|
-
const fieldErrorIconVariants = exports.fieldErrorIconVariants = (0,
|
|
9
|
+
const fieldRootVariants = exports.fieldRootVariants = (0, _utils.cva)(['group flex-col gap-2', 'web:last:mb-0', _constants.DISABLED_OPACITY]);
|
|
10
|
+
const fieldLabelVariants = exports.fieldLabelVariants = (0, _utils.cva)(['body-md', 'font-medium', 'text-content-primary', 'flex-row items-center', 'overflow-hidden', 'web:cursor-pointer', 'web:group-has-[[data-focus=true]]:data-[invalid=false]:text-content-action', 'data-[invalid=true]:text-content-danger']);
|
|
11
|
+
const fieldHelperVariants = exports.fieldHelperVariants = (0, _utils.cva)(['flex-row items-center min-h-4']);
|
|
12
|
+
const fieldHelperTextVariants = exports.fieldHelperTextVariants = (0, _utils.cva)(['body-sm', 'text-content-tertiary']);
|
|
13
|
+
const fieldErrorVariants = exports.fieldErrorVariants = (0, _utils.cva)(['flex-row items-center gap-0.5 min-h-4']);
|
|
14
|
+
const fieldErrorTextVariants = exports.fieldErrorTextVariants = (0, _utils.cva)(['body-sm', 'text-content-danger']);
|
|
15
|
+
const fieldErrorIconVariants = exports.fieldErrorIconVariants = (0, _utils.cva)(['size-3.5', 'text-content-danger']);
|
|
16
16
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_utils","require","_constants","fieldRootVariants","exports","cva","DISABLED_OPACITY","fieldLabelVariants","fieldHelperVariants","fieldHelperTextVariants","fieldErrorVariants","fieldErrorTextVariants","fieldErrorIconVariants"],"sourceRoot":"../../../../src","sources":["components/Field/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,UAAG,EAAC,CAAC,sBAAsB,EAAE,eAAe,EAAEC,2BAAgB,CAAC,CAAC;AAE1F,MAAMC,kBAAkB,GAAAH,OAAA,CAAAG,kBAAA,GAAG,IAAAF,UAAG,EAAC,CACpC,SAAS,EACT,aAAa,EACb,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACpB,4EAA4E,EAC5E,yCAAyC,CAC1C,CAAC;AAEK,MAAMG,mBAAmB,GAAAJ,OAAA,CAAAI,mBAAA,GAAG,IAAAH,UAAG,EAAC,CAAC,+BAA+B,CAAC,CAAC;AAElE,MAAMI,uBAAuB,GAAAL,OAAA,CAAAK,uBAAA,GAAG,IAAAJ,UAAG,EAAC,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;AAEzE,MAAMK,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,UAAG,EAAC,CAAC,uCAAuC,CAAC,CAAC;AAEzE,MAAMM,sBAAsB,GAAAP,OAAA,CAAAO,sBAAA,GAAG,IAAAN,UAAG,EAAC,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC;AAEtE,MAAMO,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAG,IAAAP,UAAG,EAAC,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.formRootVariants = void 0;
|
|
7
|
-
var
|
|
8
|
-
const formRootVariants = exports.formRootVariants = (0,
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
|
+
const formRootVariants = exports.formRootVariants = (0, _utils.cva)(['flex-col gap-4']);
|
|
9
9
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_utils","require","formRootVariants","exports","cva"],"sourceRoot":"../../../../src","sources":["components/Form/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,UAAG,EAAC,CAAC,gBAAgB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.headingStyle = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
|
-
var
|
|
9
|
-
const headingStyle = exports.headingStyle = (0,
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
const headingStyle = exports.headingStyle = (0, _utils.cva)([`text-content-primary my-0`, _reactNative.Platform.select({
|
|
10
10
|
web: 'bg-transparent no-underline',
|
|
11
11
|
default: ''
|
|
12
12
|
})], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_utils","headingStyle","exports","cva","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,UAAG,EAC7B,CACE,2BAA2B,EAC3BC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,6BAA6B;EAClCC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.iconButtonRootVariants = exports.iconButtonIconColorVariants = exports.iconButtonGlyphVariants = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
|
-
var
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
9
|
var _constants = require("../../styles/constants");
|
|
10
|
-
const iconButtonRootVariants = exports.iconButtonRootVariants = (0,
|
|
10
|
+
const iconButtonRootVariants = exports.iconButtonRootVariants = (0, _utils.cva)(['flex items-center justify-center', 'rounded-[var(--border-radius-round)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _constants.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _constants.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[var(--color-stroke-ring)] web:data-[focus-visible=true]:ring-offset-2'], {
|
|
11
11
|
variants: {
|
|
12
12
|
variant: {
|
|
13
13
|
solid: [],
|
|
@@ -100,7 +100,7 @@ const iconButtonRootVariants = exports.iconButtonRootVariants = (0, _classVarian
|
|
|
100
100
|
size: 'default'
|
|
101
101
|
}
|
|
102
102
|
});
|
|
103
|
-
const iconButtonGlyphVariants = exports.iconButtonGlyphVariants = (0,
|
|
103
|
+
const iconButtonGlyphVariants = exports.iconButtonGlyphVariants = (0, _utils.cva)([], {
|
|
104
104
|
variants: {
|
|
105
105
|
size: {
|
|
106
106
|
default: 'size-6',
|
|
@@ -111,7 +111,7 @@ const iconButtonGlyphVariants = exports.iconButtonGlyphVariants = (0, _classVari
|
|
|
111
111
|
size: 'default'
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
|
-
const iconButtonIconColorVariants = exports.iconButtonIconColorVariants = (0,
|
|
114
|
+
const iconButtonIconColorVariants = exports.iconButtonIconColorVariants = (0, _utils.cva)([], {
|
|
115
115
|
variants: {
|
|
116
116
|
variant: {
|
|
117
117
|
solid: [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_utils","_constants","iconButtonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","solid","subtle","ghost","color","neutral","action","danger","size","default","small","compoundVariants","className","Platform","select","web","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.inputSlotVariants = exports.inputRootVariants = exports.inputIconVariants = exports.inputFieldVariants = exports.inputFieldPlaceholderVariants = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
8
|
var _constants = require("../../styles/constants");
|
|
9
|
-
const inputRootVariants = exports.inputRootVariants = (0,
|
|
9
|
+
const inputRootVariants = exports.inputRootVariants = (0, _utils.cva)(['w-full flex-row items-center overflow-hidden', 'bg-surface-primary', 'border-solid border-stroke-primary', 'web:border-default native:border-[length:var(--border-width-default)]', 'rounded-[var(--border-radius-default)]', _constants.TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _constants.DISABLED_CURSOR, 'data-[readonly=true]:cursor-default', 'data-[readonly=true]:bg-surface-secondary', 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover',
|
|
10
10
|
// Web: inset ring avoids a border-width change so the shell never shifts on focus and
|
|
11
11
|
// no per-size padding compensation is required. Recolor the border to match the ring so
|
|
12
12
|
// the two read as a single focus outline instead of a gray border + colored ring.
|
|
@@ -28,7 +28,7 @@ const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthorit
|
|
|
28
28
|
size: 'default'
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
-
const inputFieldVariants = exports.inputFieldVariants = (0,
|
|
31
|
+
const inputFieldVariants = exports.inputFieldVariants = (0, _utils.cva)([
|
|
32
32
|
// `min-w-0` is critical on web: without it, a flex item defaults to `min-width: auto`,
|
|
33
33
|
// which is the input's intrinsic content width. When the shell ancestor uses
|
|
34
34
|
// `overflow-hidden` (for rounded corners), focusing the input via `<label htmlFor>`
|
|
@@ -46,8 +46,8 @@ const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthor
|
|
|
46
46
|
size: 'default'
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
|
-
const inputSlotVariants = exports.inputSlotVariants = (0,
|
|
50
|
-
const inputIconVariants = exports.inputIconVariants = (0,
|
|
49
|
+
const inputSlotVariants = exports.inputSlotVariants = (0, _utils.cva)(['items-center justify-center self-center shrink-0']);
|
|
50
|
+
const inputIconVariants = exports.inputIconVariants = (0, _utils.cva)(['text-content-tertiary'], {
|
|
51
51
|
variants: {
|
|
52
52
|
size: {
|
|
53
53
|
default: 'size-5',
|
|
@@ -58,5 +58,5 @@ const inputIconVariants = exports.inputIconVariants = (0, _classVarianceAuthorit
|
|
|
58
58
|
size: 'default'
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
|
-
const inputFieldPlaceholderVariants = exports.inputFieldPlaceholderVariants = (0,
|
|
61
|
+
const inputFieldPlaceholderVariants = exports.inputFieldPlaceholderVariants = (0, _utils.cva)(['accent-content-tertiary']);
|
|
62
62
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_utils","require","_constants","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,UAAG,EAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,UAAG,EACnC;AACE;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,EAClD,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,UAAG,EAAC,CAAC,kDAAkD,CAAC,CAAC;AAEnF,MAAMY,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,UAAG,EAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,UAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.insuranceDisclosureTextVariants = exports.insuranceDisclosureRootVariants = exports.insuranceDisclosureLogoVariants = void 0;
|
|
7
|
-
var
|
|
8
|
-
const insuranceDisclosureRootVariants = exports.insuranceDisclosureRootVariants = (0,
|
|
9
|
-
const insuranceDisclosureLogoVariants = exports.insuranceDisclosureLogoVariants = (0,
|
|
10
|
-
const insuranceDisclosureTextVariants = exports.insuranceDisclosureTextVariants = (0,
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
|
+
const insuranceDisclosureRootVariants = exports.insuranceDisclosureRootVariants = (0, _utils.cva)(['w-full max-w-full items-center justify-start', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'p-4']);
|
|
9
|
+
const insuranceDisclosureLogoVariants = exports.insuranceDisclosureLogoVariants = (0, _utils.cva)(['h-[23px] w-[37px]']);
|
|
10
|
+
const insuranceDisclosureTextVariants = exports.insuranceDisclosureTextVariants = (0, _utils.cva)(['shrink text-content-secondary']);
|
|
11
11
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_utils","require","insuranceDisclosureRootVariants","exports","cva","insuranceDisclosureLogoVariants","insuranceDisclosureTextVariants"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,IAAAE,UAAG,EAAC,CACjD,8CAA8C,EAC9C,gCAAgC,EAChC,wCAAwC,EACxC,KAAK,CACN,CAAC;AAEK,MAAMC,+BAA+B,GAAAF,OAAA,CAAAE,+BAAA,GAAG,IAAAD,UAAG,EAAC,CAAC,mBAAmB,CAAC,CAAC;AAElE,MAAME,+BAA+B,GAAAH,OAAA,CAAAG,+BAAA,GAAG,IAAAF,UAAG,EAAC,CAAC,+BAA+B,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.linkRootVariants = exports.linkNativeUnderlineVariants = exports.linkLabelVariants = exports.linkIconVariants = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
|
-
var
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
9
|
var _constants = require("../../styles/constants");
|
|
10
|
-
const linkRootVariants = exports.linkRootVariants = (0,
|
|
10
|
+
const linkRootVariants = exports.linkRootVariants = (0, _utils.cva)(['flex-row items-center gap-1', _reactNative.Platform.select({
|
|
11
11
|
web: 'web:inline-flex web:self-start',
|
|
12
12
|
default: ''
|
|
13
13
|
}), _constants.TRANSITION_COLORS, 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', 'web:data-[focus-visible=true]:rounded-[2px]', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2',
|
|
14
14
|
// Web: set color on the anchor so Label/Icon can text-inherit (incl. browser :visited).
|
|
15
15
|
'web:text-content-link', 'web:visited:text-content-link-visited', 'web:hover:text-content-primary', 'web:visited:hover:text-content-primary', 'data-[visited=true]:text-content-link-visited', 'web:data-[hover=true]:text-content-primary']);
|
|
16
|
-
const linkLabelVariants = exports.linkLabelVariants = (0,
|
|
16
|
+
const linkLabelVariants = exports.linkLabelVariants = (0, _utils.cva)(['body-md', _reactNative.Platform.select({
|
|
17
17
|
web: 'underline underline-offset-4',
|
|
18
18
|
default: ''
|
|
19
19
|
}), _reactNative.Platform.select({
|
|
@@ -33,7 +33,7 @@ const linkLabelVariants = exports.linkLabelVariants = (0, _classVarianceAuthorit
|
|
|
33
33
|
visited: false
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
-
const linkNativeUnderlineVariants = exports.linkNativeUnderlineVariants = (0,
|
|
36
|
+
const linkNativeUnderlineVariants = exports.linkNativeUnderlineVariants = (0, _utils.cva)(['border-b border-content-link pb-0.5'], {
|
|
37
37
|
variants: {
|
|
38
38
|
visited: {
|
|
39
39
|
true: 'border-content-link-visited',
|
|
@@ -44,7 +44,7 @@ const linkNativeUnderlineVariants = exports.linkNativeUnderlineVariants = (0, _c
|
|
|
44
44
|
visited: false
|
|
45
45
|
}
|
|
46
46
|
});
|
|
47
|
-
const linkIconVariants = exports.linkIconVariants = (0,
|
|
47
|
+
const linkIconVariants = exports.linkIconVariants = (0, _utils.cva)(['size-4', 'text-content-link'], {
|
|
48
48
|
variants: {
|
|
49
49
|
visited: {
|
|
50
50
|
true: _reactNative.Platform.select({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_utils","_constants","linkRootVariants","exports","cva","Platform","select","web","default","TRANSITION_COLORS","linkLabelVariants","variants","visited","true","false","defaultVariants","linkNativeUnderlineVariants","linkIconVariants"],"sourceRoot":"../../../../src","sources":["components/Link/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,UAAG,EAAC,CAClC,6BAA6B,EAC7BC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,EACvEC,4BAAiB,EACjB,wEAAwE,EACxE,6CAA6C,EAC7C,kIAAkI;AAClI;AACA,uBAAuB,EACvB,uCAAuC,EACvC,gCAAgC,EAChC,wCAAwC,EACxC,+CAA+C,EAC/C,4CAA4C,CAC7C,CAAC;AAEK,MAAMC,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,IAAAN,UAAG,EAClC,CACE,SAAS,EACTC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,8BAA8B;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,EACrEH,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,cAAc;EAAEC,OAAO,EAAE;AAAoB,CAAC,CAAC,CACvE,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAER,qBAAQ,CAACC,MAAM,CAAC;QAAEC,GAAG,EAAE,EAAE;QAAEC,OAAO,EAAE;MAA4B,CAAC,CAAC;MACxEM,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,OAAO,EAAE;EAAM;AACpC,CACF,CAAC;AAEM,MAAMI,2BAA2B,GAAAb,OAAA,CAAAa,2BAAA,GAAG,IAAAZ,UAAG,EAAC,CAAC,qCAAqC,CAAC,EAAE;EACtFO,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE,6BAA6B;MACnCC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,OAAO,EAAE;EAAM;AACpC,CAAC,CAAC;AAEK,MAAMK,gBAAgB,GAAAd,OAAA,CAAAc,gBAAA,GAAG,IAAAb,UAAG,EAAC,CAAC,QAAQ,EAAE,mBAAmB,CAAC,EAAE;EACnEO,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAER,qBAAQ,CAACC,MAAM,CAAC;QAAEC,GAAG,EAAE,EAAE;QAAEC,OAAO,EAAE;MAA4B,CAAC,CAAC;MACxEM,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,OAAO,EAAE;EAAM;AACpC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.listItemTrailingSlotVariants = exports.listItemTitleVariants = exports.listItemSectionHeaderVariants = exports.listItemSectionHeaderLabelVariants = exports.listItemRootVariants = exports.listItemMetaVariants = exports.listItemLeadingSlotVariants = exports.listItemDescriptionVariants = exports.listItemContentVariants = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
|
-
var
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
9
|
var _constants = require("../../styles/constants");
|
|
10
10
|
// ── Root (row): density, separator, interactive feedback ───────────────────
|
|
11
11
|
//
|
|
@@ -18,7 +18,7 @@ var _constants = require("../../styles/constants");
|
|
|
18
18
|
//
|
|
19
19
|
// TODO: Handle native background color hover/focus transitions
|
|
20
20
|
|
|
21
|
-
const listItemRootVariants = exports.listItemRootVariants = (0,
|
|
21
|
+
const listItemRootVariants = exports.listItemRootVariants = (0, _utils.cva)(['relative flex-row self-stretch w-full overflow-clip px-5 bg-transparent', 'data-[disabled=true]:opacity-[var(--opacity-disabled)] data-[disabled=true]:pointer-events-none', _constants.TRANSITION_COLORS, _reactNative.Platform.select({
|
|
22
22
|
web: ['outline-none', 'before:pointer-events-none before:absolute before:inset-0 before:bg-content-primary before:opacity-0 before:content-[""]', 'before:transition-opacity before:duration-150 before:ease-out', 'data-[hover=true]:before:opacity-[var(--opacity-hover)]',
|
|
23
23
|
// Pressed wins over hover via the compound selector (higher specificity), mirroring Button.
|
|
24
24
|
'data-[active=true]:data-[hover=true]:before:opacity-[var(--opacity-hover-overlay)]', 'data-[focus-visible=true]:before:opacity-[var(--opacity-selected)]', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-stroke-focus data-[focus-visible=true]:ring-offset-2'].join(' '),
|
|
@@ -50,8 +50,8 @@ const listItemRootVariants = exports.listItemRootVariants = (0, _classVarianceAu
|
|
|
50
50
|
|
|
51
51
|
// ── Leading / trailing slots ─────────────────────────────────────────────────
|
|
52
52
|
|
|
53
|
-
const listItemLeadingSlotVariants = exports.listItemLeadingSlotVariants = (0,
|
|
54
|
-
const listItemTrailingSlotVariants = exports.listItemTrailingSlotVariants = (0,
|
|
53
|
+
const listItemLeadingSlotVariants = exports.listItemLeadingSlotVariants = (0, _utils.cva)(['relative z-10 flex shrink-0 items-center justify-center']);
|
|
54
|
+
const listItemTrailingSlotVariants = exports.listItemTrailingSlotVariants = (0, _utils.cva)(['relative z-10 flex shrink-0 flex-row justify-end gap-2'], {
|
|
55
55
|
variants: {
|
|
56
56
|
crossAlign: {
|
|
57
57
|
center: 'items-center',
|
|
@@ -65,7 +65,7 @@ const listItemTrailingSlotVariants = exports.listItemTrailingSlotVariants = (0,
|
|
|
65
65
|
|
|
66
66
|
// ── Content stack (title / description / meta) ───────────────────────────────
|
|
67
67
|
|
|
68
|
-
const listItemContentVariants = exports.listItemContentVariants = (0,
|
|
68
|
+
const listItemContentVariants = exports.listItemContentVariants = (0, _utils.cva)('relative z-10 flex min-w-0 flex-1 flex-col gap-1', {
|
|
69
69
|
variants: {
|
|
70
70
|
crossAlign: {
|
|
71
71
|
center: 'justify-center',
|
|
@@ -79,13 +79,13 @@ const listItemContentVariants = exports.listItemContentVariants = (0, _classVari
|
|
|
79
79
|
|
|
80
80
|
// ── Typography ───────────────────────────────────────────────────────────────
|
|
81
81
|
|
|
82
|
-
const listItemTitleVariants = exports.listItemTitleVariants = (0,
|
|
83
|
-
const listItemDescriptionVariants = exports.listItemDescriptionVariants = (0,
|
|
84
|
-
const listItemMetaVariants = exports.listItemMetaVariants = (0,
|
|
82
|
+
const listItemTitleVariants = exports.listItemTitleVariants = (0, _utils.cva)('body-md font-medium text-content-primary');
|
|
83
|
+
const listItemDescriptionVariants = exports.listItemDescriptionVariants = (0, _utils.cva)('body-sm text-content-secondary');
|
|
84
|
+
const listItemMetaVariants = exports.listItemMetaVariants = (0, _utils.cva)('body-sm text-content-tertiary');
|
|
85
85
|
|
|
86
86
|
// ── Section header (group label row inside lists / cards) ───────────────────
|
|
87
87
|
|
|
88
|
-
const listItemSectionHeaderVariants = exports.listItemSectionHeaderVariants = (0,
|
|
88
|
+
const listItemSectionHeaderVariants = exports.listItemSectionHeaderVariants = (0, _utils.cva)(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', 'border-stroke-secondary'], {
|
|
89
89
|
variants: {
|
|
90
90
|
showDivider: {
|
|
91
91
|
true: ['border-t-4 border-solid border-t-surface-brand-strong/40', 'border-x-0'],
|
|
@@ -98,5 +98,5 @@ const listItemSectionHeaderVariants = exports.listItemSectionHeaderVariants = (0
|
|
|
98
98
|
});
|
|
99
99
|
|
|
100
100
|
/** Default section-title typography; applied by `ListItem.SectionHeader` for string/number children. Exported for rare custom composition. */
|
|
101
|
-
const listItemSectionHeaderLabelVariants = exports.listItemSectionHeaderLabelVariants = (0,
|
|
101
|
+
const listItemSectionHeaderLabelVariants = exports.listItemSectionHeaderLabelVariants = (0, _utils.cva)('text-xs font-semibold uppercase tracking-wide text-content-secondary');
|
|
102
102
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_utils","_constants","listItemRootVariants","exports","cva","TRANSITION_COLORS","Platform","select","web","join","default","variants","size","compact","showSeparator","true","false","crossAlign","center","start","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.otpRootVariants = exports.otpFieldVariants = exports.otpCellVariants = void 0;
|
|
7
|
-
var
|
|
8
|
-
const otpRootVariants = exports.otpRootVariants = (0,
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
|
+
const otpRootVariants = exports.otpRootVariants = (0, _utils.cva)('flex-row items-stretch gap-2', {
|
|
9
9
|
variants: {
|
|
10
10
|
size: {
|
|
11
11
|
default: '',
|
|
@@ -23,7 +23,7 @@ const otpRootVariants = exports.otpRootVariants = (0, _classVarianceAuthority.cv
|
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
/** Narrow cell chrome: overrides Input root `w-full` / wide horizontal padding for one digit. */
|
|
26
|
-
const otpCellVariants = exports.otpCellVariants = (0,
|
|
26
|
+
const otpCellVariants = exports.otpCellVariants = (0, _utils.cva)(['shrink-0 justify-center gap-0',
|
|
27
27
|
// Figma read-only: surface-secondary + stroke-primary + opacity-disabled (text stays content-primary).
|
|
28
28
|
'data-[readonly=true]:opacity-[var(--opacity-disabled)]'], {
|
|
29
29
|
variants: {
|
|
@@ -36,7 +36,7 @@ const otpCellVariants = exports.otpCellVariants = (0, _classVarianceAuthority.cv
|
|
|
36
36
|
size: 'default'
|
|
37
37
|
}
|
|
38
38
|
});
|
|
39
|
-
const otpFieldVariants = exports.otpFieldVariants = (0,
|
|
39
|
+
const otpFieldVariants = exports.otpFieldVariants = (0, _utils.cva)('min-w-0 w-full text-center tabular-nums font-medium', {
|
|
40
40
|
variants: {
|
|
41
41
|
size: {
|
|
42
42
|
default: 'text-xl leading-6',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_utils","require","otpRootVariants","exports","cva","variants","size","default","small","fullWidth","true","false","defaultVariants","otpCellVariants","otpFieldVariants"],"sourceRoot":"../../../../src","sources":["components/OtpInput/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,UAAG,EAAC,8BAA8B,EAAE;EACjEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,oCAAoC;MAC1CC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,SAAS;IACfG,SAAS,EAAE;EACb;AACF,CAAC,CAAC;;AAEF;AACO,MAAMI,eAAe,GAAAV,OAAA,CAAAU,eAAA,GAAG,IAAAT,UAAG,EAChC,CACE,+BAA+B;AAC/B;AACA,wDAAwD,CACzD,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,kCAAkC,EAAE,eAAe,CAAC;MAC9DC,KAAK,EAAE,CAAC,mCAAmC,EAAE,eAAe;IAC9D;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMQ,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAG,IAAAV,UAAG,EAAC,qDAAqD,EAAE;EACzFC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,mBAAmB;MAC5BC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.progressBarTrackVariants = exports.progressBarIndicatorVariants = void 0;
|
|
7
|
-
var
|
|
8
|
-
const progressBarTrackVariants = exports.progressBarTrackVariants = (0,
|
|
9
|
-
const progressBarIndicatorVariants = exports.progressBarIndicatorVariants = (0,
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
|
+
const progressBarTrackVariants = exports.progressBarTrackVariants = (0, _utils.cva)(['w-full flex-row overflow-hidden rounded-full bg-surface-action-subtle h-1']);
|
|
9
|
+
const progressBarIndicatorVariants = exports.progressBarIndicatorVariants = (0, _utils.cva)(['rounded-full bg-surface-action-strong']);
|
|
10
10
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_utils","require","progressBarTrackVariants","exports","cva","progressBarIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,UAAG,EAAC,CAC1C,2EAA2E,CAC5E,CAAC;AAEK,MAAMC,4BAA4B,GAAAF,OAAA,CAAAE,4BAAA,GAAG,IAAAD,UAAG,EAAC,CAAC,uCAAuC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.segmentVariants = exports.progressSegmentedVariants = void 0;
|
|
7
|
-
var
|
|
8
|
-
const progressSegmentedVariants = exports.progressSegmentedVariants = (0,
|
|
9
|
-
const segmentVariants = exports.segmentVariants = (0,
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
|
+
const progressSegmentedVariants = exports.progressSegmentedVariants = (0, _utils.cva)(['flex-row gap-1 w-full rounded overflow-hidden']);
|
|
9
|
+
const segmentVariants = exports.segmentVariants = (0, _utils.cva)(['flex-1 h-1'], {
|
|
10
10
|
variants: {
|
|
11
11
|
state: {
|
|
12
12
|
complete: 'bg-surface-action-strong',
|