@cdx-ui/components 0.0.1-beta.70 → 0.0.1-beta.71
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/QuickActionButton/index.js +133 -0
- package/lib/commonjs/components/QuickActionButton/index.js.map +1 -0
- package/lib/commonjs/components/QuickActionButton/styles.js +17 -0
- package/lib/commonjs/components/QuickActionButton/styles.js.map +1 -0
- package/lib/commonjs/components/index.js +12 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/figma/QuickActionButton.figma.js +38 -0
- package/lib/commonjs/figma/QuickActionButton.figma.js.map +1 -0
- package/lib/module/components/QuickActionButton/index.js +129 -0
- package/lib/module/components/QuickActionButton/index.js.map +1 -0
- package/lib/module/components/QuickActionButton/styles.js +13 -0
- package/lib/module/components/QuickActionButton/styles.js.map +1 -0
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/figma/QuickActionButton.figma.js +32 -0
- package/lib/module/figma/QuickActionButton.figma.js.map +1 -0
- package/lib/typescript/components/QuickActionButton/index.d.ts +41 -0
- package/lib/typescript/components/QuickActionButton/index.d.ts.map +1 -0
- package/lib/typescript/components/QuickActionButton/styles.d.ts +7 -0
- package/lib/typescript/components/QuickActionButton/styles.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/figma/QuickActionButton.figma.d.ts +8 -0
- package/lib/typescript/figma/QuickActionButton.figma.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/QuickActionButton/index.tsx +161 -0
- package/src/components/QuickActionButton/styles.ts +42 -0
- package/src/components/index.ts +1 -0
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.QuickActionButton = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _primitives = require("@cdx-ui/primitives");
|
|
10
|
+
var _utils = require("@cdx-ui/utils");
|
|
11
|
+
var _Icon = require("../Icon");
|
|
12
|
+
var _styles = require("./styles");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
// =============================================================================
|
|
15
|
+
// ROOT
|
|
16
|
+
// =============================================================================
|
|
17
|
+
|
|
18
|
+
const QuickActionButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
19
|
+
className,
|
|
20
|
+
style,
|
|
21
|
+
children,
|
|
22
|
+
accessibilityRole = 'button',
|
|
23
|
+
...props
|
|
24
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ButtonRoot, {
|
|
25
|
+
ref: ref,
|
|
26
|
+
accessibilityRole: accessibilityRole,
|
|
27
|
+
className: (0, _utils.cn)((0, _styles.quickActionButtonRootVariants)(), className),
|
|
28
|
+
style: style,
|
|
29
|
+
...props,
|
|
30
|
+
...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
|
|
31
|
+
slot: 'quick-action-button'
|
|
32
|
+
})),
|
|
33
|
+
children: children
|
|
34
|
+
}));
|
|
35
|
+
QuickActionButtonRoot.displayName = 'QuickActionButton';
|
|
36
|
+
|
|
37
|
+
// =============================================================================
|
|
38
|
+
// INDICATOR
|
|
39
|
+
// Circular container. Auto-rendered by `QuickActionButton.Icon` in standard usage.
|
|
40
|
+
// Exposed as a compound member for Code Connect parity and custom compositions.
|
|
41
|
+
// =============================================================================
|
|
42
|
+
|
|
43
|
+
const QuickActionButtonIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
44
|
+
className,
|
|
45
|
+
style,
|
|
46
|
+
children,
|
|
47
|
+
...props
|
|
48
|
+
}, ref) => {
|
|
49
|
+
const {
|
|
50
|
+
hover,
|
|
51
|
+
focus,
|
|
52
|
+
active,
|
|
53
|
+
disabled,
|
|
54
|
+
focusVisible
|
|
55
|
+
} = (0, _primitives.useButtonContext)();
|
|
56
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
57
|
+
ref: ref,
|
|
58
|
+
className: (0, _utils.cn)((0, _styles.quickActionButtonIndicatorVariants)(), className),
|
|
59
|
+
style: style,
|
|
60
|
+
...props,
|
|
61
|
+
...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
|
|
62
|
+
slot: 'quick-action-button-indicator',
|
|
63
|
+
hover,
|
|
64
|
+
focus,
|
|
65
|
+
active,
|
|
66
|
+
disabled,
|
|
67
|
+
focusVisible
|
|
68
|
+
})),
|
|
69
|
+
children: children
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
QuickActionButtonIndicator.displayName = 'QuickActionButton.Indicator';
|
|
73
|
+
|
|
74
|
+
// =============================================================================
|
|
75
|
+
// ICON
|
|
76
|
+
// Renders the Indicator circle + icon glyph as one convenient sub-component.
|
|
77
|
+
// This is the primary way consumers add the icon to a QuickActionButton.
|
|
78
|
+
// =============================================================================
|
|
79
|
+
|
|
80
|
+
function QuickActionButtonIcon({
|
|
81
|
+
as: IconComponent,
|
|
82
|
+
className,
|
|
83
|
+
indicatorClassName
|
|
84
|
+
}) {
|
|
85
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(QuickActionButtonIndicator, {
|
|
86
|
+
className: indicatorClassName,
|
|
87
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
88
|
+
as: IconComponent,
|
|
89
|
+
className: (0, _utils.cn)((0, _styles.quickActionButtonGlyphVariants)(), className)
|
|
90
|
+
})
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
QuickActionButtonIcon.displayName = 'QuickActionButton.Icon';
|
|
94
|
+
|
|
95
|
+
// =============================================================================
|
|
96
|
+
// LABEL
|
|
97
|
+
// =============================================================================
|
|
98
|
+
|
|
99
|
+
const QuickActionButtonLabel = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
100
|
+
className,
|
|
101
|
+
style,
|
|
102
|
+
children,
|
|
103
|
+
...props
|
|
104
|
+
}, ref) => {
|
|
105
|
+
const {
|
|
106
|
+
disabled
|
|
107
|
+
} = (0, _primitives.useButtonContext)();
|
|
108
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
109
|
+
ref: ref,
|
|
110
|
+
numberOfLines: 2,
|
|
111
|
+
ellipsizeMode: "tail",
|
|
112
|
+
className: (0, _utils.cn)((0, _styles.quickActionButtonLabelVariants)(), className),
|
|
113
|
+
style: style,
|
|
114
|
+
...props,
|
|
115
|
+
...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
|
|
116
|
+
slot: 'quick-action-button-label',
|
|
117
|
+
disabled
|
|
118
|
+
})),
|
|
119
|
+
children: children
|
|
120
|
+
});
|
|
121
|
+
});
|
|
122
|
+
QuickActionButtonLabel.displayName = 'QuickActionButton.Label';
|
|
123
|
+
|
|
124
|
+
// =============================================================================
|
|
125
|
+
// COMPOUND EXPORT
|
|
126
|
+
// =============================================================================
|
|
127
|
+
|
|
128
|
+
const QuickActionButton = exports.QuickActionButton = Object.assign(QuickActionButtonRoot, {
|
|
129
|
+
Indicator: QuickActionButtonIndicator,
|
|
130
|
+
Icon: QuickActionButtonIcon,
|
|
131
|
+
Label: QuickActionButtonLabel
|
|
132
|
+
});
|
|
133
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","QuickActionButtonRoot","forwardRef","className","style","children","accessibilityRole","props","ref","jsx","ButtonRoot","cn","quickActionButtonRootVariants","mergeDataAttributes","dataAttributes","slot","displayName","QuickActionButtonIndicator","hover","focus","active","disabled","focusVisible","useButtonContext","View","quickActionButtonIndicatorVariants","QuickActionButtonIcon","as","IconComponent","indicatorClassName","Icon","quickActionButtonGlyphVariants","QuickActionButtonLabel","Text","numberOfLines","ellipsizeMode","quickActionButtonLabelVariants","QuickActionButton","exports","Object","assign","Indicator","Label"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.quickActionButtonRootVariants = exports.quickActionButtonLabelVariants = exports.quickActionButtonIndicatorVariants = exports.quickActionButtonGlyphVariants = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
|
+
var _primitives = require("../../styles/primitives");
|
|
10
|
+
const quickActionButtonRootVariants = exports.quickActionButtonRootVariants = (0, _classVarianceAuthority.cva)(['flex flex-col items-center gap-2', 'min-w-[60px] max-w-20', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.DISABLED_CURSOR]);
|
|
11
|
+
const quickActionButtonIndicatorVariants = exports.quickActionButtonIndicatorVariants = (0, _classVarianceAuthority.cva)(['flex items-center justify-center shrink-0', 'h-[60px] w-[60px] min-h-[60px] min-w-[60px] p-2', 'rounded-[var(--border-radius-round)]', 'border border-stroke-secondary', 'bg-surface-primary', 'overflow-hidden', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _reactNative.Platform.select({
|
|
12
|
+
default: 'data-[active=true]:bg-surface-primary-active',
|
|
13
|
+
web: ['data-[hover=true]:bg-surface-primary-hover', 'data-[active=true]:data-[hover=true]:bg-surface-secondary-active', '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'].join(' ')
|
|
14
|
+
})]);
|
|
15
|
+
const quickActionButtonGlyphVariants = exports.quickActionButtonGlyphVariants = (0, _classVarianceAuthority.cva)(['size-6', 'text-content-action']);
|
|
16
|
+
const quickActionButtonLabelVariants = exports.quickActionButtonLabelVariants = (0, _classVarianceAuthority.cva)(['body-sm font-medium', 'text-content-primary text-center', 'w-full min-w-0 max-w-20 self-center', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]']);
|
|
17
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","quickActionButtonRootVariants","exports","cva","DISABLED_CURSOR","quickActionButtonIndicatorVariants","TRANSITION_COLORS","Platform","select","default","web","join","quickActionButtonGlyphVariants","quickActionButtonLabelVariants"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,2BAAG,EAAC,CAC/C,kCAAkC,EAClC,uBAAuB,EACvB,wEAAwE,EACxEC,2BAAe,CAChB,CAAC;AAEK,MAAMC,kCAAkC,GAAAH,OAAA,CAAAG,kCAAA,GAAG,IAAAF,2BAAG,EAAC,CACpD,2CAA2C,EAC3C,iDAAiD,EACjD,sCAAsC,EACtC,gCAAgC,EAChC,oBAAoB,EACpB,iBAAiB,EACjBG,6BAAiB,EACjB,wDAAwD,EACxDC,qBAAQ,CAACC,MAAM,CAAC;EACdC,OAAO,EAAE,8CAA8C;EACvDC,GAAG,EAAE,CACH,4CAA4C,EAC5C,kEAAkE,EAClE,sCAAsC,EACtC,+DAA+D,EAC/D,6CAA6C,CAC9C,CAACC,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAMC,8BAA8B,GAAAV,OAAA,CAAAU,8BAAA,GAAG,IAAAT,2BAAG,EAAC,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AAE7E,MAAMU,8BAA8B,GAAAX,OAAA,CAAAW,8BAAA,GAAG,IAAAV,2BAAG,EAAC,CAChD,qBAAqB,EACrB,kCAAkC,EAClC,qCAAqC,EACrC,wDAAwD,CACzD,CAAC","ignoreList":[]}
|
|
@@ -368,4 +368,16 @@ Object.keys(_IconButton).forEach(function (key) {
|
|
|
368
368
|
}
|
|
369
369
|
});
|
|
370
370
|
});
|
|
371
|
+
var _QuickActionButton = require("./QuickActionButton");
|
|
372
|
+
Object.keys(_QuickActionButton).forEach(function (key) {
|
|
373
|
+
if (key === "default" || key === "__esModule") return;
|
|
374
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
375
|
+
if (key in exports && exports[key] === _QuickActionButton[key]) return;
|
|
376
|
+
Object.defineProperty(exports, key, {
|
|
377
|
+
enumerable: true,
|
|
378
|
+
get: function () {
|
|
379
|
+
return _QuickActionButton[key];
|
|
380
|
+
}
|
|
381
|
+
});
|
|
382
|
+
});
|
|
371
383
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_AlertDialog","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Avatar","_BottomSheet","_Box","_Button","_Card","_Checkbox","_Chip","_Dialog","_Field","_Form","_Image","_Input","_OtpInput","_Link","_ListItem","_ProgressBar","_Skeleton","_ProgressSegmented","_Radio","_ScopedTheme","_Select","_VirtualizedList","_Switch","_Tile","_Stack","_Heading","_Text","_Icon","_IconButton"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_AlertDialog","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Avatar","_BottomSheet","_Box","_Button","_Card","_Checkbox","_Chip","_Dialog","_Field","_Form","_Image","_Input","_OtpInput","_Link","_ListItem","_ProgressBar","_Skeleton","_ProgressSegmented","_Radio","_ScopedTheme","_Select","_VirtualizedList","_Switch","_Tile","_Stack","_Heading","_Text","_Icon","_IconButton","_QuickActionButton"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5283-1723
|
|
10
|
+
// source=packages/components/src/components/QuickActionButton/index.tsx
|
|
11
|
+
// component=QuickActionButton
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
|
|
15
|
+
// Enum-as-boolean: isDisabled is a VARIANT property in Figma ("true"/"false").
|
|
16
|
+
const isDisabled = instance.getEnum('isDisabled', {
|
|
17
|
+
true: true,
|
|
18
|
+
false: undefined
|
|
19
|
+
});
|
|
20
|
+
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
21
|
+
|
|
22
|
+
// icon: INSTANCE_SWAP → QuickActionButton.Icon `as` (ForgeIcon).
|
|
23
|
+
// Prefer metadata.props.componentName from the icon Code Connect template.
|
|
24
|
+
const iconResult = instance.getInstanceSwap('icon')?.executeTemplate();
|
|
25
|
+
const iconName = iconResult?.metadata?.props?.componentName;
|
|
26
|
+
const iconSnippet = iconName ?? iconResult?.example;
|
|
27
|
+
const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
|
|
28
|
+
const labelText = instance.findText('{label}').textContent;
|
|
29
|
+
var _default = exports.default = {
|
|
30
|
+
id: 'quick-action-button',
|
|
31
|
+
imports: ["import { QuickActionButton } from '@cdx-ui/components'", ...iconImports],
|
|
32
|
+
example: _figma.default.code`
|
|
33
|
+
<QuickActionButton${isDisabledProp}>
|
|
34
|
+
<QuickActionButton.Icon as={${iconSnippet}} />
|
|
35
|
+
<QuickActionButton.Label>${labelText}</QuickActionButton.Label>
|
|
36
|
+
</QuickActionButton>`
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=QuickActionButton.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","isDisabled","getEnum","true","false","undefined","isDisabledProp","helpers","react","renderProp","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","labelText","findText","textContent","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/QuickActionButton.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA,MAAMC,UAAU,GAAGH,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGP,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAER,UAAU,CAAC;;AAE/E;AACA;AACA,MAAMS,UAAU,GAAGZ,QAAQ,CAACa,eAAe,CAAC,MAAM,CAAC,EAAEC,eAAe,CAAC,CAAC;AACtE,MAAMC,QAAQ,GAAGH,UAAU,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjF,MAAMC,WAAW,GAAGJ,QAAQ,IAAIH,UAAU,EAAEQ,OAAO;AAEnD,MAAMC,WAAW,GAAGN,QAAQ,GAAG,CAAC,YAAYA,QAAQ,yBAAyB,CAAC,GAAG,EAAE;AAEnF,MAAMO,SAAS,GAAItB,QAAQ,CAACuB,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAE5E;EACb4B,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,wDAAwD,EAAE,GAAGP,WAAW,CAAC;EACnFD,OAAO,EAAEnB,cAAK,CAAC4B,IAAI;AACrB,oBAAoBrB,cAAc;AAClC,gCAAgCW,WAAW;AAC3C,6BAA6BG,SAAS;AACtC;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { Text, View } from 'react-native';
|
|
5
|
+
import { ButtonRoot, dataAttributes, mergeDataAttributes, useButtonContext } from '@cdx-ui/primitives';
|
|
6
|
+
import { cn } from '@cdx-ui/utils';
|
|
7
|
+
import { Icon } from '../Icon';
|
|
8
|
+
import { quickActionButtonGlyphVariants, quickActionButtonIndicatorVariants, quickActionButtonLabelVariants, quickActionButtonRootVariants } from './styles';
|
|
9
|
+
|
|
10
|
+
// =============================================================================
|
|
11
|
+
// ROOT
|
|
12
|
+
// =============================================================================
|
|
13
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
+
const QuickActionButtonRoot = /*#__PURE__*/forwardRef(({
|
|
15
|
+
className,
|
|
16
|
+
style,
|
|
17
|
+
children,
|
|
18
|
+
accessibilityRole = 'button',
|
|
19
|
+
...props
|
|
20
|
+
}, ref) => /*#__PURE__*/_jsx(ButtonRoot, {
|
|
21
|
+
ref: ref,
|
|
22
|
+
accessibilityRole: accessibilityRole,
|
|
23
|
+
className: cn(quickActionButtonRootVariants(), className),
|
|
24
|
+
style: style,
|
|
25
|
+
...props,
|
|
26
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
27
|
+
slot: 'quick-action-button'
|
|
28
|
+
})),
|
|
29
|
+
children: children
|
|
30
|
+
}));
|
|
31
|
+
QuickActionButtonRoot.displayName = 'QuickActionButton';
|
|
32
|
+
|
|
33
|
+
// =============================================================================
|
|
34
|
+
// INDICATOR
|
|
35
|
+
// Circular container. Auto-rendered by `QuickActionButton.Icon` in standard usage.
|
|
36
|
+
// Exposed as a compound member for Code Connect parity and custom compositions.
|
|
37
|
+
// =============================================================================
|
|
38
|
+
|
|
39
|
+
const QuickActionButtonIndicator = /*#__PURE__*/forwardRef(({
|
|
40
|
+
className,
|
|
41
|
+
style,
|
|
42
|
+
children,
|
|
43
|
+
...props
|
|
44
|
+
}, ref) => {
|
|
45
|
+
const {
|
|
46
|
+
hover,
|
|
47
|
+
focus,
|
|
48
|
+
active,
|
|
49
|
+
disabled,
|
|
50
|
+
focusVisible
|
|
51
|
+
} = useButtonContext();
|
|
52
|
+
return /*#__PURE__*/_jsx(View, {
|
|
53
|
+
ref: ref,
|
|
54
|
+
className: cn(quickActionButtonIndicatorVariants(), className),
|
|
55
|
+
style: style,
|
|
56
|
+
...props,
|
|
57
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
58
|
+
slot: 'quick-action-button-indicator',
|
|
59
|
+
hover,
|
|
60
|
+
focus,
|
|
61
|
+
active,
|
|
62
|
+
disabled,
|
|
63
|
+
focusVisible
|
|
64
|
+
})),
|
|
65
|
+
children: children
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
QuickActionButtonIndicator.displayName = 'QuickActionButton.Indicator';
|
|
69
|
+
|
|
70
|
+
// =============================================================================
|
|
71
|
+
// ICON
|
|
72
|
+
// Renders the Indicator circle + icon glyph as one convenient sub-component.
|
|
73
|
+
// This is the primary way consumers add the icon to a QuickActionButton.
|
|
74
|
+
// =============================================================================
|
|
75
|
+
|
|
76
|
+
function QuickActionButtonIcon({
|
|
77
|
+
as: IconComponent,
|
|
78
|
+
className,
|
|
79
|
+
indicatorClassName
|
|
80
|
+
}) {
|
|
81
|
+
return /*#__PURE__*/_jsx(QuickActionButtonIndicator, {
|
|
82
|
+
className: indicatorClassName,
|
|
83
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
84
|
+
as: IconComponent,
|
|
85
|
+
className: cn(quickActionButtonGlyphVariants(), className)
|
|
86
|
+
})
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
QuickActionButtonIcon.displayName = 'QuickActionButton.Icon';
|
|
90
|
+
|
|
91
|
+
// =============================================================================
|
|
92
|
+
// LABEL
|
|
93
|
+
// =============================================================================
|
|
94
|
+
|
|
95
|
+
const QuickActionButtonLabel = /*#__PURE__*/forwardRef(({
|
|
96
|
+
className,
|
|
97
|
+
style,
|
|
98
|
+
children,
|
|
99
|
+
...props
|
|
100
|
+
}, ref) => {
|
|
101
|
+
const {
|
|
102
|
+
disabled
|
|
103
|
+
} = useButtonContext();
|
|
104
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
105
|
+
ref: ref,
|
|
106
|
+
numberOfLines: 2,
|
|
107
|
+
ellipsizeMode: "tail",
|
|
108
|
+
className: cn(quickActionButtonLabelVariants(), className),
|
|
109
|
+
style: style,
|
|
110
|
+
...props,
|
|
111
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
112
|
+
slot: 'quick-action-button-label',
|
|
113
|
+
disabled
|
|
114
|
+
})),
|
|
115
|
+
children: children
|
|
116
|
+
});
|
|
117
|
+
});
|
|
118
|
+
QuickActionButtonLabel.displayName = 'QuickActionButton.Label';
|
|
119
|
+
|
|
120
|
+
// =============================================================================
|
|
121
|
+
// COMPOUND EXPORT
|
|
122
|
+
// =============================================================================
|
|
123
|
+
|
|
124
|
+
export const QuickActionButton = Object.assign(QuickActionButtonRoot, {
|
|
125
|
+
Indicator: QuickActionButtonIndicator,
|
|
126
|
+
Icon: QuickActionButtonIcon,
|
|
127
|
+
Label: QuickActionButtonLabel
|
|
128
|
+
});
|
|
129
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","Text","View","ButtonRoot","dataAttributes","mergeDataAttributes","useButtonContext","cn","Icon","quickActionButtonGlyphVariants","quickActionButtonIndicatorVariants","quickActionButtonLabelVariants","quickActionButtonRootVariants","jsx","_jsx","QuickActionButtonRoot","className","style","children","accessibilityRole","props","ref","slot","displayName","QuickActionButtonIndicator","hover","focus","active","disabled","focusVisible","QuickActionButtonIcon","as","IconComponent","indicatorClassName","QuickActionButtonLabel","numberOfLines","ellipsizeMode","QuickActionButton","Object","assign","Indicator","Label"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/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 'class-variance-authority';
|
|
5
|
+
import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
|
|
6
|
+
export const quickActionButtonRootVariants = cva(['flex flex-col items-center gap-2', 'min-w-[60px] max-w-20', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', DISABLED_CURSOR]);
|
|
7
|
+
export const quickActionButtonIndicatorVariants = cva(['flex items-center justify-center shrink-0', 'h-[60px] w-[60px] min-h-[60px] min-w-[60px] p-2', 'rounded-[var(--border-radius-round)]', 'border border-stroke-secondary', 'bg-surface-primary', 'overflow-hidden', TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', Platform.select({
|
|
8
|
+
default: 'data-[active=true]:bg-surface-primary-active',
|
|
9
|
+
web: ['data-[hover=true]:bg-surface-primary-hover', 'data-[active=true]:data-[hover=true]:bg-surface-secondary-active', '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'].join(' ')
|
|
10
|
+
})]);
|
|
11
|
+
export const quickActionButtonGlyphVariants = cva(['size-6', 'text-content-action']);
|
|
12
|
+
export const quickActionButtonLabelVariants = cva(['body-sm font-medium', 'text-content-primary text-center', 'w-full min-w-0 max-w-20 self-center', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]']);
|
|
13
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","quickActionButtonRootVariants","quickActionButtonIndicatorVariants","select","default","web","join","quickActionButtonGlyphVariants","quickActionButtonLabelVariants"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;AAE5E,OAAO,MAAMC,6BAA6B,GAAGH,GAAG,CAAC,CAC/C,kCAAkC,EAClC,uBAAuB,EACvB,wEAAwE,EACxEC,eAAe,CAChB,CAAC;AAEF,OAAO,MAAMG,kCAAkC,GAAGJ,GAAG,CAAC,CACpD,2CAA2C,EAC3C,iDAAiD,EACjD,sCAAsC,EACtC,gCAAgC,EAChC,oBAAoB,EACpB,iBAAiB,EACjBE,iBAAiB,EACjB,wDAAwD,EACxDH,QAAQ,CAACM,MAAM,CAAC;EACdC,OAAO,EAAE,8CAA8C;EACvDC,GAAG,EAAE,CACH,4CAA4C,EAC5C,kEAAkE,EAClE,sCAAsC,EACtC,+DAA+D,EAC/D,6CAA6C,CAC9C,CAACC,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMC,8BAA8B,GAAGT,GAAG,CAAC,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AAEpF,OAAO,MAAMU,8BAA8B,GAAGV,GAAG,CAAC,CAChD,qBAAqB,EACrB,kCAAkC,EAClC,qCAAqC,EACrC,wDAAwD,CACzD,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,qBAAqB","ignoreList":[]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5283-1723
|
|
4
|
+
// source=packages/components/src/components/QuickActionButton/index.tsx
|
|
5
|
+
// component=QuickActionButton
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
|
|
9
|
+
// Enum-as-boolean: isDisabled is a VARIANT property in Figma ("true"/"false").
|
|
10
|
+
const isDisabled = instance.getEnum('isDisabled', {
|
|
11
|
+
true: true,
|
|
12
|
+
false: undefined
|
|
13
|
+
});
|
|
14
|
+
const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
|
|
15
|
+
|
|
16
|
+
// icon: INSTANCE_SWAP → QuickActionButton.Icon `as` (ForgeIcon).
|
|
17
|
+
// Prefer metadata.props.componentName from the icon Code Connect template.
|
|
18
|
+
const iconResult = instance.getInstanceSwap('icon')?.executeTemplate();
|
|
19
|
+
const iconName = iconResult?.metadata?.props?.componentName;
|
|
20
|
+
const iconSnippet = iconName ?? iconResult?.example;
|
|
21
|
+
const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
|
|
22
|
+
const labelText = instance.findText('{label}').textContent;
|
|
23
|
+
export default {
|
|
24
|
+
id: 'quick-action-button',
|
|
25
|
+
imports: ["import { QuickActionButton } from '@cdx-ui/components'", ...iconImports],
|
|
26
|
+
example: figma.code`
|
|
27
|
+
<QuickActionButton${isDisabledProp}>
|
|
28
|
+
<QuickActionButton.Icon as={${iconSnippet}} />
|
|
29
|
+
<QuickActionButton.Label>${labelText}</QuickActionButton.Label>
|
|
30
|
+
</QuickActionButton>`
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=QuickActionButton.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","isDisabled","getEnum","true","false","undefined","isDisabledProp","helpers","react","renderProp","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","labelText","findText","textContent","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/QuickActionButton.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,UAAU,GAAGF,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAER,UAAU,CAAC;;AAE/E;AACA;AACA,MAAMS,UAAU,GAAGX,QAAQ,CAACY,eAAe,CAAC,MAAM,CAAC,EAAEC,eAAe,CAAC,CAAC;AACtE,MAAMC,QAAQ,GAAGH,UAAU,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjF,MAAMC,WAAW,GAAGJ,QAAQ,IAAIH,UAAU,EAAEQ,OAAO;AAEnD,MAAMC,WAAW,GAAGN,QAAQ,GAAG,CAAC,YAAYA,QAAQ,yBAAyB,CAAC,GAAG,EAAE;AAEnF,MAAMO,SAAS,GAAIrB,QAAQ,CAACsB,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAE1F,eAAe;EACbC,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,wDAAwD,EAAE,GAAGL,WAAW,CAAC;EACnFD,OAAO,EAAEpB,KAAK,CAAC2B,IAAI;AACrB,oBAAoBnB,cAAc;AAClC,gCAAgCW,WAAW;AAC3C,6BAA6BG,SAAS;AACtC;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { Text, View, type PressableProps, type TextProps, type ViewProps } from 'react-native';
|
|
3
|
+
import { type IButtonProps } from '@cdx-ui/primitives';
|
|
4
|
+
import type { ForgeIcon } from '@cdx-ui/icons';
|
|
5
|
+
import { type IconProps } from '../Icon';
|
|
6
|
+
import { type QuickActionButtonVariantProps } from './styles';
|
|
7
|
+
export interface QuickActionButtonProps extends PressableProps, IButtonProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
declare const QuickActionButtonRoot: import("react").ForwardRefExoticComponent<QuickActionButtonProps & import("react").RefAttributes<View>>;
|
|
12
|
+
export interface QuickActionButtonIndicatorProps extends ViewProps {
|
|
13
|
+
className?: string;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
declare const QuickActionButtonIndicator: import("react").ForwardRefExoticComponent<QuickActionButtonIndicatorProps & import("react").RefAttributes<View>>;
|
|
17
|
+
export interface QuickActionButtonIconProps {
|
|
18
|
+
/** Forge icon component to render inside the circular indicator. */
|
|
19
|
+
as: ForgeIcon;
|
|
20
|
+
/** Applied to the icon glyph, not the indicator circle. */
|
|
21
|
+
className?: IconProps['className'];
|
|
22
|
+
/** Applied to the indicator circle wrapper. */
|
|
23
|
+
indicatorClassName?: string;
|
|
24
|
+
}
|
|
25
|
+
declare function QuickActionButtonIcon({ as: IconComponent, className, indicatorClassName, }: QuickActionButtonIconProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare namespace QuickActionButtonIcon {
|
|
27
|
+
var displayName: string;
|
|
28
|
+
}
|
|
29
|
+
export interface QuickActionButtonLabelProps extends TextProps {
|
|
30
|
+
className?: string;
|
|
31
|
+
children?: ReactNode;
|
|
32
|
+
}
|
|
33
|
+
declare const QuickActionButtonLabel: import("react").ForwardRefExoticComponent<QuickActionButtonLabelProps & import("react").RefAttributes<Text>>;
|
|
34
|
+
type QuickActionButtonCompoundComponent = typeof QuickActionButtonRoot & {
|
|
35
|
+
Indicator: typeof QuickActionButtonIndicator;
|
|
36
|
+
Icon: typeof QuickActionButtonIcon;
|
|
37
|
+
Label: typeof QuickActionButtonLabel;
|
|
38
|
+
};
|
|
39
|
+
export declare const QuickActionButton: QuickActionButtonCompoundComponent;
|
|
40
|
+
export type { QuickActionButtonVariantProps };
|
|
41
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/QuickActionButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,EAIL,KAAK,YAAY,EAElB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAKL,KAAK,6BAA6B,EACnC,MAAM,UAAU,CAAC;AAMlB,MAAM,WAAW,sBAAuB,SAAQ,cAAc,EAAE,YAAY;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,qBAAqB,yGAa1B,CAAC;AASF,MAAM,WAAW,+BAAgC,SAAQ,SAAS;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,0BAA0B,kHAyB/B,CAAC;AASF,MAAM,WAAW,0BAA0B;IACzC,oEAAoE;IACpE,EAAE,EAAE,SAAS,CAAC;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iBAAS,qBAAqB,CAAC,EAC7B,EAAE,EAAE,aAAa,EACjB,SAAS,EACT,kBAAkB,GACnB,EAAE,0BAA0B,2CAM5B;kBAVQ,qBAAqB;;;AAiB9B,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,sBAAsB,8GAoB3B,CAAC;AAOF,KAAK,kCAAkC,GAAG,OAAO,qBAAqB,GAAG;IACvE,SAAS,EAAE,OAAO,0BAA0B,CAAC;IAC7C,IAAI,EAAE,OAAO,qBAAqB,CAAC;IACnC,KAAK,EAAE,OAAO,sBAAsB,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAIxB,kCAAkC,CAAC;AAEzC,YAAY,EAAE,6BAA6B,EAAE,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const quickActionButtonRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
3
|
+
export declare const quickActionButtonIndicatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
4
|
+
export declare const quickActionButtonGlyphVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
5
|
+
export declare const quickActionButtonLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
6
|
+
export type QuickActionButtonVariantProps = VariantProps<typeof quickActionButtonRootVariants>;
|
|
7
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/QuickActionButton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,6BAA6B,oFAKxC,CAAC;AAEH,eAAO,MAAM,kCAAkC,oFAmB7C,CAAC;AAEH,eAAO,MAAM,8BAA8B,oFAAyC,CAAC;AAErF,eAAO,MAAM,8BAA8B,oFAKzC,CAAC;AAEH,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAC,OAAO,6BAA6B,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickActionButton.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/QuickActionButton.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAqB1B,wBAQE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/components",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.71",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"module": "lib/module/index.js",
|
|
6
6
|
"react-native": "src/index.ts",
|
|
@@ -67,9 +67,9 @@
|
|
|
67
67
|
"@gorhom/bottom-sheet": "^5.2.6",
|
|
68
68
|
"class-variance-authority": "^0.7.1",
|
|
69
69
|
"uniwind": "1.6.1",
|
|
70
|
-
"@cdx-ui/
|
|
71
|
-
"@cdx-ui/
|
|
72
|
-
"@cdx-ui/icons": "0.0.1-beta.
|
|
70
|
+
"@cdx-ui/primitives": "0.0.1-beta.71",
|
|
71
|
+
"@cdx-ui/utils": "0.0.1-beta.71",
|
|
72
|
+
"@cdx-ui/icons": "0.0.1-beta.71"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
75
|
"@react-navigation/bottom-tabs": "*",
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
import { forwardRef, type ReactNode } from 'react';
|
|
2
|
+
import { Text, View, type PressableProps, type TextProps, type ViewProps } from 'react-native';
|
|
3
|
+
import {
|
|
4
|
+
ButtonRoot,
|
|
5
|
+
dataAttributes,
|
|
6
|
+
mergeDataAttributes,
|
|
7
|
+
type IButtonProps,
|
|
8
|
+
useButtonContext,
|
|
9
|
+
} from '@cdx-ui/primitives';
|
|
10
|
+
import type { ForgeIcon } from '@cdx-ui/icons';
|
|
11
|
+
import { cn } from '@cdx-ui/utils';
|
|
12
|
+
import { Icon, type IconProps } from '../Icon';
|
|
13
|
+
import {
|
|
14
|
+
quickActionButtonGlyphVariants,
|
|
15
|
+
quickActionButtonIndicatorVariants,
|
|
16
|
+
quickActionButtonLabelVariants,
|
|
17
|
+
quickActionButtonRootVariants,
|
|
18
|
+
type QuickActionButtonVariantProps,
|
|
19
|
+
} from './styles';
|
|
20
|
+
|
|
21
|
+
// =============================================================================
|
|
22
|
+
// ROOT
|
|
23
|
+
// =============================================================================
|
|
24
|
+
|
|
25
|
+
export interface QuickActionButtonProps extends PressableProps, IButtonProps {
|
|
26
|
+
className?: string;
|
|
27
|
+
children?: ReactNode;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
const QuickActionButtonRoot = forwardRef<View, QuickActionButtonProps>(
|
|
31
|
+
({ className, style, children, accessibilityRole = 'button', ...props }, ref) => (
|
|
32
|
+
<ButtonRoot
|
|
33
|
+
ref={ref}
|
|
34
|
+
accessibilityRole={accessibilityRole}
|
|
35
|
+
className={cn(quickActionButtonRootVariants(), className)}
|
|
36
|
+
style={style}
|
|
37
|
+
{...props}
|
|
38
|
+
{...mergeDataAttributes(props, dataAttributes({ slot: 'quick-action-button' }))}
|
|
39
|
+
>
|
|
40
|
+
{children}
|
|
41
|
+
</ButtonRoot>
|
|
42
|
+
),
|
|
43
|
+
);
|
|
44
|
+
QuickActionButtonRoot.displayName = 'QuickActionButton';
|
|
45
|
+
|
|
46
|
+
// =============================================================================
|
|
47
|
+
// INDICATOR
|
|
48
|
+
// Circular container. Auto-rendered by `QuickActionButton.Icon` in standard usage.
|
|
49
|
+
// Exposed as a compound member for Code Connect parity and custom compositions.
|
|
50
|
+
// =============================================================================
|
|
51
|
+
|
|
52
|
+
export interface QuickActionButtonIndicatorProps extends ViewProps {
|
|
53
|
+
className?: string;
|
|
54
|
+
children?: ReactNode;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
const QuickActionButtonIndicator = forwardRef<View, QuickActionButtonIndicatorProps>(
|
|
58
|
+
({ className, style, children, ...props }, ref) => {
|
|
59
|
+
const { hover, focus, active, disabled, focusVisible } = useButtonContext();
|
|
60
|
+
return (
|
|
61
|
+
<View
|
|
62
|
+
ref={ref}
|
|
63
|
+
className={cn(quickActionButtonIndicatorVariants(), className)}
|
|
64
|
+
style={style}
|
|
65
|
+
{...props}
|
|
66
|
+
{...mergeDataAttributes(
|
|
67
|
+
props,
|
|
68
|
+
dataAttributes({
|
|
69
|
+
slot: 'quick-action-button-indicator',
|
|
70
|
+
hover,
|
|
71
|
+
focus,
|
|
72
|
+
active,
|
|
73
|
+
disabled,
|
|
74
|
+
focusVisible,
|
|
75
|
+
}),
|
|
76
|
+
)}
|
|
77
|
+
>
|
|
78
|
+
{children}
|
|
79
|
+
</View>
|
|
80
|
+
);
|
|
81
|
+
},
|
|
82
|
+
);
|
|
83
|
+
QuickActionButtonIndicator.displayName = 'QuickActionButton.Indicator';
|
|
84
|
+
|
|
85
|
+
// =============================================================================
|
|
86
|
+
// ICON
|
|
87
|
+
// Renders the Indicator circle + icon glyph as one convenient sub-component.
|
|
88
|
+
// This is the primary way consumers add the icon to a QuickActionButton.
|
|
89
|
+
// =============================================================================
|
|
90
|
+
|
|
91
|
+
export interface QuickActionButtonIconProps {
|
|
92
|
+
/** Forge icon component to render inside the circular indicator. */
|
|
93
|
+
as: ForgeIcon;
|
|
94
|
+
/** Applied to the icon glyph, not the indicator circle. */
|
|
95
|
+
className?: IconProps['className'];
|
|
96
|
+
/** Applied to the indicator circle wrapper. */
|
|
97
|
+
indicatorClassName?: string;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
function QuickActionButtonIcon({
|
|
101
|
+
as: IconComponent,
|
|
102
|
+
className,
|
|
103
|
+
indicatorClassName,
|
|
104
|
+
}: QuickActionButtonIconProps) {
|
|
105
|
+
return (
|
|
106
|
+
<QuickActionButtonIndicator className={indicatorClassName}>
|
|
107
|
+
<Icon as={IconComponent} className={cn(quickActionButtonGlyphVariants(), className)} />
|
|
108
|
+
</QuickActionButtonIndicator>
|
|
109
|
+
);
|
|
110
|
+
}
|
|
111
|
+
QuickActionButtonIcon.displayName = 'QuickActionButton.Icon';
|
|
112
|
+
|
|
113
|
+
// =============================================================================
|
|
114
|
+
// LABEL
|
|
115
|
+
// =============================================================================
|
|
116
|
+
|
|
117
|
+
export interface QuickActionButtonLabelProps extends TextProps {
|
|
118
|
+
className?: string;
|
|
119
|
+
children?: ReactNode;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
const QuickActionButtonLabel = forwardRef<Text, QuickActionButtonLabelProps>(
|
|
123
|
+
({ className, style, children, ...props }, ref) => {
|
|
124
|
+
const { disabled } = useButtonContext();
|
|
125
|
+
return (
|
|
126
|
+
<Text
|
|
127
|
+
ref={ref}
|
|
128
|
+
numberOfLines={2}
|
|
129
|
+
ellipsizeMode="tail"
|
|
130
|
+
className={cn(quickActionButtonLabelVariants(), className)}
|
|
131
|
+
style={style}
|
|
132
|
+
{...props}
|
|
133
|
+
{...mergeDataAttributes(
|
|
134
|
+
props,
|
|
135
|
+
dataAttributes({ slot: 'quick-action-button-label', disabled }),
|
|
136
|
+
)}
|
|
137
|
+
>
|
|
138
|
+
{children}
|
|
139
|
+
</Text>
|
|
140
|
+
);
|
|
141
|
+
},
|
|
142
|
+
);
|
|
143
|
+
QuickActionButtonLabel.displayName = 'QuickActionButton.Label';
|
|
144
|
+
|
|
145
|
+
// =============================================================================
|
|
146
|
+
// COMPOUND EXPORT
|
|
147
|
+
// =============================================================================
|
|
148
|
+
|
|
149
|
+
type QuickActionButtonCompoundComponent = typeof QuickActionButtonRoot & {
|
|
150
|
+
Indicator: typeof QuickActionButtonIndicator;
|
|
151
|
+
Icon: typeof QuickActionButtonIcon;
|
|
152
|
+
Label: typeof QuickActionButtonLabel;
|
|
153
|
+
};
|
|
154
|
+
|
|
155
|
+
export const QuickActionButton = Object.assign(QuickActionButtonRoot, {
|
|
156
|
+
Indicator: QuickActionButtonIndicator,
|
|
157
|
+
Icon: QuickActionButtonIcon,
|
|
158
|
+
Label: QuickActionButtonLabel,
|
|
159
|
+
}) as QuickActionButtonCompoundComponent;
|
|
160
|
+
|
|
161
|
+
export type { QuickActionButtonVariantProps };
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Platform } from 'react-native';
|
|
2
|
+
import { cva, type VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
|
|
4
|
+
|
|
5
|
+
export const quickActionButtonRootVariants = cva([
|
|
6
|
+
'flex flex-col items-center gap-2',
|
|
7
|
+
'min-w-[60px] max-w-20',
|
|
8
|
+
'web:outline-none web:focus:outline-none web:focus-visible:outline-none',
|
|
9
|
+
DISABLED_CURSOR,
|
|
10
|
+
]);
|
|
11
|
+
|
|
12
|
+
export const quickActionButtonIndicatorVariants = cva([
|
|
13
|
+
'flex items-center justify-center shrink-0',
|
|
14
|
+
'h-[60px] w-[60px] min-h-[60px] min-w-[60px] p-2',
|
|
15
|
+
'rounded-[var(--border-radius-round)]',
|
|
16
|
+
'border border-stroke-secondary',
|
|
17
|
+
'bg-surface-primary',
|
|
18
|
+
'overflow-hidden',
|
|
19
|
+
TRANSITION_COLORS,
|
|
20
|
+
'data-[disabled=true]:opacity-[var(--opacity-disabled)]',
|
|
21
|
+
Platform.select({
|
|
22
|
+
default: 'data-[active=true]:bg-surface-primary-active',
|
|
23
|
+
web: [
|
|
24
|
+
'data-[hover=true]:bg-surface-primary-hover',
|
|
25
|
+
'data-[active=true]:data-[hover=true]:bg-surface-secondary-active',
|
|
26
|
+
'web:data-[focus-visible=true]:ring-2',
|
|
27
|
+
'web:data-[focus-visible=true]:ring-[var(--color-stroke-ring)]',
|
|
28
|
+
'web:data-[focus-visible=true]:ring-offset-2',
|
|
29
|
+
].join(' '),
|
|
30
|
+
}),
|
|
31
|
+
]);
|
|
32
|
+
|
|
33
|
+
export const quickActionButtonGlyphVariants = cva(['size-6', 'text-content-action']);
|
|
34
|
+
|
|
35
|
+
export const quickActionButtonLabelVariants = cva([
|
|
36
|
+
'body-sm font-medium',
|
|
37
|
+
'text-content-primary text-center',
|
|
38
|
+
'w-full min-w-0 max-w-20 self-center',
|
|
39
|
+
'data-[disabled=true]:opacity-[var(--opacity-disabled)]',
|
|
40
|
+
]);
|
|
41
|
+
|
|
42
|
+
export type QuickActionButtonVariantProps = VariantProps<typeof quickActionButtonRootVariants>;
|
package/src/components/index.ts
CHANGED