@cdx-ui/components 0.1.7 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/coverage.svg +1 -1
- package/lib/commonjs/components/Calendar/flashCalendarAdapter.js +18 -0
- package/lib/commonjs/components/Calendar/flashCalendarAdapter.js.map +1 -1
- package/lib/commonjs/components/Calendar/index.js +32 -3
- package/lib/commonjs/components/Calendar/index.js.map +1 -1
- package/lib/commonjs/components/ColorArea/ColorAreaPaint.js +78 -0
- package/lib/commonjs/components/ColorArea/ColorAreaPaint.js.map +1 -0
- package/lib/commonjs/components/ColorArea/ColorAreaPaint.web.js +31 -0
- package/lib/commonjs/components/ColorArea/ColorAreaPaint.web.js.map +1 -0
- package/lib/commonjs/components/ColorArea/index.js +57 -0
- package/lib/commonjs/components/ColorArea/index.js.map +1 -0
- package/lib/commonjs/components/ColorArea/styles.js +12 -0
- package/lib/commonjs/components/ColorArea/styles.js.map +1 -0
- package/lib/commonjs/components/ColorField/index.js +138 -0
- package/lib/commonjs/components/ColorField/index.js.map +1 -0
- package/lib/commonjs/components/ColorField/styles.js +14 -0
- package/lib/commonjs/components/ColorField/styles.js.map +1 -0
- package/lib/commonjs/components/ColorPicker/index.js +88 -0
- package/lib/commonjs/components/ColorPicker/index.js.map +1 -0
- package/lib/commonjs/components/ColorPicker/styles.js +22 -0
- package/lib/commonjs/components/ColorPicker/styles.js.map +1 -0
- package/lib/commonjs/components/ColorSlider/ColorSliderRailPaint.js +68 -0
- package/lib/commonjs/components/ColorSlider/ColorSliderRailPaint.js.map +1 -0
- package/lib/commonjs/components/ColorSlider/ColorSliderRailPaint.web.js +41 -0
- package/lib/commonjs/components/ColorSlider/ColorSliderRailPaint.web.js.map +1 -0
- package/lib/commonjs/components/ColorSlider/index.js +123 -0
- package/lib/commonjs/components/ColorSlider/index.js.map +1 -0
- package/lib/commonjs/components/ColorSlider/styles.js +50 -0
- package/lib/commonjs/components/ColorSlider/styles.js.map +1 -0
- package/lib/commonjs/components/ColorSwatch/index.js +54 -0
- package/lib/commonjs/components/ColorSwatch/index.js.map +1 -0
- package/lib/commonjs/components/ColorSwatch/styles.js +25 -0
- package/lib/commonjs/components/ColorSwatch/styles.js.map +1 -0
- package/lib/commonjs/components/ColorSwatchPicker/index.js +110 -0
- package/lib/commonjs/components/ColorSwatchPicker/index.js.map +1 -0
- package/lib/commonjs/components/ColorSwatchPicker/styles.js +17 -0
- package/lib/commonjs/components/ColorSwatchPicker/styles.js.map +1 -0
- package/lib/commonjs/components/DatePicker/index.js +2 -0
- package/lib/commonjs/components/DatePicker/index.js.map +1 -1
- package/lib/commonjs/components/Field/index.js +4 -2
- package/lib/commonjs/components/Field/index.js.map +1 -1
- package/lib/commonjs/components/Heading/styles.js +3 -0
- package/lib/commonjs/components/Heading/styles.js.map +1 -1
- package/lib/commonjs/components/Icon/index.js +27 -3
- package/lib/commonjs/components/Icon/index.js.map +1 -1
- package/lib/commonjs/components/Icon/styles.js +19 -0
- package/lib/commonjs/components/Icon/styles.js.map +1 -0
- package/lib/commonjs/components/Text/index.js +13 -4
- package/lib/commonjs/components/Text/index.js.map +1 -1
- package/lib/commonjs/components/Text/styles.js +39 -3
- package/lib/commonjs/components/Text/styles.js.map +1 -1
- package/lib/commonjs/components/Toast/hooks.js +0 -1
- package/lib/commonjs/components/Toast/hooks.js.map +1 -1
- package/lib/commonjs/components/Toast/index.js +9 -6
- package/lib/commonjs/components/Toast/index.js.map +1 -1
- package/lib/commonjs/components/Toast/styles.js +36 -19
- package/lib/commonjs/components/Toast/styles.js.map +1 -1
- package/lib/commonjs/components/ToggleButton/index.js +5 -4
- package/lib/commonjs/components/ToggleButton/index.js.map +1 -1
- package/lib/commonjs/components/index.js +68 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/picker/surfaces.js +9 -2
- package/lib/commonjs/components/picker/surfaces.js.map +1 -1
- package/lib/commonjs/figma/Icon.figma.js +30 -3
- package/lib/commonjs/figma/Icon.figma.js.map +1 -1
- package/lib/commonjs/figma/Text.figma.js +15 -1
- package/lib/commonjs/figma/Text.figma.js.map +1 -1
- package/lib/commonjs/providers/toast/insets-container.js +15 -3
- package/lib/commonjs/providers/toast/insets-container.js.map +1 -1
- package/lib/commonjs/providers/toast/provider.js +1 -0
- package/lib/commonjs/providers/toast/provider.js.map +1 -1
- package/lib/commonjs/styles/constants.js +14 -1
- package/lib/commonjs/styles/constants.js.map +1 -1
- package/lib/module/components/Calendar/flashCalendarAdapter.js +17 -0
- package/lib/module/components/Calendar/flashCalendarAdapter.js.map +1 -1
- package/lib/module/components/Calendar/index.js +34 -5
- package/lib/module/components/Calendar/index.js.map +1 -1
- package/lib/module/components/ColorArea/ColorAreaPaint.js +74 -0
- package/lib/module/components/ColorArea/ColorAreaPaint.js.map +1 -0
- package/lib/module/components/ColorArea/ColorAreaPaint.web.js +27 -0
- package/lib/module/components/ColorArea/ColorAreaPaint.web.js.map +1 -0
- package/lib/module/components/ColorArea/index.js +53 -0
- package/lib/module/components/ColorArea/index.js.map +1 -0
- package/lib/module/components/ColorArea/styles.js +8 -0
- package/lib/module/components/ColorArea/styles.js.map +1 -0
- package/lib/module/components/ColorField/index.js +134 -0
- package/lib/module/components/ColorField/index.js.map +1 -0
- package/lib/module/components/ColorField/styles.js +10 -0
- package/lib/module/components/ColorField/styles.js.map +1 -0
- package/lib/module/components/ColorPicker/index.js +79 -0
- package/lib/module/components/ColorPicker/index.js.map +1 -0
- package/lib/module/components/ColorPicker/styles.js +18 -0
- package/lib/module/components/ColorPicker/styles.js.map +1 -0
- package/lib/module/components/ColorSlider/ColorSliderRailPaint.js +64 -0
- package/lib/module/components/ColorSlider/ColorSliderRailPaint.js.map +1 -0
- package/lib/module/components/ColorSlider/ColorSliderRailPaint.web.js +37 -0
- package/lib/module/components/ColorSlider/ColorSliderRailPaint.web.js.map +1 -0
- package/lib/module/components/ColorSlider/index.js +119 -0
- package/lib/module/components/ColorSlider/index.js.map +1 -0
- package/lib/module/components/ColorSlider/styles.js +46 -0
- package/lib/module/components/ColorSlider/styles.js.map +1 -0
- package/lib/module/components/ColorSwatch/index.js +50 -0
- package/lib/module/components/ColorSwatch/index.js.map +1 -0
- package/lib/module/components/ColorSwatch/styles.js +21 -0
- package/lib/module/components/ColorSwatch/styles.js.map +1 -0
- package/lib/module/components/ColorSwatchPicker/index.js +106 -0
- package/lib/module/components/ColorSwatchPicker/index.js.map +1 -0
- package/lib/module/components/ColorSwatchPicker/styles.js +13 -0
- package/lib/module/components/ColorSwatchPicker/styles.js.map +1 -0
- package/lib/module/components/DatePicker/index.js +2 -0
- package/lib/module/components/DatePicker/index.js.map +1 -1
- package/lib/module/components/Field/index.js +4 -2
- package/lib/module/components/Field/index.js.map +1 -1
- package/lib/module/components/Heading/styles.js +3 -0
- package/lib/module/components/Heading/styles.js.map +1 -1
- package/lib/module/components/Icon/index.js +27 -3
- package/lib/module/components/Icon/index.js.map +1 -1
- package/lib/module/components/Icon/styles.js +16 -0
- package/lib/module/components/Icon/styles.js.map +1 -0
- package/lib/module/components/Text/index.js +14 -5
- package/lib/module/components/Text/index.js.map +1 -1
- package/lib/module/components/Text/styles.js +38 -2
- package/lib/module/components/Text/styles.js.map +1 -1
- package/lib/module/components/Toast/hooks.js +0 -1
- package/lib/module/components/Toast/hooks.js.map +1 -1
- package/lib/module/components/Toast/index.js +10 -7
- package/lib/module/components/Toast/index.js.map +1 -1
- package/lib/module/components/Toast/styles.js +35 -19
- package/lib/module/components/Toast/styles.js.map +1 -1
- package/lib/module/components/ToggleButton/index.js +3 -3
- package/lib/module/components/ToggleButton/index.js.map +1 -1
- package/lib/module/components/index.js +6 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/picker/surfaces.js +10 -3
- package/lib/module/components/picker/surfaces.js.map +1 -1
- package/lib/module/figma/Icon.figma.js +30 -3
- package/lib/module/figma/Icon.figma.js.map +1 -1
- package/lib/module/figma/Text.figma.js +15 -1
- package/lib/module/figma/Text.figma.js.map +1 -1
- package/lib/module/providers/toast/insets-container.js +15 -4
- package/lib/module/providers/toast/insets-container.js.map +1 -1
- package/lib/module/providers/toast/provider.js +2 -1
- package/lib/module/providers/toast/provider.js.map +1 -1
- package/lib/module/styles/constants.js +13 -0
- package/lib/module/styles/constants.js.map +1 -1
- package/lib/typescript/components/Alert/index.d.ts +1 -1
- package/lib/typescript/components/Alert/index.d.ts.map +1 -1
- package/lib/typescript/components/Avatar/index.d.ts +1 -1
- package/lib/typescript/components/Avatar/index.d.ts.map +1 -1
- package/lib/typescript/components/Badge/styles.d.ts +3 -3
- package/lib/typescript/components/Breadcrumbs/styles.d.ts +1 -1
- package/lib/typescript/components/Button/index.d.ts +1 -1
- package/lib/typescript/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/components/Button/styles.d.ts +4 -4
- package/lib/typescript/components/Calendar/flashCalendarAdapter.d.ts +3 -1
- package/lib/typescript/components/Calendar/flashCalendarAdapter.d.ts.map +1 -1
- package/lib/typescript/components/Calendar/index.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/index.d.ts +1 -1
- package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
- package/lib/typescript/components/Chip/index.d.ts +1 -1
- package/lib/typescript/components/Chip/index.d.ts.map +1 -1
- package/lib/typescript/components/Chip/styles.d.ts +3 -3
- package/lib/typescript/components/ColorArea/ColorAreaPaint.d.ts +5 -0
- package/lib/typescript/components/ColorArea/ColorAreaPaint.d.ts.map +1 -0
- package/lib/typescript/components/ColorArea/ColorAreaPaint.web.d.ts +5 -0
- package/lib/typescript/components/ColorArea/ColorAreaPaint.web.d.ts.map +1 -0
- package/lib/typescript/components/ColorArea/index.d.ts +20 -0
- package/lib/typescript/components/ColorArea/index.d.ts.map +1 -0
- package/lib/typescript/components/ColorArea/styles.d.ts +4 -0
- package/lib/typescript/components/ColorArea/styles.d.ts.map +1 -0
- package/lib/typescript/components/ColorField/index.d.ts +41 -0
- package/lib/typescript/components/ColorField/index.d.ts.map +1 -0
- package/lib/typescript/components/ColorField/styles.d.ts +13 -0
- package/lib/typescript/components/ColorField/styles.d.ts.map +1 -0
- package/lib/typescript/components/ColorPicker/index.d.ts +28 -0
- package/lib/typescript/components/ColorPicker/index.d.ts.map +1 -0
- package/lib/typescript/components/ColorPicker/styles.d.ts +9 -0
- package/lib/typescript/components/ColorPicker/styles.d.ts.map +1 -0
- package/lib/typescript/components/ColorSlider/ColorSliderRailPaint.d.ts +5 -0
- package/lib/typescript/components/ColorSlider/ColorSliderRailPaint.d.ts.map +1 -0
- package/lib/typescript/components/ColorSlider/ColorSliderRailPaint.web.d.ts +5 -0
- package/lib/typescript/components/ColorSlider/ColorSliderRailPaint.web.d.ts.map +1 -0
- package/lib/typescript/components/ColorSlider/index.d.ts +33 -0
- package/lib/typescript/components/ColorSlider/index.d.ts.map +1 -0
- package/lib/typescript/components/ColorSlider/styles.d.ts +14 -0
- package/lib/typescript/components/ColorSlider/styles.d.ts.map +1 -0
- package/lib/typescript/components/ColorSwatch/index.d.ts +19 -0
- package/lib/typescript/components/ColorSwatch/index.d.ts.map +1 -0
- package/lib/typescript/components/ColorSwatch/styles.d.ts +7 -0
- package/lib/typescript/components/ColorSwatch/styles.d.ts.map +1 -0
- package/lib/typescript/components/ColorSwatchPicker/index.d.ts +37 -0
- package/lib/typescript/components/ColorSwatchPicker/index.d.ts.map +1 -0
- package/lib/typescript/components/ColorSwatchPicker/styles.d.ts +5 -0
- package/lib/typescript/components/ColorSwatchPicker/styles.d.ts.map +1 -0
- package/lib/typescript/components/DatePicker/index.d.ts +1 -1
- package/lib/typescript/components/DatePicker/index.d.ts.map +1 -1
- package/lib/typescript/components/Divider/index.d.ts +1 -1
- package/lib/typescript/components/Divider/index.d.ts.map +1 -1
- package/lib/typescript/components/Field/index.d.ts +5 -0
- package/lib/typescript/components/Field/index.d.ts.map +1 -1
- package/lib/typescript/components/Heading/styles.d.ts.map +1 -1
- package/lib/typescript/components/Icon/index.d.ts +14 -22
- package/lib/typescript/components/Icon/index.d.ts.map +1 -1
- package/lib/typescript/components/Icon/styles.d.ts +6 -0
- package/lib/typescript/components/Icon/styles.d.ts.map +1 -0
- package/lib/typescript/components/IconButton/styles.d.ts +2 -2
- package/lib/typescript/components/Input/index.d.ts +1 -1
- package/lib/typescript/components/Input/index.d.ts.map +1 -1
- package/lib/typescript/components/Link/index.d.ts +1 -1
- package/lib/typescript/components/Link/index.d.ts.map +1 -1
- package/lib/typescript/components/Menu/index.d.ts +2 -2
- package/lib/typescript/components/Menu/index.d.ts.map +1 -1
- package/lib/typescript/components/Select/index.d.ts +1 -1
- package/lib/typescript/components/Select/index.d.ts.map +1 -1
- package/lib/typescript/components/Slider/styles.d.ts +3 -3
- package/lib/typescript/components/Text/index.d.ts +40 -3
- package/lib/typescript/components/Text/index.d.ts.map +1 -1
- package/lib/typescript/components/Text/styles.d.ts +9 -0
- package/lib/typescript/components/Text/styles.d.ts.map +1 -1
- package/lib/typescript/components/Toast/hooks.d.ts +1 -1
- package/lib/typescript/components/Toast/hooks.d.ts.map +1 -1
- package/lib/typescript/components/Toast/index.d.ts.map +1 -1
- package/lib/typescript/components/Toast/styles.d.ts +4 -0
- package/lib/typescript/components/Toast/styles.d.ts.map +1 -1
- package/lib/typescript/components/Toast/types.d.ts +1 -1
- package/lib/typescript/components/Toast/types.d.ts.map +1 -1
- package/lib/typescript/components/ToggleButton/index.d.ts +5 -3
- package/lib/typescript/components/ToggleButton/index.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +6 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/picker/surfaces.d.ts +5 -1
- package/lib/typescript/components/picker/surfaces.d.ts.map +1 -1
- package/lib/typescript/figma/Icon.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Text.figma.d.ts.map +1 -1
- package/lib/typescript/providers/toast/insets-container.d.ts +12 -0
- package/lib/typescript/providers/toast/insets-container.d.ts.map +1 -1
- package/lib/typescript/providers/toast/types.d.ts +5 -0
- package/lib/typescript/providers/toast/types.d.ts.map +1 -1
- package/lib/typescript/styles/constants.d.ts +10 -0
- package/lib/typescript/styles/constants.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/Alert/index.tsx +1 -1
- package/src/components/Avatar/index.tsx +1 -1
- package/src/components/Button/index.tsx +1 -1
- package/src/components/Calendar/flashCalendarAdapter.ts +13 -1
- package/src/components/Calendar/index.tsx +43 -5
- package/src/components/Checkbox/index.tsx +1 -1
- package/src/components/Chip/index.tsx +1 -1
- package/src/components/ColorArea/ColorAreaPaint.tsx +51 -0
- package/src/components/ColorArea/ColorAreaPaint.web.tsx +31 -0
- package/src/components/ColorArea/index.tsx +71 -0
- package/src/components/ColorArea/styles.ts +18 -0
- package/src/components/ColorField/index.tsx +181 -0
- package/src/components/ColorField/styles.ts +20 -0
- package/src/components/ColorPicker/index.tsx +110 -0
- package/src/components/ColorPicker/styles.ts +33 -0
- package/src/components/ColorSlider/ColorSliderRailPaint.tsx +60 -0
- package/src/components/ColorSlider/ColorSliderRailPaint.web.tsx +33 -0
- package/src/components/ColorSlider/index.tsx +147 -0
- package/src/components/ColorSlider/styles.ts +72 -0
- package/src/components/ColorSwatch/index.tsx +56 -0
- package/src/components/ColorSwatch/styles.ts +24 -0
- package/src/components/ColorSwatchPicker/index.tsx +150 -0
- package/src/components/ColorSwatchPicker/styles.ts +32 -0
- package/src/components/DatePicker/index.tsx +13 -3
- package/src/components/Divider/index.tsx +1 -1
- package/src/components/Field/index.tsx +9 -3
- package/src/components/Heading/styles.ts +3 -0
- package/src/components/Icon/index.tsx +46 -6
- package/src/components/Icon/styles.ts +15 -0
- package/src/components/Input/index.tsx +1 -1
- package/src/components/Link/index.tsx +1 -1
- package/src/components/Menu/index.tsx +2 -2
- package/src/components/Select/index.tsx +1 -1
- package/src/components/Text/index.tsx +32 -5
- package/src/components/Text/styles.ts +39 -1
- package/src/components/Toast/hooks.ts +0 -1
- package/src/components/Toast/index.tsx +14 -8
- package/src/components/Toast/styles.ts +47 -19
- package/src/components/Toast/types.ts +1 -1
- package/src/components/ToggleButton/index.tsx +9 -7
- package/src/components/index.ts +6 -0
- package/src/components/picker/surfaces.tsx +15 -2
- package/src/providers/toast/insets-container.tsx +23 -9
- package/src/providers/toast/provider.tsx +2 -2
- package/src/providers/toast/types.ts +5 -0
- package/src/styles/constants.ts +13 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cva","colorSwatchVariants","variants","size","xs","sm","lg","shape","circle","square","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ColorSwatch/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,mBAAmB,GAAGD,GAAG,CACpC,CAAC,yDAAyD,CAAC,EAC3D;EACEE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE;IACN,CAAC;IACDC,KAAK,EAAE;MACLC,MAAM,EAAE,sCAAsC;MAC9CC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAE,IAAI;IACVI,KAAK,EAAE;EACT;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { Check } from '@cdx-ui/icons';
|
|
6
|
+
import { ColorSwatchPickerItem as ColorSwatchPickerItemPrimitive, ColorSwatchPickerRoot as ColorSwatchPickerRootPrimitive, Slot, dataAttributes, mergeDataAttributes, useColorSwatchPickerItemContext, useRadioContext } from '@cdx-ui/primitives';
|
|
7
|
+
import { cn } from '@cdx-ui/utils';
|
|
8
|
+
import { Icon } from '../Icon';
|
|
9
|
+
import { ColorSwatchView } from '../ColorSwatch';
|
|
10
|
+
import { colorSwatchPickerIndicatorIconVariants, colorSwatchPickerIndicatorVariants, colorSwatchPickerItemVariants, colorSwatchPickerVariants } from './styles';
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
const ColorSwatchPickerRoot = /*#__PURE__*/forwardRef(({
|
|
13
|
+
asChild,
|
|
14
|
+
className,
|
|
15
|
+
style,
|
|
16
|
+
children,
|
|
17
|
+
...props
|
|
18
|
+
}, ref) => /*#__PURE__*/_jsx(ColorSwatchPickerRootPrimitive, {
|
|
19
|
+
ref: ref,
|
|
20
|
+
asChild: asChild,
|
|
21
|
+
className: cn(colorSwatchPickerVariants(), className),
|
|
22
|
+
style: style,
|
|
23
|
+
...props,
|
|
24
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
25
|
+
slot: 'color-swatch-picker'
|
|
26
|
+
})),
|
|
27
|
+
children: children
|
|
28
|
+
}));
|
|
29
|
+
ColorSwatchPickerRoot.displayName = 'ColorSwatchPicker';
|
|
30
|
+
const ColorSwatchPickerItem = /*#__PURE__*/forwardRef(({
|
|
31
|
+
asChild,
|
|
32
|
+
className,
|
|
33
|
+
style,
|
|
34
|
+
children,
|
|
35
|
+
...props
|
|
36
|
+
}, ref) => /*#__PURE__*/_jsx(ColorSwatchPickerItemPrimitive, {
|
|
37
|
+
ref: ref,
|
|
38
|
+
asChild: asChild,
|
|
39
|
+
className: cn(colorSwatchPickerItemVariants(), className),
|
|
40
|
+
style: style,
|
|
41
|
+
...props,
|
|
42
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
43
|
+
slot: 'color-swatch-picker-item'
|
|
44
|
+
})),
|
|
45
|
+
children: children
|
|
46
|
+
}));
|
|
47
|
+
ColorSwatchPickerItem.displayName = 'ColorSwatchPicker.Item';
|
|
48
|
+
const ColorSwatchPickerSwatch = /*#__PURE__*/forwardRef((props, ref) => {
|
|
49
|
+
const {
|
|
50
|
+
color
|
|
51
|
+
} = useColorSwatchPickerItemContext();
|
|
52
|
+
return /*#__PURE__*/_jsx(ColorSwatchView, {
|
|
53
|
+
ref: ref,
|
|
54
|
+
color: color,
|
|
55
|
+
slot: "color-swatch-picker-swatch",
|
|
56
|
+
...props
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
ColorSwatchPickerSwatch.displayName = 'ColorSwatchPicker.Swatch';
|
|
60
|
+
const ColorSwatchPickerIndicator = ({
|
|
61
|
+
asChild,
|
|
62
|
+
as = Check,
|
|
63
|
+
className,
|
|
64
|
+
style,
|
|
65
|
+
children,
|
|
66
|
+
...props
|
|
67
|
+
}) => {
|
|
68
|
+
const {
|
|
69
|
+
isChecked
|
|
70
|
+
} = useRadioContext();
|
|
71
|
+
if (!isChecked) {
|
|
72
|
+
return null;
|
|
73
|
+
}
|
|
74
|
+
const computedClassName = cn(colorSwatchPickerIndicatorIconVariants(), className);
|
|
75
|
+
const slotData = mergeDataAttributes(props, dataAttributes({
|
|
76
|
+
slot: 'color-swatch-picker-indicator'
|
|
77
|
+
}));
|
|
78
|
+
return /*#__PURE__*/_jsx(View, {
|
|
79
|
+
className: colorSwatchPickerIndicatorVariants(),
|
|
80
|
+
accessibilityElementsHidden: true,
|
|
81
|
+
"aria-hidden": true,
|
|
82
|
+
...slotData,
|
|
83
|
+
children: asChild ? /*#__PURE__*/_jsx(Slot, {
|
|
84
|
+
className: computedClassName,
|
|
85
|
+
style: style,
|
|
86
|
+
accessibilityElementsHidden: true,
|
|
87
|
+
"aria-hidden": true,
|
|
88
|
+
...props,
|
|
89
|
+
children: children
|
|
90
|
+
}) : /*#__PURE__*/_jsx(Icon, {
|
|
91
|
+
as: as,
|
|
92
|
+
className: computedClassName,
|
|
93
|
+
style: style,
|
|
94
|
+
accessibilityElementsHidden: true,
|
|
95
|
+
"aria-hidden": true,
|
|
96
|
+
...props
|
|
97
|
+
})
|
|
98
|
+
});
|
|
99
|
+
};
|
|
100
|
+
ColorSwatchPickerIndicator.displayName = 'ColorSwatchPicker.Indicator';
|
|
101
|
+
export const ColorSwatchPicker = Object.assign(ColorSwatchPickerRoot, {
|
|
102
|
+
Item: ColorSwatchPickerItem,
|
|
103
|
+
Swatch: ColorSwatchPickerSwatch,
|
|
104
|
+
Indicator: ColorSwatchPickerIndicator
|
|
105
|
+
});
|
|
106
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","View","Check","ColorSwatchPickerItem","ColorSwatchPickerItemPrimitive","ColorSwatchPickerRoot","ColorSwatchPickerRootPrimitive","Slot","dataAttributes","mergeDataAttributes","useColorSwatchPickerItemContext","useRadioContext","cn","Icon","ColorSwatchView","colorSwatchPickerIndicatorIconVariants","colorSwatchPickerIndicatorVariants","colorSwatchPickerItemVariants","colorSwatchPickerVariants","jsx","_jsx","asChild","className","style","children","props","ref","slot","displayName","ColorSwatchPickerSwatch","color","ColorSwatchPickerIndicator","as","isChecked","computedClassName","slotData","accessibilityElementsHidden","ColorSwatchPicker","Object","assign","Item","Swatch","Indicator"],"sourceRoot":"../../../../src","sources":["components/ColorSwatchPicker/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Platform } from 'react-native';
|
|
4
|
+
import { cva } from '@cdx-ui/utils';
|
|
5
|
+
import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
|
|
6
|
+
export const colorSwatchPickerVariants = cva(['w-full flex-row flex-wrap justify-center gap-x-1 gap-y-2']);
|
|
7
|
+
export const colorSwatchPickerItemVariants = cva(['relative min-h-11 min-w-11 items-center justify-center', 'rounded-[var(--border-radius-default)]', TRANSITION_COLORS, DISABLED_CURSOR, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', 'web:outline-none', 'web:data-[focus-visible=true]:ring-2', 'web:data-[focus-visible=true]:ring-stroke-focus', 'web:data-[focus-visible=true]:ring-offset-2', Platform.select({
|
|
8
|
+
default: 'data-[active=true]:bg-surface-action-tint-active',
|
|
9
|
+
web: ['data-[hover=true]:bg-surface-action-tint-hover', 'data-[active=true]:data-[hover=true]:bg-surface-action-tint-active'].join(' ')
|
|
10
|
+
})]);
|
|
11
|
+
export const colorSwatchPickerIndicatorVariants = cva(['pointer-events-none absolute inset-0 z-10 items-center justify-center']);
|
|
12
|
+
export const colorSwatchPickerIndicatorIconVariants = cva('size-4 text-[var(--color-white)]');
|
|
13
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","colorSwatchPickerVariants","colorSwatchPickerItemVariants","select","default","web","join","colorSwatchPickerIndicatorVariants","colorSwatchPickerIndicatorIconVariants"],"sourceRoot":"../../../../src","sources":["components/ColorSwatchPicker/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,eAAe;AACnC,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,yBAAyB,GAAGH,GAAG,CAAC,CAC3C,0DAA0D,CAC3D,CAAC;AAEF,OAAO,MAAMI,6BAA6B,GAAGJ,GAAG,CAAC,CAC/C,wDAAwD,EACxD,wCAAwC,EACxCE,iBAAiB,EACjBD,eAAe,EACf,wDAAwD,EACxD,kBAAkB,EAClB,sCAAsC,EACtC,iDAAiD,EACjD,6CAA6C,EAC7CF,QAAQ,CAACM,MAAM,CAAC;EACdC,OAAO,EAAE,kDAAkD;EAC3DC,GAAG,EAAE,CACH,gDAAgD,EAChD,oEAAoE,CACrE,CAACC,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMC,kCAAkC,GAAGT,GAAG,CAAC,CACpD,uEAAuE,CACxE,CAAC;AAEF,OAAO,MAAMU,sCAAsC,GAAGV,GAAG,CAAC,kCAAkC,CAAC","ignoreList":[]}
|
|
@@ -78,6 +78,7 @@ const DatePickerCalendar = /*#__PURE__*/forwardRef(({
|
|
|
78
78
|
setOpen,
|
|
79
79
|
minValue,
|
|
80
80
|
maxValue,
|
|
81
|
+
isDateUnavailable,
|
|
81
82
|
locale,
|
|
82
83
|
labels
|
|
83
84
|
} = useDatePickerContext();
|
|
@@ -93,6 +94,7 @@ const DatePickerCalendar = /*#__PURE__*/forwardRef(({
|
|
|
93
94
|
onValueChange: handleValueChange,
|
|
94
95
|
minValue: minValue,
|
|
95
96
|
maxValue: maxValue,
|
|
97
|
+
isDateUnavailable: isDateUnavailable,
|
|
96
98
|
locale: locale,
|
|
97
99
|
labels: labels,
|
|
98
100
|
...props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useMemo","CalendarToday","dataAttributes","DatePickerContext","DatePickerRoot","DatePickerRootPrimitive","mergeDataAttributes","useDatePickerContext","cn","ParentContext","useParentContext","Dialog","Icon","Calendar","PickerTrigger","PickerBottomSheetSurface","PickerDialogSurface","PickerPopoverSurface","jsx","_jsx","DATE_FIELD_SCOPE","className","children","style","props","ref","parent","ctx","variant","size","fullWidth","Provider","value","slot","displayName","DatePickerTrigger","accessibilityLabel","open","setOpen","disabled","triggerRef","labels","openDatePicker","DatePickerTriggerIndicator","as","DatePickerCalendar","onValueChange","minValue","maxValue","locale","handleValueChange","next","DatePickerDialog","registerSurface","Popup","DatePickerBottomSheet","DatePickerPopover","anchorRef","DatePicker","Object","assign","Trigger","TriggerIndicator","Popover","BottomSheet"],"sourceRoot":"../../../../src","sources":["components/DatePicker/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,OAAO,QAAwB,OAAO;AAExE,SAASC,aAAa,QAAQ,eAAe;AAE7C,SACEC,cAAc,EACdC,iBAAiB,EACjBC,cAAc,IAAIC,uBAAuB,EACzCC,mBAAmB,EACnBC,oBAAoB,QAEf,oBAAoB;AAC3B,SAASC,EAAE,EAAEC,aAAa,EAAEC,gBAAgB,QAAQ,eAAe;AACnE,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,QAAQ,QAA4B,aAAa;AAC1D,SAASC,aAAa,QAAiC,yBAAyB;AAChF,SACEC,wBAAwB,EACxBC,mBAAmB,EACnBC,oBAAoB,QACf,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO5B,MAAMC,gBAAgB,GAAG,YAAY;AAErC,MAAMhB,cAAc,gBAAGN,UAAU,CAC/B,CAAC;EAAEuB,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,MAAM,GAAGhB,gBAAgB,CAAC,CAAC;EACjC,MAAMiB,GAAG,GAAG3B,OAAO,CACjB,OAAO;IACL,GAAG0B,MAAM;IACT,CAACN,gBAAgB,GAAG;MAAEQ,OAAO,EAAE,SAAS;MAAEC,IAAI,EAAE,SAAS;MAAEC,SAAS,EAAE;IAAK;EAC7E,CAAC,CAAC,EACF,CAACJ,MAAM,CACT,CAAC;EAED,oBACEP,IAAA,CAACV,aAAa,CAACsB,QAAQ;IAACC,KAAK,EAAEL,GAAI;IAAAL,QAAA,eACjCH,IAAA,CAACd,uBAAuB;MACtBoB,GAAG,EAAEA,GAAI;MACTJ,SAAS,EAAEb,EAAE,CAAC,OAAO,EAAEa,SAAS,CAAE;MAClCE,KAAK,EAAEA,KAAM;MAAA,GACTC,KAAK;MAAA,GACLlB,mBAAmB,CAACkB,KAAK,EAAEtB,cAAc,CAAC;QAAE+B,IAAI,EAAE;MAAc,CAAC,CAAC,CAAC;MAAAX,QAAA,EAEtEA;IAAQ,CACc;EAAC,CACJ,CAAC;AAE7B,CACF,CAAC;AAEDlB,cAAc,CAAC8B,WAAW,GAAG,YAAY;AASzC,MAAMC,iBAAiB,gBAAGrC,UAAU,CAClC,CAAC;EAAEsC,kBAAkB;EAAE,GAAGZ;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzC,MAAM;IAAEY,IAAI;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAGlC,oBAAoB,CAAC,CAAC;EAC9E,oBACEY,IAAA,CAACL,aAAa;IACZW,GAAG,EAAEA,GAAI;IACTY,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA,UAAW;IACvBJ,kBAAkB,EAAEA,kBAAkB,IAAIK,MAAM,CAACC,cAAe;IAAA,GAC5DlB;EAAK,CACV,CAAC;AAEN,CACF,CAAC;AAEDW,iBAAiB,CAACD,WAAW,GAAG,oBAAoB;AAEpD,MAAMS,0BAA0B,GAAGA,CAAA,kBACjCxB,IAAA,CAACP,IAAI;EAACgC,EAAE,EAAE3C,aAAc;EAACoB,SAAS,EAAC;AAAwB,CAAE,CAC9D;AAEDsB,0BAA0B,CAACT,WAAW,GAAG,6BAA6B;AAOtE,MAAMW,kBAAkB,gBAAG/C,UAAU,CAAgC,CAAC;EAAE,GAAG0B;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1F,MAAM;
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useMemo","CalendarToday","dataAttributes","DatePickerContext","DatePickerRoot","DatePickerRootPrimitive","mergeDataAttributes","useDatePickerContext","cn","ParentContext","useParentContext","Dialog","Icon","Calendar","PickerTrigger","PickerBottomSheetSurface","PickerDialogSurface","PickerPopoverSurface","jsx","_jsx","DATE_FIELD_SCOPE","className","children","style","props","ref","parent","ctx","variant","size","fullWidth","Provider","value","slot","displayName","DatePickerTrigger","accessibilityLabel","open","setOpen","disabled","triggerRef","labels","openDatePicker","DatePickerTriggerIndicator","as","DatePickerCalendar","onValueChange","minValue","maxValue","isDateUnavailable","locale","handleValueChange","next","DatePickerDialog","registerSurface","Popup","DatePickerBottomSheet","DatePickerPopover","anchorRef","DatePicker","Object","assign","Trigger","TriggerIndicator","Popover","BottomSheet"],"sourceRoot":"../../../../src","sources":["components/DatePicker/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -153,10 +153,12 @@ const FieldError = /*#__PURE__*/forwardRef(({
|
|
|
153
153
|
}, ref) => {
|
|
154
154
|
const {
|
|
155
155
|
isInvalid,
|
|
156
|
+
errorMessage,
|
|
156
157
|
feedbackId,
|
|
157
158
|
setHasFeedbackText
|
|
158
159
|
} = useFormControlContext();
|
|
159
|
-
const
|
|
160
|
+
const content = children ?? errorMessage;
|
|
161
|
+
const visible = Boolean(isInvalid && content);
|
|
160
162
|
useEffect(() => {
|
|
161
163
|
if (!visible) {
|
|
162
164
|
setHasFeedbackText?.(false);
|
|
@@ -186,7 +188,7 @@ const FieldError = /*#__PURE__*/forwardRef(({
|
|
|
186
188
|
})),
|
|
187
189
|
children: [/*#__PURE__*/_jsx(FieldErrorIcon, {}), /*#__PURE__*/_jsx(Text, {
|
|
188
190
|
className: textClassName,
|
|
189
|
-
children:
|
|
191
|
+
children: content
|
|
190
192
|
})]
|
|
191
193
|
});
|
|
192
194
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useEffect","Text","View","ErrorIcon","FieldLabel","FieldLabelPrimitive","FieldRoot","FieldRootPrimitive","Slot","dataAttributes","mergeDataAttributes","useFormControlContext","cn","Icon","fieldErrorIconVariants","fieldErrorTextVariants","fieldErrorVariants","fieldHelperTextVariants","fieldHelperVariants","fieldLabelVariants","fieldRootVariants","jsx","_jsx","jsxs","_jsxs","className","children","style","props","ref","computedClassName","slot","displayName","htmlFor","isLabelFocused","isInvalid","labelClassName","requiredIndicator","FieldHelper","asChild","helpTextId","setHasHelpText","undefined","containerClassName","textClassName","Comp","id","FieldErrorIcon","as","FieldError","feedbackId","setHasFeedbackText","visible","Boolean","accessibilityRole","accessibilityLiveRegion","Field","Object","assign","Label","Helper","Error"],"sourceRoot":"../../../../src","sources":["components/Field/index.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["forwardRef","useEffect","Text","View","ErrorIcon","FieldLabel","FieldLabelPrimitive","FieldRoot","FieldRootPrimitive","Slot","dataAttributes","mergeDataAttributes","useFormControlContext","cn","Icon","fieldErrorIconVariants","fieldErrorTextVariants","fieldErrorVariants","fieldHelperTextVariants","fieldHelperVariants","fieldLabelVariants","fieldRootVariants","jsx","_jsx","jsxs","_jsxs","className","children","style","props","ref","computedClassName","slot","displayName","htmlFor","isLabelFocused","isInvalid","labelClassName","requiredIndicator","FieldHelper","asChild","helpTextId","setHasHelpText","undefined","containerClassName","textClassName","Comp","id","FieldErrorIcon","as","FieldError","errorMessage","feedbackId","setHasFeedbackText","content","visible","Boolean","accessibilityRole","accessibilityLiveRegion","Field","Object","assign","Label","Helper","Error"],"sourceRoot":"../../../../src","sources":["components/Field/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","headingStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,YAAY,GAAGD,GAAG,CAC7B,CACE,2BAA2B,EAC3BD,QAAQ,CAACG,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":[]}
|
|
1
|
+
{"version":3,"names":["Platform","cva","headingStyle","select","web","default","variants","size","xl","lg","md","sm","xs","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,YAAY,GAAGD,GAAG,CAC7B,CACE,2BAA2B,EAC3BD,QAAQ,CAACG,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,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { useEffect } from 'react';
|
|
3
4
|
import { withUniwind } from 'uniwind';
|
|
4
5
|
import { cn } from '@cdx-ui/utils';
|
|
6
|
+
import { CONTENT_COLOR } from '../../styles/constants';
|
|
7
|
+
import { iconStyle } from './styles';
|
|
5
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
9
|
function IconImpl({
|
|
7
10
|
as: IconComponent,
|
|
@@ -42,22 +45,43 @@ const StyledIcon = withUniwind(withUniwind(IconImpl), {
|
|
|
42
45
|
* import { Icon } from '@cdx-ui/components';
|
|
43
46
|
* import { ArrowRight } from '@cdx-ui/icons';
|
|
44
47
|
*
|
|
45
|
-
* <Icon as={ArrowRight} className="
|
|
48
|
+
* <Icon as={ArrowRight} color="action" className="size-4" />
|
|
46
49
|
* ```
|
|
47
50
|
*
|
|
48
51
|
* @param {ForgeIcon} as - The Forge icon component to render.
|
|
49
|
-
* @param {
|
|
52
|
+
* @param {IconColor} color - Semantic content color. Defaults to `primary`.
|
|
53
|
+
* @param {string} className - Utility classes for size and placement, merged after the defaults.
|
|
50
54
|
* @param {number} size - Icon size (overrides the size class).
|
|
51
55
|
* @param {...ForgeIconProps} ...props - Additional icon props passed to the "as" icon.
|
|
52
56
|
*/
|
|
57
|
+
let hasWarnedIconRawColor = false;
|
|
58
|
+
function isIconColor(color) {
|
|
59
|
+
return typeof color === 'string' && Object.prototype.hasOwnProperty.call(CONTENT_COLOR, color);
|
|
60
|
+
}
|
|
53
61
|
export function Icon({
|
|
54
62
|
as: IconComponent,
|
|
63
|
+
color = 'primary',
|
|
55
64
|
className,
|
|
56
65
|
...props
|
|
57
66
|
}) {
|
|
67
|
+
const isSemantic = isIconColor(color);
|
|
68
|
+
const semanticColor = isSemantic ? color : null;
|
|
69
|
+
const rawColor = isSemantic ? undefined : color;
|
|
70
|
+
useEffect(() => {
|
|
71
|
+
if (__DEV__ && rawColor !== undefined && !hasWarnedIconRawColor) {
|
|
72
|
+
hasWarnedIconRawColor = true;
|
|
73
|
+
console.warn(`[Icon] Passing a raw \`color\` value is deprecated and will be removed in a future major release. Use a semantic color (${Object.keys(CONTENT_COLOR).join(', ')}) instead.`);
|
|
74
|
+
}
|
|
75
|
+
}, [rawColor]);
|
|
76
|
+
|
|
77
|
+
// A raw color skips the color class and reaches the SVG directly; `withUniwind`
|
|
78
|
+
// only maps `color` from `className` when the prop is undefined.
|
|
58
79
|
return /*#__PURE__*/_jsx(StyledIcon, {
|
|
59
80
|
as: IconComponent,
|
|
60
|
-
className: cn(
|
|
81
|
+
className: cn(iconStyle({
|
|
82
|
+
color: semanticColor
|
|
83
|
+
}), className),
|
|
84
|
+
color: rawColor,
|
|
61
85
|
...props
|
|
62
86
|
});
|
|
63
87
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["withUniwind","cn","jsx","_jsx","IconImpl","as","IconComponent","props","StyledIcon","size","fromClassName","styleProperty","color","Icon","className"],"sourceRoot":"../../../../src","sources":["components/Icon/index.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,SAAS;AACrC,SAASC,EAAE,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["useEffect","withUniwind","cn","CONTENT_COLOR","iconStyle","jsx","_jsx","IconImpl","as","IconComponent","props","StyledIcon","size","fromClassName","styleProperty","color","hasWarnedIconRawColor","isIconColor","Object","prototype","hasOwnProperty","call","Icon","className","isSemantic","semanticColor","rawColor","undefined","__DEV__","console","warn","keys","join"],"sourceRoot":"../../../../src","sources":["components/Icon/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,WAAW,QAAQ,SAAS;AACrC,SAASC,EAAE,QAAQ,eAAe;AAElC,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,SAAS,QAA+B,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAqB5D,SAASC,QAAQA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAE,GAAGC;AAAqB,CAAC,EAAE;EAChE,oBAAOJ,IAAA,CAACG,aAAa;IAAA,GAAKC;EAAK,CAAG,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAGV,WAAW,CAACA,WAAW,CAACM,QAAQ,CAAC,EAAE;EACpDK,IAAI,EAAE;IACJC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB,CAAC;EACDC,KAAK,EAAE;IACLF,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIE,qBAAqB,GAAG,KAAK;AAEjC,SAASC,WAAWA,CAACF,KAAsC,EAAsB;EAC/E,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAAClB,aAAa,EAAEY,KAAK,CAAC;AAChG;AAEA,OAAO,SAASO,IAAIA,CAAC;EAAEd,EAAE,EAAEC,aAAa;EAAEM,KAAK,GAAG,SAAS;EAAEQ,SAAS;EAAE,GAAGb;AAAiB,CAAC,EAAE;EAC7F,MAAMc,UAAU,GAAGP,WAAW,CAACF,KAAK,CAAC;EACrC,MAAMU,aAAa,GAAGD,UAAU,GAAGT,KAAK,GAAG,IAAI;EAC/C,MAAMW,QAAQ,GAAGF,UAAU,GAAGG,SAAS,GAAGZ,KAAK;EAE/Cf,SAAS,CAAC,MAAM;IACd,IAAI4B,OAAO,IAAIF,QAAQ,KAAKC,SAAS,IAAI,CAACX,qBAAqB,EAAE;MAC/DA,qBAAqB,GAAG,IAAI;MAC5Ba,OAAO,CAACC,IAAI,CACV,2HAA2HZ,MAAM,CAACa,IAAI,CAAC5B,aAAa,CAAC,CAAC6B,IAAI,CAAC,IAAI,CAAC,YAClK,CAAC;IACH;EACF,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;;EAEd;EACA;EACA,oBACEpB,IAAA,CAACK,UAAU;IACTH,EAAE,EAAEC,aAAc;IAClBc,SAAS,EAAErB,EAAE,CAACE,SAAS,CAAC;MAAEW,KAAK,EAAEU;IAAc,CAAC,CAAC,EAAEF,SAAS,CAAE;IAC9DR,KAAK,EAAEW,QAAS;IAAA,GACZhB;EAAK,CACV,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { cva } from '@cdx-ui/utils';
|
|
4
|
+
import { CONTENT_COLOR } from '../../styles/constants';
|
|
5
|
+
|
|
6
|
+
// `shrink-0` matters on web only: react-native-svg renders a bare `<svg>`, which
|
|
7
|
+
// falls back to the browser's `flex-shrink: 1`. Yoga already defaults to 0.
|
|
8
|
+
export const iconStyle = cva(['size-5 shrink-0'], {
|
|
9
|
+
variants: {
|
|
10
|
+
color: CONTENT_COLOR
|
|
11
|
+
},
|
|
12
|
+
defaultVariants: {
|
|
13
|
+
color: 'primary'
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cva","CONTENT_COLOR","iconStyle","variants","color","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Icon/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,aAAa,QAAQ,wBAAwB;;AAEtD;AACA;AACA,OAAO,MAAMC,SAAS,GAAGF,GAAG,CAAC,CAAC,iBAAiB,CAAC,EAAE;EAChDG,QAAQ,EAAE;IACRC,KAAK,EAAEH;EACT,CAAC;EACDI,eAAe,EAAE;IACfD,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -2,18 +2,27 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { Text as RNText } from 'react-native';
|
|
5
|
+
import { useHasTextAncestor } from '@cdx-ui/primitives';
|
|
5
6
|
import { cn } from '@cdx-ui/utils';
|
|
6
|
-
import { textStyle } from './styles';
|
|
7
|
+
import { nestedTextStyle, textStyle } from './styles';
|
|
7
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
9
|
export const Text = /*#__PURE__*/forwardRef(function Text({
|
|
9
10
|
className,
|
|
10
|
-
|
|
11
|
+
color,
|
|
12
|
+
size,
|
|
13
|
+
weight,
|
|
14
|
+
italic,
|
|
11
15
|
...props
|
|
12
16
|
}, ref) {
|
|
17
|
+
const variants = {
|
|
18
|
+
color,
|
|
19
|
+
size,
|
|
20
|
+
weight,
|
|
21
|
+
italic
|
|
22
|
+
};
|
|
23
|
+
const classes = useHasTextAncestor() ? nestedTextStyle(variants) : textStyle(variants);
|
|
13
24
|
return /*#__PURE__*/_jsx(RNText, {
|
|
14
|
-
className: cn(
|
|
15
|
-
size
|
|
16
|
-
}), className),
|
|
25
|
+
className: cn(classes, className),
|
|
17
26
|
...props,
|
|
18
27
|
ref: ref
|
|
19
28
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Text","RNText","cn","textStyle","jsx","_jsx","className","size","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Text/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA0D,OAAO;AACpF,SAASC,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAC7C,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,SAAS,
|
|
1
|
+
{"version":3,"names":["forwardRef","Text","RNText","useHasTextAncestor","cn","nestedTextStyle","textStyle","jsx","_jsx","className","color","size","weight","italic","props","ref","variants","classes","displayName"],"sourceRoot":"../../../../src","sources":["components/Text/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA0D,OAAO;AACpF,SAASC,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAC7C,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,eAAe,EAAEC,SAAS,QAA+B,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA4B7E,OAAO,MAAMP,IAAI,gBAAGD,UAAU,CAAyC,SAASC,IAAIA,CAClF;EAAEQ,SAAS;EAAEC,KAAK;EAAEC,IAAI;EAAEC,MAAM;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,EACpDC,GAAG,EACH;EACA,MAAMC,QAAQ,GAAG;IAAEN,KAAK;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAO,CAAC;EAChD,MAAMI,OAAO,GAAGd,kBAAkB,CAAC,CAAC,GAAGE,eAAe,CAACW,QAAQ,CAAC,GAAGV,SAAS,CAACU,QAAQ,CAAC;EAEtF,oBAAOR,IAAA,CAACN,MAAM;IAACO,SAAS,EAAEL,EAAE,CAACa,OAAO,EAAER,SAAS,CAAE;IAAA,GAAKK,KAAK;IAAEC,GAAG,EAAEA;EAAI,CAAE,CAAC;AAC3E,CAAC,CAAC;AAEFd,IAAI,CAACiB,WAAW,GAAG,MAAM","ignoreList":[]}
|
|
@@ -2,18 +2,54 @@
|
|
|
2
2
|
|
|
3
3
|
import { Platform } from 'react-native';
|
|
4
4
|
import { cva } from '@cdx-ui/utils';
|
|
5
|
-
|
|
5
|
+
import { CONTENT_COLOR } from '../../styles/constants';
|
|
6
|
+
const TEXT_WEIGHT = {
|
|
7
|
+
normal: 'font-normal',
|
|
8
|
+
medium: 'font-medium',
|
|
9
|
+
semibold: 'font-semibold',
|
|
10
|
+
bold: 'font-bold'
|
|
11
|
+
};
|
|
12
|
+
const TEXT_ITALIC = {
|
|
13
|
+
true: 'italic'
|
|
14
|
+
};
|
|
15
|
+
export const textStyle = cva([Platform.select({
|
|
6
16
|
web: 'font-body my-0 bg-transparent no-underline',
|
|
7
17
|
default: ''
|
|
8
18
|
})], {
|
|
9
19
|
variants: {
|
|
20
|
+
color: CONTENT_COLOR,
|
|
10
21
|
size: {
|
|
11
22
|
xl: 'body-xl',
|
|
12
23
|
lg: 'body-lg',
|
|
13
24
|
md: 'body-md',
|
|
14
25
|
sm: 'body-sm',
|
|
15
26
|
xs: 'body-xs'
|
|
16
|
-
}
|
|
27
|
+
},
|
|
28
|
+
weight: TEXT_WEIGHT,
|
|
29
|
+
italic: TEXT_ITALIC
|
|
30
|
+
},
|
|
31
|
+
defaultVariants: {
|
|
32
|
+
color: 'primary',
|
|
33
|
+
size: 'md',
|
|
34
|
+
weight: 'normal'
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
// A `Text` inside another text element emits only the props it is given, with no
|
|
38
|
+
// base classes or defaults, so everything it omits inherits from the parent. Its
|
|
39
|
+
// sizes use the `-size` companions of the body styles, which leave the font
|
|
40
|
+
// family and weight to inherit too.
|
|
41
|
+
export const nestedTextStyle = cva([], {
|
|
42
|
+
variants: {
|
|
43
|
+
color: CONTENT_COLOR,
|
|
44
|
+
size: {
|
|
45
|
+
xl: 'body-xl-size',
|
|
46
|
+
lg: 'body-lg-size',
|
|
47
|
+
md: 'body-md-size',
|
|
48
|
+
sm: 'body-sm-size',
|
|
49
|
+
xs: 'body-xs-size'
|
|
50
|
+
},
|
|
51
|
+
weight: TEXT_WEIGHT,
|
|
52
|
+
italic: TEXT_ITALIC
|
|
17
53
|
}
|
|
18
54
|
});
|
|
19
55
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","textStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Text/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,SAAS,
|
|
1
|
+
{"version":3,"names":["Platform","cva","CONTENT_COLOR","TEXT_WEIGHT","normal","medium","semibold","bold","TEXT_ITALIC","true","textStyle","select","web","default","variants","color","size","xl","lg","md","sm","xs","weight","italic","defaultVariants","nestedTextStyle"],"sourceRoot":"../../../../src","sources":["components/Text/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AACtD,SAASC,aAAa,QAAQ,wBAAwB;AAEtD,MAAMC,WAAW,GAAG;EAClBC,MAAM,EAAE,aAAa;EACrBC,MAAM,EAAE,aAAa;EACrBC,QAAQ,EAAE,eAAe;EACzBC,IAAI,EAAE;AACR,CAAU;AAEV,MAAMC,WAAW,GAAG;EAClBC,IAAI,EAAE;AACR,CAAU;AAEV,OAAO,MAAMC,SAAS,GAAGT,GAAG,CAC1B,CACED,QAAQ,CAACW,MAAM,CAAC;EACdC,GAAG,EAAE,4CAA4C;EACjDC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,KAAK,EAAEb,aAAa;IACpBc,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN,CAAC;IACDC,MAAM,EAAEnB,WAAW;IACnBoB,MAAM,EAAEf;EACV,CAAC;EACDgB,eAAe,EAAE;IACfT,KAAK,EAAE,SAAS;IAChBC,IAAI,EAAE,IAAI;IACVM,MAAM,EAAE;EACV;AACF,CACF,CAAC;AAID;AACA;AACA;AACA;AACA,OAAO,MAAMG,eAAe,GAAGxB,GAAG,CAAC,EAAE,EAAE;EACrCa,QAAQ,EAAE;IACRC,KAAK,EAAEb,aAAa;IACpBc,IAAI,EAAE;MACJC,EAAE,EAAE,cAAc;MAClBC,EAAE,EAAE,cAAc;MAClBC,EAAE,EAAE,cAAc;MAClBC,EAAE,EAAE,cAAc;MAClBC,EAAE,EAAE;IACN,CAAiE;IACjEC,MAAM,EAAEnB,WAAW;IACnBoB,MAAM,EAAEf;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","StyleSheet","useResolveClassNames","useButtonColor","color","toastColor","useVerticalPlaceholderStyles","rootClassName","style","resolvedRootClassName","resolvedStyle","flatten","undefined","stylePaddingTop","paddingTop","paddingVertical","padding","stylePaddingBottom","paddingBottom","classNamePaddingTop","classNamePaddingBottom","paddingTopValue","paddingBottomValue","topHeight","bottomHeight","styleBackgroundColor","backgroundColor","classNameBackgroundColor","topStyle","height","bottomStyle"],"sourceRoot":"../../../../src","sources":["components/Toast/hooks.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,oBAAoB,QAAQ,SAAS;AAI9C,OAAO,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC;AAIF,CAAC,EAAE;EACD
|
|
1
|
+
{"version":3,"names":["useMemo","StyleSheet","useResolveClassNames","useButtonColor","color","toastColor","useVerticalPlaceholderStyles","rootClassName","style","resolvedRootClassName","resolvedStyle","flatten","undefined","stylePaddingTop","paddingTop","paddingVertical","padding","stylePaddingBottom","paddingBottom","classNamePaddingTop","classNamePaddingBottom","paddingTopValue","paddingBottomValue","topHeight","bottomHeight","styleBackgroundColor","backgroundColor","classNameBackgroundColor","topStyle","height","bottomStyle"],"sourceRoot":"../../../../src","sources":["components/Toast/hooks.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,oBAAoB,QAAQ,SAAS;AAI9C,OAAO,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC;AAIF,CAAC,EAAE;EACD,OAAOL,OAAO,CAAC,MAAM;IACnB,IAAII,KAAK,EAAE,OAAOA,KAAK;IAEvB,QAAQC,UAAU;MAChB,KAAK,MAAM;QACT,OAAO,MAAM;MACf,KAAK,SAAS;QACZ,OAAO,SAAS;MAClB,KAAK,SAAS;QACZ,OAAO,SAAS;MAClB,KAAK,QAAQ;QACX,OAAO,QAAQ;MACjB,KAAK,SAAS;MACd;QACE,OAAO,QAAQ;IACnB;EACF,CAAC,EAAE,CAACA,UAAU,EAAED,KAAK,CAAC,CAAC;AACzB;AAOA,OAAO,SAASE,4BAA4BA,CAAC;EAC3CC,aAAa;EACbC;AACkC,CAAC,EAAE;EACrC,MAAMC,qBAAqB,GAAGP,oBAAoB,CAACK,aAAa,IAAI,EAAE,CAAC;EAEvE,OAAOP,OAAO,CAAC,MAAM;IACnB,MAAMU,aAAa,GAAGF,KAAK,GAAGP,UAAU,CAACU,OAAO,CAACH,KAAK,CAAC,GAAGI,SAAS;IAEnE,MAAMC,eAAe,GACnBH,aAAa,EAAEI,UAAU,IAAIJ,aAAa,EAAEK,eAAe,IAAIL,aAAa,EAAEM,OAAO;IACvF,MAAMC,kBAAkB,GACtBP,aAAa,EAAEQ,aAAa,IAAIR,aAAa,EAAEK,eAAe,IAAIL,aAAa,EAAEM,OAAO;IAE1F,MAAMG,mBAAmB,GACvBV,qBAAqB,EAAEK,UAAU,IACjCL,qBAAqB,EAAEM,eAAe,IACtCN,qBAAqB,EAAEO,OAAO;IAChC,MAAMI,sBAAsB,GAC1BX,qBAAqB,EAAES,aAAa,IACpCT,qBAAqB,EAAEM,eAAe,IACtCN,qBAAqB,EAAEO,OAAO;IAEhC,MAAMK,eAAe,GAAGR,eAAe,IAAIM,mBAAmB;IAC9D,MAAMG,kBAAkB,GAAGL,kBAAkB,IAAIG,sBAAsB;IAEvE,MAAMG,SAAS,GACb,OAAOF,eAAe,KAAK,QAAQ,IAAIA,eAAe,IAAI,CAAC,GAAGA,eAAe,GAAG,CAAC;IACnF,MAAMG,YAAY,GAChB,OAAOF,kBAAkB,KAAK,QAAQ,IAAIA,kBAAkB,IAAI,CAAC,GAAGA,kBAAkB,GAAG,CAAC;IAE5F,MAAMG,oBAAoB,GAAGf,aAAa,EAAEgB,eAAe;IAC3D,MAAMC,wBAAwB,GAAGlB,qBAAqB,EAAEiB,eAAe;IACvE,MAAMA,eAAe,GAAGD,oBAAoB,IAAIE,wBAAwB,IAAIf,SAAS;IAErF,MAAMgB,QAAmB,GAAG;MAC1BC,MAAM,EAAEN;IACV,CAAC;IAED,MAAMO,WAAsB,GAAG;MAC7BD,MAAM,EAAEL;IACV,CAAC;IAED,IAAIE,eAAe,KAAKd,SAAS,EAAE;MACjCgB,QAAQ,CAACF,eAAe,GAAGA,eAAe;MAC1CI,WAAW,CAACJ,eAAe,GAAGA,eAAe;IAC/C;IAEA,OAAO;MACLE,QAAQ;MACRE;IACF,CAAC;EACH,CAAC,EAAE,CAACrB,qBAAqB,EAAED,KAAK,CAAC,CAAC;AACpC","ignoreList":[]}
|
|
@@ -16,7 +16,7 @@ import { Icon } from '../Icon';
|
|
|
16
16
|
import { IconButton } from '../IconButton';
|
|
17
17
|
import { useToastRootAnimation } from './animation';
|
|
18
18
|
import { useButtonColor, useVerticalPlaceholderStyles } from './hooks';
|
|
19
|
-
import { toastRootVariants, toastLabelVariants, toastDescriptionVariants, toastIconVariants, toastStyleSheet, toastTextVariants, toastWrapperVariants } from './styles';
|
|
19
|
+
import { toastRootVariants, toastLabelVariants, toastDescriptionVariants, toastIconVariants, toastActionRootVariants, toastActionLabelVariants, toastCloseRootVariants, toastCloseIconVariants, toastStyleSheet, toastTextVariants, toastWrapperVariants } from './styles';
|
|
20
20
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
21
21
|
const SCOPE = 'TOAST';
|
|
22
22
|
const useToastStyleContext = () => useStyleContext(SCOPE);
|
|
@@ -366,21 +366,20 @@ const ToastAction = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
366
366
|
const {
|
|
367
367
|
color: toastColor
|
|
368
368
|
} = useToastStyleContext();
|
|
369
|
-
|
|
370
|
-
// TODO: Add toastActionVariants to styles.ts to restore color-aware action styling
|
|
371
|
-
|
|
372
369
|
const buttonColor = useButtonColor({
|
|
373
370
|
color,
|
|
374
371
|
toastColor
|
|
375
372
|
});
|
|
373
|
+
const usesNeutralStandIn = toastColor === 'neutral' && !color;
|
|
376
374
|
return /*#__PURE__*/_jsx(Button, {
|
|
377
375
|
ref: ref,
|
|
378
376
|
variant: variant ?? 'outline',
|
|
379
377
|
color: buttonColor,
|
|
380
378
|
size: size,
|
|
381
|
-
className: className,
|
|
379
|
+
className: cn(usesNeutralStandIn ? toastActionRootVariants() : undefined, className),
|
|
382
380
|
...restProps,
|
|
383
381
|
children: /*#__PURE__*/_jsx(Button.Label, {
|
|
382
|
+
className: usesNeutralStandIn ? toastActionLabelVariants() : undefined,
|
|
384
383
|
children: children
|
|
385
384
|
})
|
|
386
385
|
});
|
|
@@ -394,12 +393,15 @@ const ToastClose = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
394
393
|
size = 'small',
|
|
395
394
|
className,
|
|
396
395
|
onPress,
|
|
396
|
+
iconClassName,
|
|
397
397
|
...restProps
|
|
398
398
|
} = props;
|
|
399
399
|
const {
|
|
400
400
|
hide,
|
|
401
|
-
id
|
|
401
|
+
id,
|
|
402
|
+
color: toastColor
|
|
402
403
|
} = useToastStyleContext();
|
|
404
|
+
const usesNeutralStandIn = toastColor === 'neutral';
|
|
403
405
|
|
|
404
406
|
/**
|
|
405
407
|
* Handle close button press
|
|
@@ -419,7 +421,8 @@ const ToastClose = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
419
421
|
variant: "ghost",
|
|
420
422
|
size: size,
|
|
421
423
|
"aria-label": "Close",
|
|
422
|
-
className: className,
|
|
424
|
+
className: cn(usesNeutralStandIn ? toastCloseRootVariants() : undefined, className),
|
|
425
|
+
iconClassName: cn(usesNeutralStandIn ? toastCloseIconVariants() : undefined, iconClassName),
|
|
423
426
|
onPress: handlePress,
|
|
424
427
|
as: CloseIcon,
|
|
425
428
|
...restProps
|